几种隐藏内容的方式

自从2006年jQuery发布以来，DOM和原生浏览器API都有了飞跃性的提高。自2013年以来，人们一直在撰写“You Might Not Need jQuery”的文章（请参阅此网站和此项目）。本文并不想重复以前的内容，但自从上一版“You Might Not Need jQuery”文章，您可能已经偶然发现了浏览器上的一点点改变。浏览器继续实现新的API，从无框架开发中解脱出来，其中许多API直接从jQuery中复制。

前端清单

在将网站发布到生产环境前需要做的所有检查

github

转载 head 对照表

<head> 对照表

一份关于任何可以写入到你的文档中 <head> 部分的清单。

Vue.js中的 Transition 和 Animation

Animations & transitions. 将您的网站或网络应用程序带入生活，吸引用户探索。动画和过渡是UX和UI设计的组成部分。但是，他们很容易出错。在复杂情况下，如处理处理列表。依赖原生JavaScript和CSS的时候，几乎不可能实现出来。每当我问后台开发人员为什么他们不喜欢这个前台时，他们的反应通常都是“…动画”的一部分。

测试驱动开发Vuejs(三)设置Data和断言样式

十月初 Vuejs官方团队发布了测试套件 vue-test-utils github 地址 / 官方网站本文主要是参考官方的指南和一个国外的视频教程第三节

测试驱动开发Vuejs(二)

十月初 Vuejs官方团队发布了测试套件 vue-test-utils github 地址 / 官方网站本文主要是参考官方的指南和一个国外的视频教程第二节

测试驱动开发Vuejs(一)

十月初 Vuejs官方团队发布了测试套件 vue-test-utils github 地址 / 官方网站本文主要是参考官方的指南和一个国外的视频教程

Vuejs 中的 Mixins 和 Plugins

Vue Logo

使用 Vuejs 这类库进行开发时，有一种趋势是组件优先的方案。这个库可以将功能和视图行为拆分为组件。但有时可能需要在多个组件/ Vue 实例之间共享功能。这就是 mixins 和 plugins 可以提供很多帮助的地方。

你不知道的 (S)CSS 最佳实践

即使您现在使用流行的框架（如React，Angular或Vue.js）构建应用程序，您仍然需要为其添加一些样式。根据您使用的技术，您需要以特定的方式编写您的样式。例如对于React，由于它是组件性质，最好使用 CSS modules 编写样式。如果你想使用最新的 CSS 功能，使用 CSSNext 是明智之举。不要忘记很好的预处理器，比如 Sass 或者 LESS。你可能会想-这么多工具，我打赌每一个的写作风格是不同的。你是对的，但基础是一样的。

解决gem install pg 报错

在 macos 下安装 pg 报错

网页检查离线状态

并不是网站的每个部分都可以离线工作，有些内容不可以被缓存，有的部分需要与服务器交互。离线优化网站应当适应连接的变化。

Progressive Web App(PWA) 升级

关于PWA的一些误解

网站测速工具

Animating your hero header

如果你曾经访问过一些网站，迎接你的是一张大图或者视频，并且有大标题在上边。你遇到的正是”Hero Header”，这是一种常见的介绍网站的形式。它可以是一个向用户展示你的网站是做什么的的好机会。

四月工具文章总结

##pwa builder

构建渐进增强应用(PWA)的工具

被动事件监听

读了微软Edge团队的一篇文章讲了现代浏览器对滚动的优化，即把滚动从主线程移动到了后台线程。文中有一个展示，主线程被js弄卡顿时，页面一样可以滚动。不过我在mac上尝试的时候，只有safari可以，chrome和firefox都卡住了，囧。估计在windows上firefox和chrome实现了吧。

编写一个迷你 Redux

原文

现在有很多 Redux 学习资源。包括官方文档，示例，教程，博客，脚手架, Youtube视频，播客 …等等。尽管我们有如此多的资源可以学习，开发者在刚上手的时候一样会有些困惑。这些压倒性的内容，让人很难过滤掉相关的东西。

二月份学习

二月学习记录

10个最适合开发移动应用的 Vue.js UI 框架

