- 博客(9)
- 收藏
- 关注
RSS订阅
1原创 vue cli4.X npm打包发布到私服
vue3.X npm打包发布到私服声明： 前提是npm私服已经搭建，这里主要对vue项目组件做打包上传作演示采用vue3.x个人感觉比较方便，因为3.x提供了一个打包指令 vue-cli-service build 非常好用，后面会做演示。接下来做一个实用性较强的二次封装element ui图片上传。先看实现效果：引入组件后的使用代码：(组件是封装)接下来直接开始实战：.........
2021-02-05 16:24:47
1090
原创 element ui二次封装Switch，在按钮内显示文字
element ui二次封装Switch，在按钮内显示文字结构： <el-switch style="display: block" v-model="scope.row.fingerDisableStatus" active-color="#00cc77" class="switchStyle" inactive-color="rgb(204, 204, 204)" active-text="启用" inactive-text="禁用"
2020-12-18 11:30:15
668
原创 客户端渲染与服务端渲染
客户端渲染与服务端渲染首先明白输入url地址到底干了什么：这是在网上找的，配合起来十分好理解。客户端渲染是通过ajax拿到后台数据然后局部页面进行对应变化而不是刷新整个页面。服务端渲染就是把整个页面返回给你，每次请求服务器后整个页面都会进行刷新。各有各的优势：客户端渲染减轻了服务器压力，服务器端渲染减轻客户端压力，这是相对的。爬虫在爬取过程中爬的是服务端返回给客户端的数据。如果使用ajax在页面渲染完成后时候拿到数据，爬虫爬取不到ajax得到的数据。这样不利于seo。客户端渲染可以保证爬虫能够
2020-10-09 18:04:45
187
原创 element ui中tree空间做权限管理css样式
element ui中tree空间做权限管理css样式// 让所有el-tree-node__content浮动，el-tree-node__children默认占完剩下的宽度，el-tree-node__children因为内部是文字内容所以不会占据前面浮动元素的空间 .el-tree-node__content{ float: left; height: vw(50); &:hover{ background-color: #fff; }
2020-08-31 11:04:14
397
原创 Vue监听对象属性失效原因分析及dom渲染问题出现分析
首先得明确，数据监听是vue在创建实例时通过Object.defineproperty方法进行监听。当vue实例创建以后，自己手动通过obj.b = 10的方式新增对象属性是不会通过defineproperty方法定义监听，因此是不会被监听到的，就不会引起视图重新渲染接下来我们对一段有趣的代码进行分析：Html:Data数据：Test方法：执行点击后结果：既然this.obj.flag定义属性方法会失效，为什么这里的flag属性会被渲染到dom上呢？其实通过this.obj.fla
2020-08-07 20:16:17
950
原创 Vue中的异步渲染dom
Vue中的异步渲染dom注释就是测试结果！明明已经赋值，为什么会取不到数据呢？说明取div标签数据时它并没有被及时更新，其实dom渲染本身就是一个异步操作。既然是异步操作，那它在js‘事件循环’中应该处于哪个位置呢，个人认为他应该是在微任务消息队列中，当宏任务执行完毕，之前的微任务消息队列被执行清空之后，就到它渲染了。之所以会是异步操作，是因为vue使用‘虚拟dom’来对视图进行更新。以下是一些事件循环以及虚拟dom的概念：事件循环：https://juejin.im/post/6844903577
2020-08-07 20:13:18
1435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人