摘要：
仓库地址：rax-longlist 简单介绍一下 上一节完成了业务埋点，本节我们来学习一下性能监控，初步认识一下performance这个api。前端的性能监控,就不得不提Performance，它可以检测页面中的性能，W3C性能小组引入进来的一个新的API，它可以检测到白屏时间、首屏时间、用户可操 阅读全文
摘要：
仓库地址：rax-longlist 简单介绍一下 上一节实现了组件的复用封装，本节要学习一下埋点，前端埋点已经成为app应用开发中的很重要的一环，用户行为的监控，属于前端监控的部分。当然前端监控包括数据监控和性能监控。学习埋点之前先来接触几个名词pv、uv和ip。 PV(page view): 访问 阅读全文
摘要：
仓库地址：rax-longlist 简单介绍一下 上一节实现了列表的无限滚动，这一节我们来对组件进行一下封装，包装成可复用的的公共组件，达到拿来即用的效果。另外本节还弄了下消息未读小红点， 需求 我们先来分析一下，封装一个无限滚动组件需要透出什么属性？什么方法？首先我们的长列表复用组件是一个架子，我 阅读全文
摘要：
仓库地址：rax-longlist 简单介绍一下 本节接着上一节，实现微信消息的无限滚动。 需求 修改单位，统一使用vw vh 无限加载滚动列表 滚动到底加载下一页的值 解决方案 无限滚动加载,主要是如何检测到某个item是否到底了,可以转化成某个div距离屏幕上下左右的距离的问题，即可以使用get 阅读全文
摘要：
仓库地址：rax-longlist 简单介绍一下 本次示例选择微信消息列表，旨在实现移动端的无限滚动。为了增加趣味性，来恶搞微信消息吧！！！本节来还原一下微信消息的静态页面，下一节实现功能。 需求 高度还原微信消息列表页面 群组消息、公众号消息、好友消息、微信运动消息、文件传输助手消息展示 本地引静 阅读全文
摘要：
仓库地址：rax-todolist 简单介绍一下 rax系列由易到难完成一些小demo来培养学习的兴趣。后面会讲一些自己对rax框架的认识和理解，学习完成一些示例之后会开始研究源码实现以及rax为什么能兼容多端。todolist是一个简单的小例子，可以算作是学习rax练手的demo。环境和前一篇相同 阅读全文
摘要：
仓库地址：rax-helloworld 简单介绍一下rax rax即是一个开发兼容多端（包括web，mobile web，小程序以及android或ios等app页面）的前端应用框架。其实就是使用react的方式来写weex 第一个rax应用程序：rax-helloworld 环境 macOS 10 阅读全文
摘要：
### 什么是重绘（Repaint）？什么是回流（重排）（Reflow）？ #### 回流： 触发条件：当我们对 DOM 结构的修改引发了 DOM 几何尺寸发生变化的时候，就会发生回流的过程。 例如一下几个操作： 一个 DOM 元素的几何变化，常见的几何属性 width、height、padding 阅读全文
摘要：
什么是BFC(Block formatting context) BFC（块级格式上下文）就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素 BFC 就是 ‘块级格式上下文’ 的格式，创建了BFC的元素就是一个独立的盒子，不过只有BLock-level box可以参与创建BFC，它 阅读全文
摘要：
盒子模型 外边距(margin) 边框(border) 内填充(padding) 内容(content) 盗图一份： 两种盒子模型：计算宽高的方式不一样 W3C盒模型（标准盒模型） ：chrome、IE9+、(添加doctype) 实际宽度 = 设置宽度（content值） + border值 + 阅读全文
摘要：
先来看个题目 话说有个函数如下 function a(){ let aa = 0; function b(){ aa ++; console.log(aa); } return b; } 我们调用方式如下 //方式一：直接连续调用 a()(); //1 a()(); //1 //方式二：赋值之后再调 阅读全文
摘要：
原文地址：Virtual DOM - the Difference Maker in React JS 介绍 响应时间是现代网站面临的最大挑战之一，具体来说就是，怎么样使用户快速的访问网页并完成其任务。随着许多UI库的出现，它们所有都试图独立的解决上述问题。在本文中，你将看到React如何使用被称为 阅读全文
摘要：
原文地址：Introduction to Deno: A Secure JavaScript & TypeScript Runtime 2020年五月发布的Deno 1.0，已经成为了一个异常火爆的谈论话题。如果你也想来凑凑热闹，那么你来对地方了！ 在本文中，我将给你讲解Deno是什么。 我们将研究 阅读全文
摘要：
原文地址：What is a Polyfill? polyfill 或者说polyfiller是一段代码（或者插件），它可以提供给开发者们希望浏览器原生支持的技术。实现你想要的任何api。 是从哪里创造polyfill这个词的呢？ 2009年的时候，我正在编写Introducing HTML5。我坐 阅读全文
摘要：
原文地址：Serverless - Do More 该文是我在2017年为Gravitywell写的文章的转载（这是原文） 最近我在看Serverless,这是一个用于创建、部署和监控serverless应用和功能的框架。 目前，微服务风靡一时，但在炒作背后是关于使用分布式方法代替“整体”的适用性的 阅读全文
摘要：
仓库地址：excel2json 目录结构 第一步：安装exceljs npm i -S exceljs 第二步：编写excel2json脚本 const fs = require('fs') const Excel = require('exceljs'); //输入 src dst：json目录下 阅读全文
摘要：
仓库地址：json2excel 目录结构 第一步：安装exceljs npm i -S exceljs 第二步：编写excel2json脚本 const fs = require('fs') const Excel = require('exceljs'); //输入 src dst：json目录下 阅读全文
摘要：
不同点 git rebase 切断分叉，接入到当前分支中 git merge 将最新提交简单合并到当前分支，之前的提交仍然存在于之前的分支当中 想到一个场景，话说正式员工（master分支）和外包员工（develop分支）共同做一个项目，项目完成时需要合并， git merge 即 简单的将外包所完 阅读全文
摘要：
区别 箭头函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。 箭头函数没有arguments,如果要用，可以用 rest 参数代替 (注意在node环境下是有arguments的) 箭头函数不能作为构造函数，不能使用new 箭头函数没有原型，不能继承 箭头函数不能当做Genera 阅读全文
摘要：
节流和防抖是什么意思 节流：连续触发某事件，在一段时间后没有继续触发该事件才执行一次。 防抖：连续触发某事件，在一段时间内只执行一次。 手写节流函数（详见本仓库：throttle.js） //方法一：利用闭包保存时间 const throttle = function(fn,delay){ let 阅读全文