Tmx Blog

致力于前端开发

ESLint 从安装到使用

ESLint : From install to use

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

Posted by Tmx on July 29, 2016

浅谈JS模块化

JS modularity

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

Posted by Tmx on April 4, 2016

JS代码规范

JS : code standards

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

Posted by Tmx on March 14, 2016

CSS居中完全指南

CSS : complete guide to center

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

Posted by Tmx on March 3, 2016

跨域方式分享

share the way to cross-domain

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

Posted by Tmx on February 10, 2016

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...

Posted by Tmx on January 26, 2016

livereload 用法及原理讲解

explain the usage and principle for livereload

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

Posted by Tmx on January 15, 2016

ABOUT ME

用眼看世界，用心做前端。