关于技术，关于生活

[译] 鸽子传信解释 HTTPS

原文地址：HTTPS explained with carrier pigeons不妥之处，欢迎指正！密码学是个很难理解的课程。它包含很多的数学证明。但是其中很多复杂性都不需要深入的去理解，除非你要去开发加密系统。如果你希望通过阅读这篇文章来创造出下一代的 HTTPS 协议，我只能说抱歉了，通过信鸽来解释是不够的。不是的话，那就一边煮点咖啡，一边阅读这篇文章。Alice, Bob and …......

Node.js 之 module.exports 和 exports

前言Node.js 模块系统是采用 CommonJS 模块规范的。每个文件视为一个独立的模块。使用 require 导入模块，使用 module.exports 和 exports 导出模块。那么 module.exports 和 exports 的区别在哪里呢？module.exportsmodule.exports 就是 require() 的返回值module.exports 是模块系......

前端 vscode 插件推荐

前言工欲善其事，必先利其器vscode 是开源的跨平台编辑器，前端开发利器，配合丰富的插件，更是如虎添翼，效率飞升。这里推荐一些目前在用的 vscode 插件，适合前端开发者。Auto Close Tag输入 HTML/XML 的开始标签，自动完成对应的闭合标签Auto Rename Tag修改 HTML/XML 标签时，自动完成匹配标签的修改。修改标签非常方便。Prettier - Cod......

浏览器的缓存机制

相信很多前端都遇到过类似的情景：为什么更新了内容，刷新页面没有生效？被产品或测试追问：不是说问题解决了吗？为什么还是有问题？刷新也不行！浏览器的缓存机制也就是HTTP缓存机制，是每个前端都必须理解一个点，了解浏览器缓存的机制，可以让我们在开发和排查问题中，避开很多坑；也能解释很多遇到的关于缓存的“神奇”问题；也可以针对缓存制定策略，做出优化，提升用户体验。这里对浏览器缓存机制的学习做个总结和......

webpack 2 配置指南

webpack 已经更新到2.2版本。webpack v1 官方已经不推荐使用,建议更新到webpack 2。 (2017-03-12)四大核心概念 (Four Core Concepts)webpack 是现代JavaScript应用的模块打包工具（module bundler），具有高度可配置性。在开始配置webpack之前，我们需要先理解它的四大核心概念，有助于我们理解webpack的......

移动端重构笔记

1. box-sizing 设置1box-sizing: content-box|border-boxcontent-box默认值，标准和模型。width与height只包括内容的宽和高，不包括边框(border)，内边距(padding)，外边距(margin)。也就是说，内边距、边框和外边距都在盒子的外部。尺寸计算公式：width = 内容的宽度height = 内容的高度宽度和高度都不......

React开发技术栈

　　在之前的项目中，使用React进行开发，这里简单介绍一下搭建React开发环境和开发过程中所用到的技术和工具，从全局去浏览一下React全家桶，也算是一个总结和记录。项目解决方案多页 + Ajax + 前端框架(React) + (模块化)依赖管理(webpack/ES2015) + 状态管理(Redux)工具列表Node环境构建工具webpackES6语法ES6编译工具Babel框架R......

npm install慢或者无响应解决方案

npm默认是国外的源：http://registry.npmjs.org，所以在国内会遇到npm install安装包的时候速度很慢，甚至无响应，所以我们需要把npm切换成国内镜像源，为包的安装加速。这里参考网上的一些解决方案，记录一下自己用的方法npm切换到淘宝npm镜像方法临时切换方案通过命令行指定npm --registry https://registry.npm.taobao.or......

jQuery实现输入框标签的自动添加和删除等操作

记录一下这两天写的。实现如下对待选标签的操作点击待选标签列表中的标签，标签从原来的位置消失，出现在输入框中点击标签上的X图标或者按退格键删除已选的标签，被删除的标签会回到原来待选标签的位置输入框可以输入标签文字后按回车键、空格键或者输入框失去焦点时自动生成标签截图展示部分效果图1：部分效果图1：实现方案界面方面首先要注意到，看上去输入框中出现的标签，实际上并不是在输入框中，而是在input之......

之前写的一些东西--简单图片轮播·jQuery小应用·PSD稿还原

之前写过的一些小东西，虽然简单也挺挫的，还是mark一下吧。jQuery实现的图片轮播1.实现图片的自动播放2.鼠标放在圆点标签上可显示相应图片并停止轮播3.移开鼠标之后继续自动轮播DemoOne实现的不是特别完美，当初写的有点乱，用的方法也比较傻，有些问题有待改进。jQuery小应用1.实现条目的增加，修改，计数2.当修改条目名称为空时，弹窗提示删除或重新修改主要是通过对整个list绑定c......

HK Talk