kellywong的博客

1 实际项目中使用Web Worker下面这篇文章详细介绍了web worker常用的api, 场景(这里不知道有没有具体衡量指标)，使用过程中的注意事项，文章写的很好，感兴趣可以看下，这里不在详细叙述具体概念Web Worker使用1.1 场景这里分享的一个场景，是把从数据查询接口获取的数据的格式化过程放在web worker中执行。首先简单介绍下我们的项目，一个可视化相关项目，接口主要分为两大方面，配置查询和数据查询接口，其中数据查询接口是影响页面性能指标的一个很关键的因素，并且从查询接口获取

一. storybook二. eslint+prettier+changelog构建代码规范三. 文档(gitbook/vuepress)四. 版本管理

1. Hybrid App1.1 Hybrid app的优势Hybrid app是介于native和web之间的一种混合app，它既有native良好的用户体验和兼容性特点，又具有web跨平台和快速开发迭代的特点。可以对比下三种app 在开发成本，用户体验，迭代速度等方面的表现：webHybridnative开发成本低较低高用户体验差较优优迭代速度快速快速较慢安装不需要需要需要跨平台支持怼支持不支持1.2 Hybri

前端性能优化

一、redux1. 工作原理： JavaScript 状态容器，提供可预测化的状态管理，严格遵守单向数据流2. 简单实现function createStore(reducer) { let currentState; // 始终保持最新的state const listeners = []; // 用于存储订阅者 // 订阅store function subscribe(fn) { this.listeners.push(fn) } // 获取最新state

1. 说一下你所知道的es6（es6新特性）let和const声明变量，两个都有块级作用域，ES5中var是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明,且不能重复声明。箭头函数模板字符串模板字符串，更便捷的连接变量和字符常量解构赋值，允许按照一定模式，从数组和对象中提取值，对变量进行赋值for of循环，可以遍历数组、Set和Map结构、某些类似数组的对象、对象，以及字符串支持import、export模块化管理代码set和map数据结构… 展开运算符可以

一. 面试中出现的关于hooks的题目1. 简单介绍下什么是hooks，hooks的优点？React Hooks是react团队研发的，它主要有两方面作用：用于在函数组件中引入状态管理和生命周期方法取代高阶组件和render props来实现抽象和可重用性在hooks出现之前，只有在类组件中可以使用本地状态管理和生命周期方法，函数组件只能是无状态组件，因为函数组件使用便利优雅，已经被广泛使用，后期如果函数组件需要承担一些副作用，只能把它重构成类组件，hooks的出现就不需要重构了。它帮助函数组

1. 父子组件的生命周期执行过程1.1 首次渲染父constructor => 父componentWillMount => 父render => 遇到子组件进入子组件的生命周期 => 子constructor => 子componentWillMount => 子render => 子componentDidMount => 父componentDidMount1.2 数据更新数据更新主要是两个主要的生命周期componentWillRece

1. typeoftypeof null === ‘object’2. NaN3. 类型转换'1'+2+3parseInt('123ab') //123parseInt('123ab')++Number('123ab') // NaN

1. 必包1.1 什么是必包必包是js语言的一种特性，主要包含的要点是函数会形成单独的作用域，同作用域的对象可以互相访问，作用域呈层级包含状态，形成作用域链，子作用域的对象可以访问父作用域的对象，反之不能。比如我们在a函数里面返回b函数，当 b 函数执行的时候，a函数上下文已经被销毁了啊，但是我们依然能读取到a作用域下的值？这是因为作用域链导致的，b函数引用了 a函数活动对象中的值的时候，即使 a的执行上下文被销毁了，但是 js依然会让 a函数活动对象活在内存中，b函数依然可以通过 b 函数的作用域链

1. 执行上下文1.1 什么是执行上下文var foo = function () { console.log('foo1');}foo(); // foo1var foo = function () { console.log('foo2');}foo(); // foo2// 变量提升function foo() { console.log('foo1');}foo(); // foo2function foo() { console.log

一、js中的原型和原型链和其他的面向对象编程语言不同，最开始js并没有引入class的概念，但是js中有在大量使用对象，为了保证对象之间的联系，JavaScript引入了原型与原型链的概念。1、什么是原型在js中，每一个构造函数都拥有一个prototype属性，这个属性指向一个对象，也就是原型对象。原型对象默认拥有一个constructor属性，指向指向它的那个构造函数，每个对象都拥有一个隐藏的属性[[prototype]]，指向它的原型对象。原型对象就是用来存放实例中共有的那部分属性。2. 什么是

一. http协议1. http协议的发展历程以及每个版本存在的问题1.1 http1.1优缺点1.1.1 优点针对tcp连接十分耗时，使用Connection: keep-alive增加了持久连接增加管道机制，在1.0请求必须排队发出的基础上增加了管道机制，请求可以同时发出，但是响应必须按照请求发出的顺序依次返回，性能在一定程度上得到了改善。在1.0版本，服务器端必须等到一操作全...

一、项目中的工程化node.js 运行时，npm 包管理expressjs 服务端框架babel 编译 ES2015+ 代码到 ES5webpack打包和压缩源码eslint 检查代码规范(腾讯那套)prettier.js 代码自动美化排版git hook规范代码提交格式（按照anjular.js）mocha 单元测试二、webpack使用和工作原理webpack是前端项目...

背景团队多人协同开发，为了保证代码质量，对代码制定规范化的标准是必须的，在此分享下，目前我们的项目采用的规范化手段：一、代码校验以及提交的过程中的配置在package.json中配置pre-commitpre-commit钩子可以在 git commits 之前运行一段脚本，比如在commit代码之前运行eslint，校验失败则代码提交失败，校验成功则允许提交代码。"pre-comm...

1.webpack的原理2.webpack的使用3.webpack的优化上图是采用常规webpack配置，并未采用优化手段打包，打包时间60s…

1.什么是路由路由最早出现在后端，也就是服务器端的路由，对于服务器来说，当接收到客户端发来的HTTP请求，就会根据所请求的相应URL，来找到相应的映射函数，然后执行该函数，并将函数的返回值发送给客户端。对于最简单的静态资源服务器，可以认为，所有URL的映射函数就是一个文件读取操作。对于动态资源，映射函数可能是一个数据库读取操作，也可能是进行一些数据的处理，等等。然后根据这些读取的数据，在服务器端...

一、微信原生调用步骤调用wx.login()获得codewx.login({ success: function(res){ console.log(res.code) }})开发者使用code在微信服务器调用接口获得openid，session_key，unionid（https://developers.weixin.qq.com/miniprogram/dev/a...

1、需求描述：对移动端多张图片可以进行拖动排序(例子中使用两排5张图片)2、实现过程：主要思想就是能够通过用户手势，捕捉到被拖 动元素以及拖动结束后的被交换元素，通过交换这两个元素实现拖动排序。除此之外，我们还需要获得被拖动元素在拖动过程中的的left和top值，增加拖动过程中的效果。在这个过程中会用到移动端的手势事件touchstart,touchmove,touchend首先，需要...

问题描述：最近在做项目遇到一个问题：项目是一个mvc的框架，在项目站内切换的时候不会卸载上一个页面的组件，这就会导致一个问题，如果一个组件被多个页面调用，并且该组件上涉及到添加事件监听器，如果使用getId的方式获得dom并添加事件监听器，那势必会导致在a页面的时候调用这个组件，并在a组件实例上添加了监听器，当进入到b页面使用getId的方式获得dom是a页面的，并且监听器也并没有被移除，那再b...