Vue的diff算法导致的bug总结 问题一个很简单的编辑条目的需求，可以看一下实现页面：很简单的用户编辑删除的功能，但是在点击新增的时候确出现了问题，访问权限没有按需下挪key在Vue的虚拟dom算法中的应用key 的特殊 attribute 主要用在 Vue 的虚拟 DOM 算法，在新旧 nodes 对比时辨识 VNodes。如果不使用 key，Vue 会使用一种最大限度减少动态元素并且尽可能的尝试就地修改/复用相同类型元素的算法。而使用 key 时，它会基于 key 的变化重新排列元素顺序，并且会移除 key 不存在的元素。
前端面试整理（持续更新） 前端面试总结计算机网络状态码：在地址栏里输入一个URL,到这个页面呈现出来，中间会发生什么？网络七层协议应用层表示层会话层传输层网络层数据链路层物理层csrf和xss的网络攻击及防范CSSlink标签和import标签的区别BFC行元素与块元素浮动清除选择器动画实现三栏布局calc属性水平垂直居中nth-child重绘和重排计算机网络状态码：状态码状态码英文名称中文描述200OK请求成功。一般用于GET与POST请求301Moved Permanently永久移动。
侯策《前端开发核心知识进阶》读书笔记——异步 setTimeoutJavaScript 中所有任务分为同步任务和异步任务。同步任务是指：当前主线程将要消化执行的任务，这些任务一起形成执行栈（execution context stack）异步任务是指：不进入主线程，而是进入任务队列（task queue），即不会马上进行的任务。当同步任务全都被消化，主线程空闲时，即上面提到的执行栈 execution context stack 为空时，将会执行任务队列中的任务，即异步任务。这样的机制保证了：虽然 JavaScript 是单线程的，但是对于一
李艺《微信小程序全栈开发实战》（第一章） 李艺《微信小程序全栈开发实战》（第一章）双线程运行机制小程序的特点及开发能力小程序的特点小程序的开发能力开发小程序的一般流程小程序的运行机制小程序双线程视图的持续更新是如何实现的使用setData可能会遇到哪些问题微信为什么要打造一个WXS语言视图线程逻辑线程总结双线程运行机制逻辑层和视图层通过微信底层的weixinJSBridge进行通信，小程序代码中使用的setData改变视图绑定的数据在底层对应执行的是evaluateJavascript这个函数，当视图层的交互触发了，由视图层像逻辑层传递信息时
Lison《vue技术栈开发实战》（四） Lison《vue技术栈开发实战》（四）从SplitPane组件谈Vue中“操作”DOM简单两列布局如何让两个div改变宽度鼠标拖动效果v-model和.sync的用法渲染函数和JSX快速掌握render函数函数式组件JSX作用域插槽从SplitPane组件谈Vue中“操作”DOM在以往的前端开发中，我们习惯了使用jQuery来操作DOM，比如修改一个div的宽度，需要获取这个div的DOM，然后修改他的style；但是在Vue中，我们是不应该这样做的，而是要换一种思路，即“数据驱动视图”。简单两列布
Lison《vue技术栈开发实战》（三） Lison《vue技术栈开发实战》（三）Ajax请求实战解决跨域问题封装axios请求拦截响应拦截队列管理使用Mock模拟Ajax请求响应模拟Mock用法精讲数据模板Random方法大全占位符Vue中第三方JS库的使用组件封装基础组件中使用ID值获取DOM或组件实例Ajax请求实战解决跨域问题什么是跨域：之前提到过解决跨域的问题可以设置代理：这个配置会将所有的未找到文件的请求请求代理到proxy指向的路径下面，避免了跨域的问题。第二种方法是在后端设置一些header值来解决跨域。只需要在
梁宵《TypeScript开发实战》（基础篇） 梁宵《TypeScript开发实战》（基础篇）重塑“类型思维”类型基础强类型动态类型与静态类型重塑“类型思维”尽管es标准在几年内发展迅速，但是在类型检查方面依然是无所建树，这就会导致我们在定义函数的时候难以对函数的参数类型进行界定。众所周知js是一门动态弱类型语言，对变量的类型非常宽容，但是对于开发者而言，如果长期在没有约束的情况下开发，就会造成类型思维的缺失养成不良的编程习惯。ts就是致力于为js提供静态类型检查，现今angular和vue团队开始全面使用ts重构代码，在es标准推出静态类型检查之
Lison《vue技术栈开发实战》（二） Lison《vue技术栈开发实战》（二）状态管理bus的使用父子组件通信v-model语法糖使用bus通信状态管理Vuex（一）state和getter辅助函数的使用模块中的state和getter的使用使用命名空间时辅助函数的使用状态管理Vuex（二）mutationactionmodule在action调用接口实操async/await使用状态管理Vuex进阶Vuex插件的开发与使用严格模式Vuex+双向绑定状态管理bus的使用父子组件通信父组件向子组件传值一定是通过属性，而子组件向父组件传值一定
Lison《vue技术栈开发实战》（一） 这里写目录标题第01章 使用vue-cli3创建项目使用Vue UI创建、管理项目项目结构目录整理初始文件添加基本配置详解使用代理解决跨域第02章 路由基础篇router-link和router-view组件路由配置JS操作路由重定向和别名第03章 路由进阶篇路由组件传参HTML5 History模式导航守卫路由元信息过渡效果第01章 使用vue-cli3创建项目使用Vue UI创建、管理项目cmd中输入vue ui进行启动，项目结构目录整理创建后的基本目录：初始文件添加看下文件补充后的目录
Vue开发问题汇总 v-loading首先明确，在vue的众多指令中，现在v-cloack使用得很少，因为在简单项目中，使用 v-cloak 指令是解决屏幕闪动的好方法。但在大型、工程化的项目中（webpack、vue-router）只有一个空的 div 元素，元素中的内容是通过路由挂载来实现的，这时v-cloak 在单文件页面中是不起作用的。此时为了解决加载延时的问题，我们更多的会使用v-loading,v-loading不是vue的指令，而是element-ui提供的指令：官方文档mixinmixin提供了一种非常灵
微信小程序原生socket接口的使用 需求描述在微信小程序开发问题汇总文档中我们提到了应用weapp.socket.io来实现socket的功能，其实微信小程序是提供websocket接口的，具体可以参考文档：官方api文档，有没有办法通过这个官方的接口实现通信功能呢？Socket实现看下完成的socket.js文件：const app = getApp();export default class Socket { constructor(options) { var MAX_CONNECT_TIMES
关注