2月份新的框架

向一个只读文件写入内容

今天在 AWS 上安装 MongoDB, 按照官网的指南在用 vi 编辑 mongodb-org-3.4.repo 这个文件时遇到了一点问题。这是一个敏感位置的文件，我没用 sudo打开。保存的时候用 wq! 强制保存报错。

point-events

javascript代码简介之道

编写Node和浏览器通用的组件

假设你要在npm发布一个模块，支持 Node 和 browser 。但是模块的 Node 版本和 browser 版本的实现上有所不同。

WindowBase64 接口

WindowBase64 接口定义了两个分别用来进行编码和解码 base64 的工具函数。 base64 经常用在 data URI 中。

WindowBase64 并不是一个全局对象，没有直接访问 WindowBase64 接口的方式。不过 Window 对象上有该接口的实现.

Linux screen & two remote git

一直在命令行中跑 node ,当关闭bash之后，任务就会停止。今天在发布项目到 aws时我就考虑，一旦我关闭了ssh ，不就停止了吗。找了一下，linux 有个 screen 命令，只要在 npm前加个 screen ,就会新开一个screen，并且只要任务没结束，它就不会被关闭。当再次登录到aws后，执行 screen -ls 就可以显示所有正在运行的screen, 执行 screen -r 加上要切换到的screen 端口，就可以切换过去。

在 mac中显示/隐藏隐藏文件

mac 下升级 Emacs

三款HTTP工具

测试HTML5 Notification

在git中设置代理

最近在git中提交代码的时候总是遇到 443 Timeout 的问题。谷歌了一下找到了设置代理的方法

Node.js 6.0 安装 gulp-sass 中的错误

五一假期刚结束，就看到了Node.js 迎来了6.0版本，确实够快速。

不过升级到6.0之后，在使用中遇到了一点问题。安装gulp-sass报错了。就是说有一个二进制文件没有下载到，404了。gyp编译失败，爆了一堆错误。

Webpack — The Confusing Parts

webpack 中一些让人迷惑的地方

关于 LocalStorage 的一些思考

使用Github fetch polyfill

看了一下 fetch 以及github 实现的polyfill

注册新的服务

这个周末注册3个新的服务

我的项目脚手架

著名的html起步器boilerplate有针对移动端优化的html5boilerplate,可以在新开项目时使用。

微信浏览器中的几个坑

本周在开发中遇到了几个问题，都是和微信浏览器相关的。

页面中的置底效果

方案地址

理解CSS3 transform中的Matrix(矩阵)

大学没好好学习高数线性代数，工作中遇到麻烦了，从大师那里文章学习一下矩阵。

学习createjs中的Matrix2D

借鉴了这篇文章，理解下Createjs中的Matrix2D类。

介绍 Google Resizer

google design 近日推出了一款resizer，可以在线辅助查看站点的响应式设计，可以认为是chrome开发者工具的一个专版吧。看一下我们网站首页的效果，看起来还不错。

HTML 中的电话链接

<a href="tel:1-562-867-5309">1-562-867-5309</a>

事实上，即使没有tel ，浏览器也会自行判断是否为电话的，所以有时候我们需要禁用浏览器的判断

Javascript中的右移位操作符

在MDN上看到很多地方用到 >>> 操作符，很是不理解，通过stackoverflow获得了以下解释

Javascript 模块化写法

找了一个可复用的模块化写法，再也不用担心项目用的是require.js还是没用还是其他的什么了

Domator.js 源代码学习

通过学习Domator.js源代码以及打包方法，学习到了一些npm知识和ES2016方法，以及一些语法

Waterfall.js 源代码学习

源代码学习

Template7 Mobile-first JavaScript Template Engine

一个移动优先的模板引擎

Top 9 Animation Libraries to Use in 2016

2016年应该使用的9个顶级动画库

10 Habits of a Happy Node Hacker 2016

Node 开发的十个好习惯

Kickoff：A new frontend-framework

新的前端框架

stylesheets has a disabled attribute

stylesheets 和 script 元素上的disabled 标签

