“金三银四，金九银十”，都是要收获的季节。面对各种面试题，各种概念、原理都要去记，挺枯燥的。本文是面向面试题和实际使用谈一下Promise。
Promise是什么？
Promise是JS异步编程中的重要概念，异步抽象处理对象，是目前比较流行Javascript异步编程解决方案之一。这句话说的
标签：开发
一、如何实现滚动到一定位置将内容固定在页面顶部
window.onscroll=function(){
//滚动的距离,距离顶部的距离
var topScroll =document.body.scrollTop||document.documentElement.scrol
offsetWidth / offsetHeight
offsetWidth
HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offsetWidth可能有所不同）offsetWidth是测量包含元素的边框(border)、水平线上的内边距
1. Promise简介
promise是异步编程的一种解决方案，它出现的初衷是为了解决回调地狱的问题。
打个比方，我需要：
--(延迟1s)--> 输出1 --(延迟2s)--> 输出2 --(延迟3s)--> 输出3
通常写法：
setTimeout(()=>
项目在微信环境开发，需要获取access_token进行授权登录和获取用户信息。
特意把这块功能拿出来封装一个自定义module
module.exports = new Wechat(con.appid, con.secret, con.url);
之前appid和secret是在本地配置文件
使用DOM树
一、访问元素
1、选择单个元素节点
（1）getEelementById（）
使用元素的id属性
（2）使用CSS选择器，返回第一个匹配的元素
querySelector（）
VarhotItem=document.querySelectorAll('li .hot");
2、
问题
在使用echart去创建图表时，发现图表只占了容器的一个角落，如图，并没有充满容器。
第一反应是容器元素的样式有问题，于是我把容器的宽高都改为px指定的(之前是百分比设定的，查询资料发现说echart容器宽高要明确指定)，修改之后，还是和上面一样的展示，依旧有问题。
定位
于是我
一、概述
vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。
vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。
而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是
写了几篇前端监控的文章，感觉泛泛而谈，因为刚开始的布局太广，反而不能够分析出数据的价值。所以把代码重构了一下，借鉴了听云和Sentry的某些功能需求，针对某类数据进行详细的分析，以求达到有价值的分析结果，与大家共勉。
=======================================
其实今天状态不怎么好，白天又忍不住逛bilibili、刷微博了……（一定要改过来啊）
毕竟马上就毕业了，毕业之后在工作之余，忙碌了一天后，回到家会不会坚持写博客呢？特别是舒适的家里，肯定诱惑更多，干扰更大吧。
所以还是要有原则性！
晚上主要是用脚手架搭了一下基本的前台页面。
本文介绍的 Chrome 开发者工具基于 Chrome 65版本，如果你的 Chrome 开发者工具没有下文提到的那些内容，请检查下 Chrome 的版本
本文是 前端开发必备之Chrome开发者工具（上篇） 的下篇，废话不多说，直接开始介绍。
网络面板（Network）
网络面板记录页面上每个
html2canvas是一个将html元素生成canvas的库，绘制的canvas大部分样式和CSS一致。比如截止1.0.0-alpha.12，虚线边框依然绘制为实线，border-collapse依然有问题。
这里根据github issues里的一个思路，模拟实现了dashed边框效果。
适用情
前面的话
React是如今热门的两大前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了大量开发者的喜爱。Vue的基本思路是基于HTML模板的扩展，而React的基本思路是基于JS语言的扩展。由于Vue的写法更接近于传统，所以对于习惯了HTML的开发者更容易接受；而React中的J
Pencil是个好项目。使用Electron作为运行环境，如同Vs Code一样，将JS跨平台桌面应用做了一个好的示范。个人很喜欢这种方式，毕竟多年来关注Web全栈开发，有一种JS一统天下的感觉。我的运行环境是Mac book + vscode。
1. 首先是下载Pencil项目
终于把昨天显示不了头像的问题解决了。。。
这里特别要感谢@Jeffweb的帮助，果然是logo变量出了问题……实际上是…我……我根本没往里面存数据。。
XiaoLiu这个用户还是刚刚存的，昨天是logo字段下的记录全是空的，所以难怪昨天代码怎么改都渲染不了图。
哎，看来真是要长
上一节讲了express的入口文件，当执行主函数，会调用app.init方法，这个方法就来源于application模块。
这个模块有很多方法，目前仅仅过一下初始化方法：
app.init = function init() {
// 在render时缓存对应的view
t
setTimeout(code,millisec)setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。实例：
<html>
<head>
<script typ
Element-UI 的 Table 组件很强大，但是我们的需求更强大...
简单粗暴的来一发效果图：
一、数据驱动
传统的拖动效果，都是基于通过 mousedown、mousemove、mouseup 事件来修改删减 dom 节点
使用的模块
ws
http
http-proxy
主要通过htt-proxy实现中转
启动websocket服务
var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer({po
之前用vue-cli脚手架在windows上开发的一个项目，现在有换mac的打算，但是换系统的话对代码对环境依赖比较严重。
去年和别的FE并行开发两个人用的都是windows，这样还好，没有什么问题，但是两个人电脑环境不一样问题就比较多了。
所以准备将环境切换到Linux，但是遇见了
客服
