摘要：
vue是双向数据绑定的框架，数据驱动是他的灵魂，他的实现原理众所周知是Object.defineProperty方法实现的get、set重写，但是这样说太牵强外门了。本文将宏观介绍他的实现 + "使用vue" + "分析Object.defineProperty" + "简单的源码解析" + "一切 阅读全文
摘要：
深入理解vue的watch vue中的wactch可以监听到data的变化，执行定义的回调，在某些场景是很有用的，本文将深入源码揭开watch额面纱 + "前言" + "watch的使用" + "watch的多种使用方式" + "传值函数" + "传值数组" + "传值字符串" + "传值对象" + 阅读全文
摘要：
前提 vue版本：v2.5.17-beta.0 触发render vue在数据更新后会自动触发view的render工作，其依赖于数据驱动；在数据驱动的工作下，每一个vue的data属性都被监听，并且在set触发时，派发事件，通知收集到的依赖，从而触发对应的操作，render工作就是其中的一个依赖， 阅读全文
摘要：
一个开始 由于本人喜欢封装组件做到高内聚，这样的好处是，拿来就用，如果封装一个组件，需要外部耦合，那么将没法做到很好的复用，因为耦合的部分需要每次重新开发。 最近遇到了一个业务场景是这样，如图： 1. 页面展示主页，主页可以浏览，也可以点击去其他页面，主页有登录按钮，登录按钮点击显示登录view（注 阅读全文
摘要：
一个开始 小程序开发者总会碰到各种页面之间的通信问题，实现方式也五花八门，比如... 场景还原 首先这是一个电商小程序。 有这样一个需求： 实现方式 不足： 每次onShow都要请求接口，浪费资源。 不足：不确定能不能准确拿到首页的实例，如果换做其他页面就很难复用 此方法用事件系统，订阅发布模式去做 阅读全文
摘要：
react状态管理方案有很多，其中最简单的最常用的是redux。 redux实现 redux做状态管理，是利用reducer和action实现的state的更新。 如果想要用redux，需要几个步骤 创建actions.js 创建reducers.js 项目的入口文件 业务组件代码 redux实现原 阅读全文
摘要：
一个开始 有如下代码，full是一个计算属性，开始，他的值是'hello world'，1s后，msg变成了‘I like’， full的值同步变成了'I like world';其原理解析来看一下。 从入口开始 new Vue时，首先vue执行了_init方法，在这里做了vue的初始化工作，其中执 阅读全文
摘要：
2017.9.10日 教师节 1. redux的基本原理 redux就是对一个仓库（store）的操作，我们可以布置好多仓位（state）（如： 水果、零食、糕点）等，他们每一个仓位（state）存储着不同的物品，每一个仓位都有一个操作系统（reducer）， 这个操作系统可以进行入库物品（ADD） 阅读全文
摘要：
记录了2017年5月下旬刚毕业时面试的经典面试题 布局方面 1. 响应式布局，左侧栏目固定，右侧内容随着屏幕宽度变化而变化（高频） flex布局 position布局 css3计算宽度 float布局 flex布局 右侧div设置flex：1 自动填充满容器。 position布局 用pading将 阅读全文
摘要：
html语义化的作用 根据内容的结构使用适当的标签，便于开发者阅读和代码的结构优雅 语义化标签会让网络爬虫和机器更好的解析页面，从而暴露给爬虫更多的有效数据。有利于seo 语义化标签提高用户体验，比如title和alt属性，label标签的表单控制 方便其他设备解析渲染网页，屏幕阅读器 便于维护和开 阅读全文