摘要: 1. Vue2.x 基于 Object.defineProperty 方法实现响应式(Vue3 将采用 Proxy) 2. 定义 defineReactive 来对对象的属性进行 getter、setter 操作 3. 我们需要遍历所有数据,所以需要 observer 方法去观察 4. 模拟 Vue 阅读全文
posted @ 2019-03-12 09:02 we are young 阅读(672) 评论(0) 推荐(0) 编辑
摘要: 1. 同屏播放视频 2. 移动端视频预加载 由于移动端不能预加载视频,所以hack一种方案:监听WXJSBridge WeixinJSBridgeReady,先播放再暂停,这样当触发播放视频时就不用等待,就不会出现黑屏情况。 3. 滑动播放视频 微信安卓环境下需要在touchmove事件中阻止掉默认 阅读全文
posted @ 2019-02-14 17:17 we are young 阅读(2010) 评论(0) 推荐(0) 编辑
摘要: 1. 对比JavaScript TypeScript是JavaScript的超集,可编译为JavaScript,主要提供类型系统等增强代码的可读性和可维护性,适合中大型项目多人协作; TypeScript只会进行静态检查,如果发现有错误,编译的时候就会报错; 2. 原始数据类型 boolean,nu 阅读全文
posted @ 2018-10-02 23:48 we are young 阅读(456) 评论(0) 推荐(0) 编辑
摘要: jsx 元素渲染 组件和属性 state和生命周期 处理事件 条件渲染 列表 表单 状态提升 阅读全文
posted @ 2018-09-29 11:05 we are young 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 前言 中国有不一样的MobileFirst战略,重原生应用,轻移动网页; 移动网页的弱势:页面设计优化有限,用户体验受网络环境影响,网页开启不方便; web优势是产品分发 app优势是产品使用和交互 一. PWA带来的特性 能够显著提高应用加载速度,快速响应,并且有平滑的动画响应用户的操作 甚至让 阅读全文
posted @ 2018-08-16 19:17 we are young 阅读(216) 评论(0) 推荐(0) 编辑
摘要: 一. react16当前生命周期 componentWillMountrender前,所以setState不会重新渲染,服务端渲染唯一调用,推荐用constructor代替之 render componentDidMountrender后,调用setState会重新渲染,页面可交互,可以请求数据 c 阅读全文
posted @ 2018-08-15 23:44 we are young 阅读(7120) 评论(0) 推荐(0) 编辑
摘要: 做个记录,摘自Front-End Performance Checklist HTML CSS Fonts Images JavaScript Server 阅读全文
posted @ 2018-07-30 22:18 we are young 阅读(268) 评论(0) 推荐(0) 编辑
摘要: localforage getItem setItem removeItem clear length key keys indexedDB 和服务器端数据库同步。你得自己写同步代码 全文搜索 ps(在以下情况下,数据库可能被清除): <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2018-07-17 20:08 we are young 阅读(250) 评论(0) 推荐(0) 编辑
摘要: Web Worker SharedWorker Service Worker 阅读全文
posted @ 2018-07-14 10:28 we are young 阅读(670) 评论(0) 推荐(0) 编辑
摘要: 纯函数: 函数的返回结果只依赖于它的参数; 函数在执行过程中没有其他副作用; 函数式编程两个最基本运算: 合成:如果一个值要经过多个函数才能变成另一个值,那就可以把中间步骤合并成一个函数; 柯里化:有多个参数的函数转为单个参数的函数; 函数式编程特点: 函数是“第一等公民”; 只用表达式,不用语句; 阅读全文
posted @ 2018-06-29 08:23 we are young 阅读(208) 评论(0) 推荐(0) 编辑