stylesheets 和 script 元素上有一个可以查询和定义的布尔型属性：disabled 。通过它可以十分简便的禁用指定的stylesheet或script。

windows-multiple-node-versions-management

最近跟随nodejs的步伐，将本机上的nodejs更新到了v5.1.0，前几天开始使用IBM 的额bluemix，它目前支持的nodejs版本为0.12.x。所以不得不使用多版本管理了。

Install-SDK-for-Node-Gyp

windows下安装node-gyp

addEventListener third argument

addEventListener() 方法有第三个参数，它是一个布尔型参数，通常设置为false.我通常不考虑这个参数，使用默认的false设置，那这个参数是什么呢？

Manual instalation Brackets Extensions

Brackets这款编辑器小巧好用，扩展多，最重要的是它免费开源，对于替代sublime Text ,notepad++ 等工具来说，是个不错的选择。但是由于国内的网络环境，我在家尝试了很多次，都无法打开他的扩展管理器，没办法只能手动添加扩展了。

Arrow This 理清箭头函数

原文 Arrow This: Clearing Up Confusion over Arrow Functions

A Beginner’s Guide to Currying in Functional JavaScript

柯里化，或者叫部分应用，是一项熟悉传统javascript的人感到陌生的函数式技术.但使用正确的话，它能使你的函数式javascript更具备可读性.

ECMAScript proposal function callable classes

本文介绍了建议性ECMAScript功能：调用构造函数

用checkbox实现单选

How To Pick a Frontend Web Framework

原文地址在博客地址如何选择一个前端框架

Javascript：Pascal's Triangle

最近在codewars上升级为了4段，难度增加了不少，出现了更多的算法题，我没有做出来，看了答案，感觉很是精妙。

Ruby数值类基础题

这是一道简单的入门级题目，计算给出半径的圆面积，我基础不好，所以在类型判断上遇到了一点问题。

用Ruby语言对数字排序

一道扩展Function以实现Functional 编程的语言基础题

今年函数式编程又火了起来，一本2013年在国外出版的《Functional Javascript》今年被翻译引进至国内，又火了一把。

关于阶加阶乘的算法

继续在codewars上找虐，这是一道递归的问题，给出一个数字N,求出n+(n-1)+(n-2)+…+1的结果我一看，很简单嘛，递归

今天的一道算法题

今天做了一道算法题，要求是从数组中找到最先能够相加等于结果的两个值，如果有多个，则选择最先的两个。例子

理解Function.prototype.bind

最近在看一本新书《Programming javascript Applications》，讲到调用其它对象的方法，以前我们使用call和apply,

写一个ReplaceTextNode函数

今天遇到一个问题，替换节点中的文字，由于这不是一个简单的节点，它内部实际上包括两个节点，一个是图片节点一个是文字节点。使用innerHTML不行，因为会不小心把img删掉了，所以我写了一个函数，保存下来以后还会用到。

Extend function

从《 EssentialJavaScript Design Patterns 》中学习到一个，就是如果某个属性是对象，则继续深复制。

particular self-enclosed module

这种设计模式的中文名称我忘了叫什么，不过挺常见，对于不大的项目来说很实用，是以前我使用的最多的模式。拥有内部方法和参数，已经公共方法公共参数，既有对外的接口也有私有成员。并且简单改造就是一个单例。

又一个HTML5 Boilerplate 选择

原生 HTML5 输入自动完成

现在，HTML5 有了原生的自动输入完成

关于回调函数的进一步理解

在以前的学习中，我知道了回调是一种更合理的异步执行方式，是作为中级程序员必须掌握的技能。今天我在读《javascript patterns》时获取到了更进一步的知识

void-0 and undefined

学习git shell 简单语法

学习github shell用法 github有客户端，我就是用的github for window,这个客户端具备基本的功能，同步，克隆这些。不过我却发现缺少了一个基本的功能。比如我添加了一个新的文件到目录下，客户端里没有加入并上传的操作按钮。还好安装客户端时附带安装了shell。我参考文章csdn ，学习了一些基本的方法。

Trigger-Native-Event

使用jQuery 触发原生事件