按钮 文字switch vue2
一统天下 flutter - widget 选择类: ToggleButtons - 一组多状态按钮
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 选择类: ToggleButtons - 一组多状态按钮 示例如下: lib\widget\selection\toggle_buttons.dar ......
vue2升vue3后部分异常解决
element-ui 升为 element-plus 首先建议参考element-plus官方站点： https://element-plus.org/zh-CN/ 部分组件标签直接变更 如 el-submenu 变更为 el-sub-menu 浏览器提示 ElementPlusError: [El ......
vuejs实现文字逐个显示效果且可以换行
实现方式：开始文字设置为空 ，然后通过添加定时器截取content字符串来实现。 效果展示如下： 具体实现如下： <template> <div> <div v-html=“showText ”></div> </div></template><script>export default { dat ......
php imagick实现文字渐变
参考文档： https://fengkui.net/articles/117 // 实现css background: linear-gradient(-66deg, rgba(222,162,79,0.9) 0%, rgba(255,236,161,0.94) 39.74609375%, #DEA ......
【Vue2.x源码系列07】监听器watch原理
本章目标：监听器是如何实现的？监听器选项 - immediate、deep 内部实现？在初始化Vue实例时，我们会给每个侦听器都创建一个对应watcher，我们称之为侦听器watcher ......
文字超出隐藏
<script type="text/javascript"> let titles=document.querySelectorAll('.Titlename'); for(let titlle of titles){ titlle.title=titlle.innerHTML; } </scri ......
vue2源码-九、异步更新
异步更新 异步更新原因 以下情况下： vm.name = '123' vm.name = '234' vm.name = '123' ... 如果我们频繁的修改一个数据，就会多次触发视图渲染dep.notify->watcher.update 这样就会降低性能，因此就需要采用异步更新策略，仅仅在最后 ......
使用Vue.js实现文字跑马灯效果
实现文字跑马灯效果，首先用到 substring()截取 和 setInterval计时器 clearInterval()清除计时器 效果如下： 实现代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
Vue2 css mixins变量自动导入配置
vue.config.js const path = require("path"); function addStyleResource(rule) { rule .use("style-resource") .loader("style-resources-loader") .options({ ......
vue2之使用provide/inject父子祖孙组件之间的传值
官网概念：provide/inject需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。 使用方法：在父组件中使用provide传值，在子组件中用inject接收 // 父组件 data(){ return { name:'阔落' ......
vue2之跨页面调用和传参
A页面调用B页面的方法 不涉及父子组件时，调用的方式，使用this.$root.$emit()发送消息，进行调用， /** * 打开在全局组件中的弹框 */ handleOpenModal(){ this.$root.$emit('toolbar', { type: 'modal', fun: th ......
vue2
vue vue-router 安装vue-router 当前项目下安装 需要导入 vue3的写法 main.js import { createApp } from 'vue' import App from './App.vue' import Router from 'vue-router' c ......
【Vue2.x源码系列06】计算属性computed原理
本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher ......
layui学习2（按钮、导航、选项卡）
1.按钮 <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.ilayuis.com" class="layui-btn">一个可跳转的按钮</a> <div class="layui-btn">d ......
vue2源码-八、依赖收集的过程
依赖收集的过程 前言 使用真实节点替换原始节点，主要涉及以下步骤： 1.新老节点的更新方案。 2.虚拟节点与真实节点映射。 3.实现新老节点的替换。 依赖收集 已经完成了Vue的两大核心部分：响应式数据和数据渲染，即完成了整个Vue的初始化流程： 当new Vue()时，执行_init初始化，通过m ......
【Vue2.x源码系列06】计算属性computed原理
本章目标：计算属性是如何实现的？计算属性缓存原理以及洋葱模型的应用？在初始化Vue实例时，我们会给每个计算属性都创建一个对应watcher，我们称之为计算属性watcher ......
vue2使用最新版nanoid，运行报错
项目需要nanoid生成主键。 vue版本：2.6.14 npm i nanoid后，npm run serve报错： Error [ERR_REQUIRE_ESM]: require() of ES Module C:\projects\frontend\vue-test\node_modules ......
vue2 xlsx结合file-saver实现JSON导出excel 支持导出多sheet
先安装插件 npm install xlsx -s npm install file-saver -s 在本地封装导出方法，支持// 文件名：Export2MultipleSheetExcel//支持导出多个或者单个sheet import { saveAs } from "file-saver"; ......
如何把switch改造成Ubuntu服务器
#下载大气层整合包 首先到b站上或者任何地点下载一个大气层整合包（好处是有中文，且不用自己操作生成hekate），整合包尽量选择新出的，然后把sd卡上除去emmu（虚拟系统存档）和nintendo（非虚拟系统存档）的文件夹全部删除，然后把整合包解压到根目录中 #下载最新L4T Ubuntu 根据l4 ......
不规则格式进行文字识别
public static void main(String[] args) throws Exception{ String strText = "申请人：张三，男，汉族，1999年9月9日生，身份证号：123456789012345678，住址：测试地址8幢8单元8号，联系方式：028—1234 ......
Java 多个相同关键字进行文字识别
public static void main(String[] args) throws Exception{ String strText = "被申请人：第一家测试有限公司。 住所地：第一家测试有限公司地址，统一社会信用 代码：123456789。 联系电话：1111. 被申请人：第二家测试有 ......
echarts柱状图横(x)轴文字显示不全,一招解决
柱状图底部X轴文字过长时，将会出现文字显示不全的问题，这是echarts为了美观默认的设置 现在我们把文章倾斜旋转点角度即可全部显示 以下是代码 scale() { var chartDom = document.getElementById("twenty"); var myChart = thi ......
Vue3 回顾vue2的响应式原理
视频 vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, 'count', ......
Vue2
Vue的指令: 用在dom元素的属性上。 {{}} 差值表达式 v-text: 文本显示 v-html: 解析html文本 v-on: 绑定事件 @ v-bind: 绑定dom中的属性 : v-show v-if: 隐藏和显示dom元素 v-model: 设置和获取表单元 ......
EasyUI Linkbutton 链接按钮/easyui的学习网站
https://www.jeasyui.net/plugins/187.html 关于easyui的学习，可以在这个网站：https://www.jeasyui.net/ 链接按钮（linkbutton）用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本，或者仅仅显示图标 ......
wangeditor5 vue2 安装后运行报错 Error in ./node_modules/@wangeditor/editor/dist/index.esm.js
问题 解决方法: 原因就是引入的链接不对， 使用cnpm 、 npm、pnpm、yarn安装插件的时候，路径都是不一样的，所以要对应着改路径就可以了 链接：https://github.com/wangeditor-team/wangEditor/issues/4041 ......
vue2源码-七、虚拟DOM转化为真实DOM
虚拟DOM转化为真实DOM vnode虚拟节点创建真实节点，主要有以下几步： Vue原型方法_update的扩展。 patch方法：既有初始化的功能又有更新的逻辑。 createElm方法：根据虚拟节点创建真实节点。 _update方法： // 将vnode转化为真实dom Vue.prototyp ......
科技政策查询系统优化 （排序与隐藏文字显示的）
1.解决了排版乱，实现了按照时间的排序 2.把操作按钮去除，实现了点击政策名称直接查看文件内容的方式（运用超链接的方式） 3.实现了鼠标悬停在政策名称上面显示出所有信息的方式。 ......