Tmx Blog

致力于前端开发

ESLint 从安装到使用

ESLint : From install to use

ESLint 由来: Lint工具用于检查代码的语法是否正确、风格是否符合要求。 JavaScript语言的最早的Lint工具,是Douglas Crockford开发的JSLint。由于该工具所有的语法规则,都是预设的,用户无法改变。所以,很快就有人抱怨,JSLint不是让你写成正确的JavaScript,而是让你像Douglas Crockford一样写JavaScript。 ...

浅谈JS模块化

JS modularity

浅谈JS模块化 一、模块化的由来 什么是模块?模块就是实现特定功能的一组方法。 原始写法 function add(a, b) { return a + b; } function divide(a, b) { return a / b; } 这两个函数就可以组成一个模块,功能是实现一些数学运算,这种做法的缺点很明显:”污染”了全局变量,无法保证不与其他模块发生变...

JS代码规范

JS : code standards

ES5 代码规范 传送门 https://github.com/sivan/javascript-style-guide/blob/master/es5/README.md

CSS居中完全指南

CSS : complete guide to center

CSS居中完全指南 水平居中 水平居中 inline 或者 inline-* 元素 你可以轻松的在一个 block 元素中水平居中一个 inline 元素,以下代码对 inline,inline-block,inline-table 和inline-flex 等有效 .parent { text-align: center; } 水平居中 block 类的元素 在 b...

跨域方式分享

share the way to cross-domain

跨域方式分享 浏览器的同源策略:其限制之一就是第一种方法中我们说的不能通过ajax的方法去请求不同源中的文档。 它的第二个限制是浏览器中不同域的框架之间是不能进行js的交互操作的。 http://www.cnblogs.com/2050/p/3191744.html 一、通过jsonp跨域(在js中,我们直接用XMLHttpRequest请求不同域上的数据时,是不可以的。但是,...

window/document.body/Element的常用属性

window/document.body/Element common attribute

window/document.body/Element的常用属性(位置、宽高等) 网页可见区域宽:document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHei...

livereload 用法及原理讲解

explain the usage and principle for livereload

livereload用法及原理讲解 首先,说一下livereload是什么:livereload这款软件的作用是在你更新代码并保存时,浏览器中对应的页面会自动刷新。以防止出现下图情况: 它可以扩展到浏览器中,使用起来很方便。 下载 http://livereload.com这个是下载地址;下载后点击下面的链接把livereload添加到chrome上:https://chro...