![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 65
领秀5858
机会只留给有准备的人
展开
-
那个新来的前端,js写个日历组件会不会?
电脑右下角的日历各位观众老爷再熟悉不过了(特别是看还有几天发工资的时候),今天来实现一个阉割版的日历!原创 2022-12-10 17:14:47 · 161 阅读 · 0 评论 -
使用cookie,让MessageBox 弹框一天内不再弹出
业务场景:基于element UI 15.6版本,MessageBox 弹框 点击一个按钮后,固定时间内不再弹出能不能实现?需求分析:这个时候就需要用到我们浏览器的 Cookie 了,当点击按钮后,将一天后的时间存入到 cookie 中,第二次打开时,会首先判断一下当前的时间是否到了 cookie 中保存的时间,如果没到,则不用弹出!原创 2022-05-29 15:39:08 · 484 阅读 · 0 评论 -
Python + Vue 分析水果行情信息
夏天到了,什么季节的水果卖得最好? 价格怎么样? 产地都是哪儿的?python + Vue 捣鼓捣鼓水果行情信息,并用可视化图形展示!🤖git地址数据获取:# 准备好需要的包import reimport jsonimport timeimport requests# 循环遍历分页内容for page in range(1,10): try: # 目标 url=f"https://www.guo68.com/market?page={page原创 2022-05-28 16:40:44 · 832 阅读 · 3 评论 -
Transform 穿梭框 组件重写,实现多列穿梭
官方组件:重写后:在线远行业务场景:基于element UI 15.6版本,Transform 穿梭框 里穿梭内容只有一列勾选内容,能不能展示多列,以表格的形式进行勾选呢?需求分析:其实重头实现一个穿梭效果也不难,在el-table 表格的基础上,中间两个按钮的点击事件来动态改变左右两边表格的数据;功能实现:<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <t原创 2022-05-07 09:31:19 · 1467 阅读 · 2 评论 -
虚拟列表实现 element UI 表格内的无限滚动
<el-table :data="taskData" v-loading="taskLoading" v-el-table-infinite-scroll="toLoadMore" infinite-scroll-disabled="scrollDisabled" infinite-scroll-immediate="false"> <el-table-column label="id" prop="ID" show-overflow-原创 2022-05-06 00:15:29 · 4580 阅读 · 4 评论 -
Vue深入学习4—指令和生命周期
1.Vue是怎么识别 v- 指令的?首先将HTML结构解析成属性列表,存入到数组中,接着遍历数组中的每一个节点,获取到不同指令对应的方法。// 将HTML看作真正的属性列表var ndoeAttrs = node.attributes;var self = this;// 类数组对象变为数组,一层一层的遍历节点[].slice.call(nodeAttes).forEach(attr => { // 这里开始分析指令 var attrName = attr.name;原创 2021-08-06 00:07:10 · 136 阅读 · 0 评论 -
Vue深入学习3—数据响应式原理
1、数据响应式原理1.1、MVVM是什么?简单来说,就是数据变了,视图也会跟着变,首先你得定义一个带有{{ }}的模板Model,当数据中的值变化了,视图View就会跟着变化;视图模型View-model是模板Model和视图View之间的桥梁,Vue属于非侵入式,React和小程序就是侵入式(数据变化的时候需要调用提前写好的API)// Vue数据变化,非侵入式this.a ++// React、小程序数据变化,侵入式this.setState({ a: this.state.a +.原创 2021-07-26 23:02:36 · 214 阅读 · 0 评论 -
Vue深入学习2—虚拟DOM和Diff算法
1、snabbdom 是什么?snabbdom是“速度"的意思,源码只有200行,使用TS写的,让东西变得模块化2、snabbdom 的 h 函数如何工作?h函数用于产生虚拟节点,同时也可以嵌套使用,得到虚拟DOM树,3、什么是虚拟DOM?一个js对象描述DOM 的层次结构,用对象属性来描述节点,实际上它对真实DOM的抽象结果,本质上就是JS和真实DOM之间的一个缓存,原生DOM运行慢,将DOM放在JS层,提高渲染性能。3.1、创建一个虚拟DOM<ul id='list.原创 2021-07-26 22:45:31 · 113 阅读 · 0 评论 -
Vue深入学习1—mustache模板引擎原理
mustache 是 “胡子”的意思,因为它的嵌入标记 {{ }} 旋转过来很像胡子,Vue中的 {{ }} 语法也引用了mustache,这也是我深入学习的目的。1、原始js方式使 数据 变为视图 <ul id="list"></ul> <script> var arr = [ {"name":"张三", "age":12, "sex":"男"}, {"name":"李四", "age":13,原创 2021-07-23 23:11:25 · 195 阅读 · 0 评论 -
Vue深入学习—虚拟DOM和Diff算法
1、snabbdom 是什么?snabbdom是“速度"的意思,源码只有200行,使用TS写的,让东西变得模块化2、snabbdom 的 h 函数如何工作?h函数用于产生虚拟节点,同时也可以嵌套使用,得到虚拟DOM树,3、什么是虚拟DOM?用js对象描述DOM 的层次结构,DOM中的一切属性都在虚拟DOM中有对应到的属性。3.1、创建一个虚拟DOMconst patch = init([classModule, propsModule, styleMod...原创 2021-07-19 23:28:21 · 121 阅读 · 0 评论 -
uni-app 写了一个网易云微信小程序
????uni-app 写了一个网易云微信小程序uni-app、vue、小程序集于一身的实战,很好的一个练手项目。包括:云音乐首页分类、音乐列表页展示、音乐详情页、音乐播放器、推荐音乐、用户留言、音乐搜索、加载骨架屏等实现。⚡后端接口地址 https://github.com/Binaryify/NeteaseCloudMusicApi????项目下载地址 https://github.com/kuishou68/neteaseMusic????可以拿真实的网易云微信小程序做个对比原创 2021-06-22 16:28:00 · 4697 阅读 · 15 评论