- 博客(9)
- 收藏
- 关注
原创 vue手写源码详解二
vue手写源码详解二本章讲解如何根据指定的数据渲染控制区域我们可以通过获取元素来判断有没有用v-model或者{{}},同时可以用指定的数据来替换,但这样做有一个弊端如数据发生变化那么页面就需要从新渲染,这样高频的渲染显然是我们不想看到的,网页卡顿的同时给用户也造成了很差的体验那么有什么办法可以去规避这个问题那,其实可以通过把控制区域内的元素放入内存中,在内存中把所有的数据替换好,这样一次性即可渲染到网页上那么我们需要的处理步骤分为三步第一步:将网页上的元素放入内存中如何把网页内的元素放入内存中
2021-03-19 15:07:51
114
原创 vue手写源码详解二
vue手写源码详解二本章讲解如何根据指定的数据渲染控制区域我们可以通过获取元素来判断有没有用v-model或者{{}},同时可以用指定的数据来替换,但这样做有一个弊端如数据发生变化那么页面就需要从新渲染,这样高频的渲染显然是我们不想看到的,网页卡顿的同时给用户也造成了很差的体验那么有什么办法可以去规避这个问题那,其实可以通过把控制区域内的元素放入内存中,在内存中把所有的数据替换好,这样一次性即可渲染到网页上那么我们需要的处理步骤分为三步第一步:将网页上的元素放入内存中如何把网页内的元素放入内存中
2021-03-19 09:40:54
89
原创 vue手写源码详解一
vue手写源码详解一本章节说明如何定义一个vue的类要解析vue的源码首先要了解下它的构造vue大家都知道要通过new来创建实例来使用,那么就说明它其实是一个类el属性它的作用是告诉vue实例对象,控制的是哪个区域,它不但可以使用id也可以使用DOM来绑定区域,例如使用document.querySelector()来绑定data它的作用是数据的存储,简单来说就是告诉vue实例,被控制的区域数据是什么,从而完成数据的显示与操作 let vue = new Nue({ el: '#
2021-03-18 17:44:00
147
原创 vue响应原理详解(一看就懂)
vue响应原理详解(一看就懂)vue相应原理依靠的是Object的defineProperty方法,该方法提供了给对象定义一个新属性,和修改现有属性的操作defineProperty方法,参数为对象 、操作的属性 、 和属性描述其中属性描述可以控制对象的修改,删除,迭代1、value定义了操作的属性值2、默认情况下defineProperty新增的属性writable为false代表着不可修改该属性,为true时则可以修改该属性3、默认情况下defineProperty新增的属性configu
2021-03-18 16:50:21
462
原创 new Date()获取时间
new Date()获取时间js获取时间,注意此事件是本地事件,客户端可以通过更改时间造成影响var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月) // 所以获取当前月份是myDate.getMonth()+1; myDate.getDate(); //获取当
2020-12-17 20:49:01
2331
原创 vue中scss下载方式与引入方式
scss下载方式与引入方式下载方式 首先你得确定本地有下载过sass,在正式下载sass前得先下载Ruby(mac自带Ruby),sass基于Ruby语言开发而成,Ruby是后端语言的一种不多赘述,感兴趣的可以百度看看下载Ruby官网地址:https://rubyinstaller.org/downloads/(可能需要翻墙你可以使用镜像下载)安装Ruby过程中请注意勾选Add Ruby executables to your PATH这个是系统环境变量,指令需要它下载完成自测CMD(控制台)指
2020-12-16 11:16:42
4819
原创 移动端浏览器左滑右滑换页解决方案
移动端浏览器左滑右滑换页解决方案在浏览器中我们常常会做例如登录图片验证等需要左右滑动的组件,但我们会发现一个问题就是在浏览器中左右滑动的时候会触发浏览器事件,我们本意的验证滑动行为,在浏览器上无法分辨,默认为翻页的触发为了解决这个问题可以使用简单的css方法* { touch-action:none; touch-action:pan-y;} 1、touch-action:none;属性将取消浏css览器的X轴Y轴默认行为,这个阻止了左右翻页的默认行为的同时,也阻止了上下滑动的行为,
2020-12-10 14:39:51
2470
3
原创 websocket使用方式
WebSocket1、请求与发送浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求,连接建立以后,客户端和服务器端就可以通过 TCP 连接直接交换数据。当你获取 Web Socket 连接后,你可以通过 send() 方法来向服务器发送数据,并通过 onmessage 事件来接收服务器返回的数据。以下 API 用于创建 WebSocket 对象2、状态码(Socket.readyState)只读属性 readyState 表示连接状态,可以是以下值:0 - 表
2020-11-26 10:32:16
5402
原创 JavaScript工作中常用到的方法
常用方法数学方法编号方法名解释1abs绝对值2ceil进一取整3floor舍去取整4round四舍五入取整5random获取0到1的随机数6sqrt开平方7pow(m,n)m的n次幂8max最大值9min最小值10toFixed()括号代表留几位小数11Infinity无限大字符串方法编号方法名解释1trim去除字符串两边的空白字符串2t
2020-11-26 10:28:52
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人