node-sass 安装失败的解决办法 node-sass 安装失败的原因 npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。 这是使用 sass 的同学可能都会遇到的郁闷的问题。 解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。 前端开发 任侠 2016-08-24 37891 热度 7评论
使用 mocha 和 chai 进行基于浏览器的 javascript 异步测试 基于 BDD (行为驱动开发) 的 UI 相关的功能性测试,特别是涉及到与后端数据交互的情况下,需要浏览器环境和对 ajax 的支持,对于涉及动画的交互,还需要延时执行测试代码。这里提到了几个基本要求: 浏览器环境支持(DOM/DOM JavaScript API/CSSDOM 等) ajax 支持 异步测试支持 下面针对这样的诉求,介绍使用 mocha、chai 和 PhantomJS 方案的相 前端开发 任侠 2016-07-25 9220 热度 0评论
CSS 代码质量校验:stylelint 、stylefmt 及 post-sorting 的开发环境配置参考 在团队开发中,良好的代码规范约定是保证互相良好协作的基本要求。 stylelint 是一个强大的 CSS linter 工具,它使用 PostCSS 的 AST 语法解析树引擎,支持 PostCSS 支持的所有语法识别,而且还支持自定义语法解析器,具有很大的扩展性,对于 SCSS、LESS 和 SugarSS 都可以良好的支持。 stylefmt 是一个基于 stylelint 的代码修正工具,它 前端开发 任侠 2016-07-12 8425 热度 0评论
nodeJS 中从命令行等待并读入用户输入实现与用户交互的方法 在实现与用户交互的工具时,总会有类似 c++ 中 cin>> 操作符的功能需求,从命令行读取用户输入然后继续执行。本文简要介绍了在 nodejs 中避免掉使用事件监听的方式,实现同步 和 thenable 风格的代码书写方法。 前端开发 任侠 2016-07-08 25600 热度 2评论
CSS 代码校验器 csslint: 在 sublime text 编辑器中安装和配置 csslint 本文主要介绍在 sublime text 3 编辑器中配置 csslint 的方法步骤,以帮助你快速完成相关配置,避免花费更多的时间去探索。 1. 安装 csslint 打开 cmd 命令提示符,使用 node 进行全局安装 csslint npm i eslint -g –registry=http://registry.npm.taobao.org/ –disturl=https://npm. 前端开发 任侠 2016-07-07 6268 热度 0评论
使用 JSDoc 与 docstrap 生成 JavaScript 项目 API 文档 JSDoc 规范是 JavaScript 最为流行的一套 JS 注释规范,许多 IDE 编辑器都对其提供内核或插件级别的支持。 根据 JSDoc 规范书写注释的 JavaScript 文件,可以借助 JSDoc 工具生成标准的使用文档,也可以被 IDE 编辑器用于代码提示。 JSDoc 默认的文档模板比较单调,docstrap 提供了 14+ 种 bootstrap 风格的模板,使用 docstrap 使得生成的文档更美观易用。 下面志文工作室针对 JSDoc 与 docstrap 安装使用的方法与要点作简要介绍。 前端开发 任侠 2016-06-28 9604 热度 0评论
pt 与 px、em、rem 的区别与换算 DPI/pt/px 单位的含义 DPI(Dots Per Inch) 每英寸像素数。Windows 系统默认是 96dpi,Apple 系统默认是 72dpi。 pt (point,磅) 是一个物理长度单位,指的是 72 分之一英寸。 px (pixel,像素) 一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px 要换算成物理长度,需要指定精度 DPI,在扫描打印时一般都有 DPI 可 前端开发 任侠 2016-05-12 17795 热度 0评论
nodejs 包管理工具 npm 的模块依赖 dependencies 简介 nodejs 包管理工具 npm 依靠 package.json 文件进行依赖管理。 package.json 文件中的 dependencies 与 devDependencies 配置,决定了下载一个包后还需要如何下载依赖包;依赖包后面声明的版本配置则决定了其位置如何存放。 在一个目录下,如果存在 package.json,那么执行命令 npm install ,则会安装相关依赖包到当前目录下 前端开发 任侠 2016-03-25 13649 热度 3评论
Atom 编辑器设置、快捷键与必备插件 Atom 编辑器界面比 sublime text 更好看,随着不断的升级优化,卡顿情况也大有改善,喜欢折腾的你快来试一试吧! 打造好用的 Atom 编辑器,让你的 Atom 更好用,一些必要的设置、好用的插件、以及记住常用快捷键是必须的。 Atom 设置 推荐几个设置选项: 显示空格、换行等符号: 选中 Show Invisibles 鼠标滚轮滚屏太小:设置 Scroll Sensitivity 前端开发 任侠 2016-03-15 17661 热度 0评论
设置 vuejs 与 JSX 在 sublime text 中的语法高亮 使用 sublime text 编辑 vue 文件,语法高亮插件是少不了的。vuejs 官方制造了 vue-syntax-highlight,安装即可使用。但是对于 JSX 语法的支持,还需要安装 Babel 插件。步骤参考: 安装 vue-syntax-highlight 安装 Babel 设置 .vue 后缀文件默认使用 Babel 语法高亮。方法为: 打开任意一个以 .vue 为后缀的文件 前端开发 任侠 2016-02-28 7328 热度 0评论