前言 提起日历组件,第一感觉就是不想写,有太多现有的日历组件可以供你选择。前几天的一个项目需求,现有的组件无法提供完善的日历服务,便自己操刀动手写了一个日历组件,才发现这个东西很好实现(完全不明白为啥看到日历这两字就觉得难呢)。废话不说,先看效果图: 思路 日历面板分三个模块,顶部 ...
HTML 部分 lt divclass left tab gt lt divclass hd gt lt div:class cur :now click now gt 广利河西五路 lt div gt lt div:class cur :now click now gt 广利河北二路 lt div gt lt div:class cur :now click now gt 广利河黄河路 lt ...
2020-06-29 15:00 0 571 推荐指数:
前言 提起日历组件,第一感觉就是不想写,有太多现有的日历组件可以供你选择。前几天的一个项目需求,现有的组件无法提供完善的日历服务,便自己操刀动手写了一个日历组件,才发现这个东西很好实现(完全不明白为啥看到日历这两字就觉得难呢)。废话不说,先看效果图: 思路 日历面板分三个模块,顶部 ...
<style> .vue-toast { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background: rgba ...
基本结构 这里我根据自己的理解模仿了Vue的单文件写法,通过给Vue.createApp传入参数再挂载元素来实现页面与数据的互动。 其中理解不免有错,希望大佬轻喷。 收集数据 这里将Vue.createApp()里的参数叫做options data可以是一个对象或者函数 ...
该版把上一次的数据修改就更新全部页面改为了局部更新,相比于上一版的在数据绑定上不是简单的一个监听set再全部更新,具体见下文。 总体流程 仍然是根据自己理解来实现的绑定,相较于上一版的数据更新就全部刷新,这次改成了部分页面更改,总体流程大致如图:(字本来就丑,那个笔芯写更丑了,希望能 ...
手写instanceof方法 instanceof判断数据类型的原理 通过原型链来实现继承关系的判断(判断变量的__proto__属性和构造函数的prototype属性的指向是否相同) 例1:判断num是否属于Number类型 可以看到num的__proto__和Number ...
call apply ...
1.看一下正常使用的new方法 输出结果: 2.手写一个new方法 输出结果: 3.总结: new一个对象的过程是: 1>创建一个空对象 2>对新对象进行[prototype]绑定 ...
剖析手写Vue,你也可以手写一个MVVM框架# 邮箱:563995050@qq.com github: https://github.com/xiaoqiuxiong 作者:肖秋雄(eddy) 温馨提示:感谢阅读,笔者创作辛苦,如需转载请自觉注明出处哦 Vue MVVM响应式原理剖释 ...