小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 小程序痛点 不支持 css预编译器,作为一种主流的 css解决方案，不论是 less,sass,stylus 都可以提升css效率 不支持ES7等后续的js特性，好用的async await等特性都无法使用（小程序JavaScript...

最近上线的人事系统，由于同步问题，HR一直认为是系统问题，而不承认自己操作不当，为了避免相互甩锅，计划把hr的操作记录下来，便于下次正面刚。

早先1.0的HTTP版本，是一种无状态、无连接的应用层协议。HTTP1.0规定浏览器和服务器保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器处理完成后立即断开TCP连接（无连接），服务器不跟踪每个客户端也不记录过去的请求（无状态）。这种无状态性可以借助cookie/session机制来做身份认证和状态记录...

真实DOM 浏览器的DOM设计的非常复杂，所以它的创建和修改性能开销也会很大。 下面我们创建一个div，来感受下： {代码...} Vue虚拟DOM Virtual DOM的概念相信大部人都不陌生，虚拟DOM就是为了解决浏览器性能问题而被设计出来的。虚拟dom几乎是现代前端框架的标配。本文主要以Vue为例。vue的Virtual DOM 算法基于 Snabbdom...

权限控制是中后台系统中常见的需求之一 控制粒度 1.目录和路由级别的控制2.按钮级别的控制 目录和路由级别的控制 目录级别 {代码...} 通过id唯一控制 login 登录模块，从后端获取权限，存在前端 {代码...} {代码...} 路由级别 获取权限列表，动态生成异步路由 {代码...} 动态生成路由`` {代码...} 按钮级别 {代码...}

前言 在前端开发过程中最常用的组件非button莫属了。 需要支持的功能 属性 说明 类型 默认值 版本 disabled 按钮失效状态 boolean false ghost 幽灵属性，使按钮背景透明 boolean false href 点击跳转的地址，指定此属性 button 的行为和 a 链接一致 string - htmlType 设置 button 原生的 type 值，可选值请参考 HTML ...

函数组件(Functional Component )和类组件(Class Component)，划分依据是根据组件的定义方式。函数组件使用函数定义组件，类组件使用ES6 class定义组件

Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 vue单文件组件 {代码...} 模板数据绑定 {代码...} 表单输入绑定 {代码...} 更多参见：[链接] computed 与 watch {代码...} 样式 class与style绑定 class {代码...} style {代码...} 条件渲染 {代码...} 列表渲染 {代码...} 在 v-for 块中，我...

最近一直再做数据可视化，业务的理解，数据的理解确实如数据可视化要求的一样，有了更多的理解。但是技术上还停留在echart，Hchart, 画图上。正好一个机会，看了流形大大的知乎live。对大数据有了更深的了解。也明确了大数据时代，前端所应该具备的职业素养

React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。

前言 本文主要Alert 组件的大致框架， 提供少量可配置选项。 旨在大致提供思路 tooltip 常用于展示鼠标 hover 时的提示信息。 模板结构 {代码...} 大致结构DOM结构 一个div 包含 箭头 及 气泡内容。 v-bind中可选tooltip位置，是否禁用，及显示隐藏 slot 差值供自定义 默认接收content内容 script {代码...} {代码...} ...

大致结构 alert框，icon图标， slot插值 （其他样式颜色选项...）如果需要动画 可以在外层包上Vue内置组件transition

插件 Vue 化引发的一些思考这篇文章我不仅仅是要教会大家封装一个 scroll 组件，还想传递一些把第三方插件（原生 JS 实现）Vue 化的思考过程。很多学习 Vue.js 的同学可能还停留在 “XX 效果如何用 Vue.js 实现” 的程度，其实把插件 Vue 化有两点很关键，一个是对插件本身的实现原理很了解，另一个是对 Vue.js 的特性很了...

Autoprefixer是一个后处理程序，你可以同Sass，Stylus或LESS等预处理器共通使用。它适用于普通的CSS，而你无需关心要为哪些浏览器加前缀，只需全新关注于实现，并使用W3C最新的规范。

Javascript 语言的执行环境是“单线程”（single thread）。所谓“单线程”，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。

AJAX不是JavaScript的规范，它只是一个哥们“发明”的缩写：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。

创建对象 虽然Object构造函数与对象字面量都能创建单个对象， 但这些方式都有明显的缺点： 使用同一个接口创建很多对象， 会产生大量重复代码。 {代码...} 工厂模式 这种模式抽象了对象具体创建的过程(类似其它语言的类) {代码...} 工厂模式解决了创建多个对象的问题， 确没有解决对象识别问题（如何知道一个对象的类型...

如果前一个网页与当前网页属于同一个域名，则返回前一个网页的unload事件发生时的Unix毫秒时间戳。如果没有前一个网页，或者之前的网页跳转不是在同一个域名内，则返回值为0;

动态组件使用 动态组件官网解释 通过使用保留的 <component> 元素，动态地绑定到它的 is 特性，我们让多个组件可以使用同一个挂载点，并动态切换： {代码...} {代码...} 也可以直接绑定到组件对象上： {代码...} 实际项目开发中 引入组件 {代码...} 动态组件 :is 绑定 {代码...} data参数 {代码...} 4.显示组件 {...

javascript 异步加载 背景：公司使用新的统计埋点，由于弹层出现地方较多，新埋点方法未能及时压入common.js 所以需要自己引入阿里云上的埋点文件 问题1：在代码里输入 {代码...} 后台直出到页面上==script==并未去请求js，导致代码报错 问题2：动态==异步==添加到dom中 由于是 异步的 导致 js 还没加载完 下面的埋点调...