- 博客(9)
- 收藏
- 关注
RSS订阅原创 vue手写源码详解二
vue手写源码详解二 本章讲解如何根据指定的数据渲染控制区域 我们可以通过获取元素来判断有没有用v-model或者{{}}，同时可以用指定的数据来替换，但这样做有一个弊端如数据发生变化那么页面就需要从新渲染，这样高频的渲染显然是我们不想看到的，网页卡顿的同时给用户也造成了很差的体验 那么有什么办法可以去规避这个问题那，其实可以通过把控制区域内的元素放入内存中，在内存中把所有的数据替换好，这样一次性即可渲染到网页上 那么我们需要的处理步骤分为三步 第一步：将网页上的元素放入内存中 如何把网页内的元素放入内存中
2021-03-19 15:07:51
194
原创 vue手写源码详解二
vue手写源码详解二 本章讲解如何根据指定的数据渲染控制区域 我们可以通过获取元素来判断有没有用v-model或者{{}}，同时可以用指定的数据来替换，但这样做有一个弊端如数据发生变化那么页面就需要从新渲染，这样高频的渲染显然是我们不想看到的，网页卡顿的同时给用户也造成了很差的体验 那么有什么办法可以去规避这个问题那，其实可以通过把控制区域内的元素放入内存中，在内存中把所有的数据替换好，这样一次性即可渲染到网页上 那么我们需要的处理步骤分为三步 第一步：将网页上的元素放入内存中 如何把网页内的元素放入内存中
2021-03-19 09:40:54
171
原创 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
249
原创 vue响应原理详解（一看就懂）
vue响应原理详解（一看就懂） vue相应原理依靠的是Object的defineProperty方法， 该方法提供了给对象定义一个新属性，和修改现有属性的操作 defineProperty方法，参数为对象 、操作的属性 、 和属性描述 其中属性描述可以控制对象的修改，删除，迭代 1、value定义了操作的属性值 2、默认情况下defineProperty新增的属性writable为false代表着不可修改该属性，为true时则可以修改该属性 3、默认情况下defineProperty新增的属性configu
2021-03-18 16:50:21
577
原创 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
2473
原创 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
5328
原创 移动端浏览器左滑右滑换页解决方案
移动端浏览器左滑右滑换页解决方案 在浏览器中我们常常会做例如登录图片验证等需要左右滑动的组件，但我们会发现一个问题就是在浏览器中左右滑动的时候会触发浏览器事件，我们本意的验证滑动行为，在浏览器上无法分辨，默认为翻页的触发 为了解决这个问题可以使用简单的css方法 * { touch-action:none; touch-action:pan-y; } 1、touch-action:none;属性将取消浏css览器的X轴Y轴默认行为，这个阻止了左右翻页的默认行为的同时，也阻止了上下滑动的行为，
2020-12-10 14:39:51
3345
3
原创 websocket使用方式
WebSocket 1、请求与发送 浏览器通过 JavaScript 向服务器发出建立 WebSocket 连接的请求，连接建立以后，客户端和服务器端就可以通过 TCP 连接直接交换数据。 当你获取 Web Socket 连接后，你可以通过 send() 方法来向服务器发送数据，并通过 onmessage 事件来接收服务器返回的数据。 以下 API 用于创建 WebSocket 对象 2、状态码（Socket.readyState） 只读属性 readyState 表示连接状态，可以是以下值： 0 - 表
2020-11-26 10:32:16
5890
原创 JavaScript工作中常用到的方法
常用方法 数学方法 编号 方法名 解释 1 abs 绝对值 2 ceil 进一取整 3 floor 舍去取整 4 round 四舍五入取整 5 random 获取0到1的随机数 6 sqrt 开平方 7 pow(m,n) m的n次幂 8 max 最大值 9 min 最小值 10 toFixed() 括号代表留几位小数 11 Infinity 无限大 字符串方法 编号 方法名 解释 1 trim 去除字符串两边的空白字符串 2 t
2020-11-26 10:28:52
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人