- 博客(14)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 [vue2源码]深度理解Vue中v-model原理
我们知道Vue的核心特性之一是双向绑定，vue的响应式原理是实现了数据－>视图，接下来我们要学习 视图－>数据的原理。v-model是一个指令，限制在、、、components中使用，修饰符.lazy(取代 input 监听 change 事件)、.number(输入字符串转为有效的数字)、.trim(输入首尾空格过滤)。它其实是一个语法糖，接下来我们就来分析 v-model 的实现原理。为了更加直观，我们结合一个例子来分析：v-model简单demo，在input标签上设置了v-mode
2020-10-05 14:25:33
645
2
原创 [vue2源码]深度理解Vue中nextTick
概念：nextTick：nextTick主要是使用了宏任务 (macrotask) 和微任务 (microtask) ，定义了一个异步方法，多次调用 nextTick 会将方法存入callback队列中，通过这个异步方法清空当前队列macrotask：setTimeout, setInterval, setImmediate, I/O, UI renderingmicrotask：process.nextTick, Promise, MutationObserver顺序：任务队列中，在每一次
2020-10-03 18:37:12
585
2
原创 [vue2源码]深度理解Vue中Observer，Dep，Watcher以及解决监听Array数组变化
双向绑定首先通过一次渲染操作触发Data的getter进行依赖收集在data发生变化的时候会触发它的settersetter通知WatcherWatcher进行回调通知组件重新渲染的函数diff算法来决定是否发生视图的更新Observe每个数据都有一个标记，防止重复绑定Observer为数据加上响应式属性进行双向绑定，如果是对象，则进行深度遍历，为每一个子对象都绑定上方法，如果是数组，对每个成员进行遍历绑定方法源码解析:export class Observer { valu
2020-09-29 20:47:22
1909
原创 Vue3.0发布了，来带你看看变化
vue2.0 vs vue3.01.重构响应式系统，使用Proxy替换Object.defineProperty，使用Proxy优势：（1）可直接监听数组类型的数据变化（2）监听的目标为对象本身，不需要像Object.defineProperty一样遍历每个属性，有一定的性能提升（3）可拦截apply、ownKeys、has等13种方法，而Object.defineProperty不行（4）直接实现对象属性的新增/删除2.新增Composition API，更好的逻辑复用和代码组织3.重构 V
2020-09-22 16:30:50
384
1
原创 2019百度地图离线地图制作
根据项目内网需求需要制作一个离线地图，因为外网访问不了在线地图api，因此这里使用了百度的离线地图，当时网上也找过，资源很少，需要改源文件，但很多是16年的帖子了，一改就错，因为百度更新了。。。因此这里分享一个demo，19年做的，当时没有...
2020-09-11 17:01:36
795
原创 bfc
**BFC 全称为块格式化上下文(Block Formatting Context) 。BFC的特性为使 BFC 内部浮动元素不会到处乱跑；和浮动元素产生边界。**那么什么时候内部浮动元素会到处乱跑呢浮动造成的父级塌陷块级和文本类元素对浮动元素的位置关系父级塌陷父级塌陷指父级没有添加高度时靠子级自动撑起高度，而当子级添加浮动元素后父级容器塌陷，因为父级是块级元素看不到浮动元素了,所以撑不开高度<div class="box"> <div
2020-09-11 15:21:19
64
原创 Promise/Generator/Async/await
Async/await是通过等待执行，而不是通过阻塞，身为异步的他，和同步的区别便在于阻塞和非阻塞为什么要引入async众所周知，JavaScript语言的执行环境是“单线程”的，那么异步编程对JavaScript语言来说就显得尤为重要。以前我们大多数的做法是使用回调函数来实现JavaScript语言的异步编程。回调函数本身没有问题，但如果出现多个回调函数嵌套，例如：进入某个页面，需要先登录，拿到用户信息之后，调取用户商品信息，代码如下：this.$http.jsonp('/login', (res)
2020-09-11 11:41:52
236
原创 js常用数组操作方法列举
这里只列出平时比较常见的js数组操作方法,具体混合复杂的实现需要看需求自己思考1、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.concat(arr2);console.log(arr1); //[1, 2, 3]console.log(arr3); //[1, 2, 3, 4, 5]2、join()join() 方
2020-09-11 11:12:59
291
原创 封装时间和cookie合集
文章目录一、yyyy-MM-dd二、yyyy-MM-dd HH:mm:ss三、返回最近x日时间段一、yyyy-MM-ddexport const normalDate = (time, type) => { if (time) { var date = new Date(); date.setTime(time); var year = date.getFullYear(); var month = date.getMonth() + 1
2020-09-11 10:54:28
89
原创 封装字符串方法
文章目录一、字符长度判断二、多行添加省略号三、判断空字符串一、字符长度判断function strlen(str) { var len = 0; for (var i = 0; i < str.length; i++) { var c = str.charCodeAt(i); //单字节加1 if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c &
2020-09-10 20:26:03
418
原创 vue常见问题汇总（三）
文章目录一、重复点击路由报错二、返回加密前参数三、获取后台二进制流图片四、vue-photo-preview全屏无效一、重复点击路由报错import Vue from 'vue'import Router from 'vue-router'const routerPush = Router.prototype.pushRouter.prototype.push = function push(location) { return routerPush.call(this, locati
2020-09-10 20:15:44
144
原创 vue常见问题汇总（二）
文章目录一、路由跳转不在顶端方法一方法二二、判断用移动端和浏览器三、平滑定位到锚点四、刷新浏览器丢失vuex里store信息一、路由跳转不在顶端方法一export default new Router({//加入下列代码 scrollBehavior(to,from,saveTop){ if(saveTop){ return saveTop; }else{ return {x:0,y:0} } }方法二main.jsrouter.be
2020-09-10 19:55:12
121
原创 vue常见问题汇总（一）
文章目录一、vue打包后显示空白解决二、element小图标不显示三、vue+element打包后样式混乱四、url传参变化或者刷新浏览器,页面无变化问题五、更换url前进后退无效五、解决跨域一、vue打包后显示空白解决解决方法：修改一下config下面的index.js中bulid模块导出的路径module.exports = { build: { index: path.resolve(__dirname, '../dist/index.html'), assetsRoot
2020-09-10 19:42:15
794
原创 Vue基础个人总结，条件渲染，列表渲染，组件等
上一篇说了最基本的环境搭建和一些安装的问题，现在因为跟着Vue.js官网教程一步一步学后总结的一些心得体会，并用一些通俗点的语言来解释。条件渲染：v-if和v-show有什么区别呢？应该除了我很多都有疑问，因为在练习的时候发现两种效果都是一样的，那么逻辑上肯定是内部效应的问题了。以我的理解：v-if是硬性的，在条件为假时，就罢工了，直到为真时才开始开工，中间是不存在的，并且可以确保在条件切换时，元...
2018-05-24 23:58:27
2119
百度地图离线static-file.rar
2020-09-11
百度地图离线版制作工具.rar
2020-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人