摘要：
手动修改了 package.json 文件中已有模块的版本 直接执行npm install不会安装新指定的版本 解决办法 npm install xx@xxx 安装指定版本 解释 因为执行npm install会首先查看package lock.json 该文件的目的是将其提交到源存储库中，以保证依 阅读全文
摘要：
目录目录配置说明配置vue-router配置nginx配置说明配置vue-routerconst router = new VueRouter({ mode: 'history', routes: [...]})配置nginxserver { listen 80; server_name [your domain]; root [root path]; add_header C... 阅读全文
摘要：
```js
let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。 console.log(newArr); // [1, 2, 3]
``` 阅读全文
摘要：
以前前后端协作的方式 1. 后端丢个接口的契约代码给你 2. 后端写到wiki里，代码更新，文档更新不及时 Swagger Swagger 是很多产品的总称。包含最核心的规范 Swagger Specification，编辑器 Swagger Editor，图形界面 Swagger UI，代码生成器 阅读全文
摘要：
解决办法如下： build/dev server.js中： var server = app.listen(port, 'localhost') 改为： var server = app.listen(port) 或 var server = app.listen(port, '0.0.0.0') 阅读全文
摘要：
一款不包含框架（例如：Vue、React、Angular 等）的 Webpack 启动器 地址见：https://github.com/SinanMtl/webpack simple starter 特性 Bootstrap and depended javascript frameworks li 阅读全文
摘要：
如果你的ss代理端口是1080，像下面这样设置 只针对github加速，不针对coding等国内git 阅读全文
摘要：
通常我们后端这样设置跨域头 服务端将响应头设置成Access Control Allow Origin：域名 有时，前端需要向后端发送cookie来进行身份验证 此时，服务器还需向响应头设置Access Control Allow Credentials:true，表示跨域时，允许cookie添加到 阅读全文
摘要：
npm常用命令指北常用命令语义化版本2.0.0发布你的npm packagenpm常用命令指北经常遇到一些命令，不太熟悉，趁着周末总结一下。NPM文档常用命令查看工程下面某个依赖的版本号npm ls vue 查看工程下面所有的依赖npm ls 查看全局的依赖npm ls -g更新某个包npm update vue查看过期的包npm outdated脚本npm start = npm run st... 阅读全文
摘要：
不需要使用Fiddler Charles拦截http请求了，我们可以使用前端调试利器NProxy。只需要一个npm包，加上一个配置文件，并且支持全平台。官网http://goddyzhao.me/nproxy/安装npm install -g nproxy (node >= v0.8.x is required)使用nproxy -l replace_rule.js Setting your br... 阅读全文
摘要：
是什么 dev -> 软件开发人员 ops -> IT运维 devops是链接dev和ops的桥梁，是一种工程实践方式，是一个方法论。 在招聘网站上，通常是一个职位，或者是资深运维工程师。 基本需要的技能 传统分工模式 传统分工模式下，PD将需求提出来，开发者根据需求写代码，然后告诉SCM，SCM拿 阅读全文
摘要：
今天看到哔哩哔哩图片站的图片hover效果，看了下f12，写了个demo。codepen代码如下https://codepen.io/bhaltair/pen/zPOxry原理是：利用图片容器设置transform: scale(1.1)，并且设置transition: transform 0.5s;外层容器设置定宽和定高，overflow:hidden外层容器hover的时候设置图片容器scal... 阅读全文
摘要：
Autoprefixer默认将支持主流浏览器最近2个版本不过你可以在自己的项目中通过名称或者模式进行选择：主流浏览器最近2个版本用“last 2 versions”；全球统计有超过1%的使用率使用“>1%”;仅新版本用“ff>20”或"ff>=20".修改autoprefixer配置位于package.json的browserslist字段 "browserslist": [ "> 1%"... 阅读全文
摘要：
最近面试，被问到了HTTP的相关知识，深知自己的不足，于是恶补了一下。 请求头的字段 user agent pragma Cache control Referer Accept Cookit If Modified Since If None Match 响应头的字段 content type D 阅读全文
摘要：
首先介绍一下 MWeb 是什么，MWeb 是专业的 Markdown 写作、记笔记、静态博客生成软件。MWeb 使用的是 Github Flavored Markdown 语法，在使用 MWeb 前，建议你一定要去 MWeb 官网首页 看一下介绍视频，MWeb 官网也做了比较详细的帮助，建议你也看一下大概内容，帮助的网址为：http://zh.mweb.im/help.html。需要您重点注意的M... 阅读全文
摘要：
什么是关键渲染路径？ 从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤 浏览器渲染页面前需要先构建 DOM 和 CSSOM 树。因此，我们需要确保尽快将 HTML 和 CSS 都提供给浏览器。 DOM 树与 CSSOM 阅读全文
摘要：
支持ES6 Moudule的调试 支持移动设备模拟 低端机器模拟 存储使用率 包括IndexDB cache local session 查看service worker缓存响应的时间戳 设置鼠标滚轮的行为放大或是scroll 启用fps ctrl+shift+p 输入fps来启用 webAPP现在 阅读全文
摘要：
启动node.js脚本 $ NODE_ENV=production API_KEY=442CC1FE 4333 46CE 80EE 6705A1896832 node server.js Node.js 控制台 REPL 在终端敲node进入repl 1+1 a = 1; 基础知识 Node.js是 阅读全文
摘要：
practical node.js 电子书 阅读全文
摘要：
最近在expres中和浏览器段都使用了handlebars模板引擎，所以干脆抽时间吧内容整理下来。 阅读全文
最近在expres中和浏览器段都使用了handlebars模板引擎，所以干脆抽时间吧内容整理下来。 阅读全文
摘要：
JS中的高频事件有scroll recize mouseover。 如果频繁触发事件绑定函数，会导致浏览器性能上的损失。 因此我们通常会添加延迟执行的逻辑。 在underscore.js里面有debounce和throttle这两个方法。 throttle创建并返回一个节流阀一样的函数，当重复调用函 阅读全文
摘要：
vue服务端部署 阅读全文
摘要：
Webstorm 前端开发编辑器 Dash API手册 非常推荐 Gitup 图形化的Git客户端 f.lux 自动调节色温 iTerm2 终端模拟器 Tyepora Markdown编辑器 Moom 窗口管理器 阅读全文
摘要：
最近，开发平台从windows转型到mac。 刚开始还真不适应 不过使用了几天之后 还是很不错的。 那么我们来认识一下目录，用过linux的应该很好适应unix的mac MAC是Unix系统 和Windows的文件截然不同。我们都知道用windows，软件默认安装目录是c://program fil 阅读全文
摘要：
通常开发vue我们使用的是模板语法，其实还有和react相同的语法，那就是render函数，同样支持jsx语法。 Vue 的模板实际是编译成了 render 函数。 0 传统的createElement方法 <anchored-heading :level="1"> <span>Hello</spa 阅读全文
摘要：
edit dev.proxyTable option in config/index.js. The dev server is using http-proxy-middleware for proxying 为了解决跨域问题， 通常会使用Jsonp，但是jsonp只能是get请求。 或者使用CO 阅读全文
摘要：
前端需要掌握的Linux知识 （一） 阅读全文
摘要：
atom编辑器 apm指令配置代理 阅读全文
摘要：
vueJS 实现服务端渲染 阅读全文
摘要：
atom手动安装插件 阅读全文
摘要：
利用node.js实现爬虫，并且爬取豆瓣电影top250的列表和图片。 1 什么是node.js 简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaS 阅读全文
摘要：
Progressive Web Apps 简称PWA,是一种接近原生用户体验的渐进增强的web-app.从浏览器演进而来，沉浸式的体验，改进web的性能低下等。是Google 在2015年提出，今年才推广开来。其宗旨是渐进增强，不再有媲美原生应用的想法，而是让 WebApp 变得更加对移动环境友好， 阅读全文
摘要：
最近微信小程序很火，很喜欢那种轻应用，用完就走的理念。于是，下载好微信开发者工具，学习一下官方demo。 体验下来，有类似react和vue的感觉，dom类似react那种组件的，data-binding和vue类似。 1 注册 到微信公众平台申请账号，https://mp.weixin.qq.co 阅读全文
摘要：
1 掘金 新标签默认打开，每日热门前端内容，Github热门star数，让你不out 2 谷歌访问助手 你懂的 3 react developer tools react代码调试工具，查看state和props 4 Vue.js devtools 同上 5 WEB前端助手(FeHelper)* 百度 阅读全文
摘要：
前言：家里的树莓派吃灰很久，于是拿出来做个室内温度展示也不错。 板子是model b型。 使用Python开发,web框架是flask，温度传感器是ds18b20 1 硬件连接 ds18b20的vcc连接树莓派的vcc ， gnd连接gnd，DS连接GPIO4 2 ssh登录树莓派查看ds18b20 阅读全文
摘要：
1 利用父组件传递 A组件传递到父组件，再由父组件传递到B组件 2 利用新的vue实例 3 使用vuex进行管理状态 Vuex 之于 Vue 就像 Redux 之于 React 文档在这里http://vuex.vuejs.org/zh cn/getting started.html 阅读全文