随笔分类 - web前端技术
html5,css3,javascript,angular...
摘要：
阅读全文
摘要：注意：本文记录作者在学习和使用vuejs开发中的点点滴滴，从vuejs1.0开始直到现在的vuejs2.0以后的版本。期中部分1.0的内容已经过时，仅作各位朋友参考，建议重点关注2.0相关的内容，会随着我对vuejs有了更多的体会后不断维护更新，也欢迎朋友们批评指正共同学习提高。 所有的vuejs组
阅读全文
摘要：在国内IE8至少还占有20%的市场份额，所以在做网站时，必须得为这部分用户特殊兼容考虑。 一方面IE8上面很多css3定义的标签不能使用，另外一方面javascript的addEventListener不能使用，还有重要的一点就是media query不能使用。 幸运的是，国外respond.js为
阅读全文
摘要：cite 表示引用到某一本书籍名称，默认样式为斜体，q 表示直接引用到里面的话，大块的引用使用block默认样式将增加“双引号” ，关键的词用默认为粗体；一些技术术语则用来表示，为斜体ol标签为有序列表，在出现类似排行榜这样的信息块时，比较适合使用。可以通过来指定ol列表自增symbol第一个ol的...
阅读全文
摘要：http://paintstrap.com/ 是一个根据adobe kuler color scheme自动生成theme 的工具，比较直观好用，对于调整前端theme有一定参考意义
阅读全文
摘要：曾几何时，一直梦想能够有超酷的前端开发环境，加快工作进度，减轻工作强度，看了这张图有些震撼了，慢慢研究他们是怎么玩的。。。 注意：browsersync的file watch功能只对绝对地址的文件有效，不能使用relative path的格式，否则files section无效！ 如何使用brows
阅读全文
摘要：在mobile web设计 中，我们常常需要使用em这个字体大小的单位。em到底是多少呢？em到底应该设置为多少个em呢？通常换算成方法是1em=target fontsize we want/fontsize of containing element ,比如我们设置html tag的font...
阅读全文
摘要：gulp作为替代grunt的task runner后起之秀，基于nodejs的stream操作模型，大大减少了对磁盘的操作因此大大提高了性能。gulp error handlingvar gulp = require('gulp');var coffee = require('gulp-coff...
阅读全文
摘要：bower install loadash --savebower uninstall loadash --savebower initbower install loadash#2.2.1bower info loadash 列出lodash包的bower.json文件以及其历史版本集bower ...
阅读全文
摘要：node，npm在前端开发流程中提供了非常完善的自动化工具链，但是同样由于其复杂性导致有很多奇奇怪怪的问题。本文将记录使用过程中出现的一些问题及其解决方法备案。 国内由于gfw问题，导致很多国外的网站不能访问，比如bitbucket就是一个host代码的很优秀平台，但是由于该平台可能被block住，
阅读全文
摘要：在online web应用中，经常有这样的需求，能够让用户通过浏览器来输入代码，同时能够根据不同的代码来做语法高亮。大家已知有很多相应的javascript库来实现语法高亮的功能，比如codemirror就是一个不错的选择。而我们使用angular开发web应用，那么就希望能够使用directive...
阅读全文
摘要：npm用于管理node.js 的backend依赖模块；这些模块以node的require来调用bower用于管理frontend的js依赖模块，这些模块用来调用bower install --allow-rootbower install loadash --savebower install l...
阅读全文
摘要：图片糊化在线工具 http://www.fotor.com/
阅读全文
摘要：http://jigsaw.w3.org/css-validator/
阅读全文
摘要：图片处理中Photoshop用的非常多，但是该软件过于臃肿，使用起来也非常复杂，对于一般性的图片处理，有没有其他可以选择的工具呢？GIMP是GNU Image Manipulation Program的简称。该工具体态较小，但是功能不凡。有空可以用用看看
阅读全文
摘要：http://jakobloekke.github.io/tdcss.js/在前端开发中，如果能够有一个style guide对于设计来说就显得专业稳定，一致性。在上述链接中，有一个tdcss.js的工具可以帮助你生成可视化的style guide，非常方便。其原理就是使用那个js文件在html...
阅读全文
摘要：在UI开发中，判断是否正常往往需要看到UI长的模样，所以一般的Unit test无法胜任。现在有一款通过抓屏而后相素比较的方法，或许对于UI自动化测试能够起到比较好的改进效果。具体请参见：https://github.com/facebookarchive/huxley
阅读全文
摘要：Less中的variable可以在使用之后才被声明，这一特性对于希望覆盖前期声明的（比如bootstrap等第三方library的variable）变量，从而优雅地使用你希望的效果提供了便利。比如：@var: red;#page { #header { color: @var; // w...
阅读全文
摘要：css中的属性大部分都可以被继承，但是也有众多不能被继承，比如display, position,,left,right,top,bottom,float,width,border-color,border-style,text-decoration等不被继承。下面列出能被继承的属性。详细见下面的列...
阅读全文
摘要：在web相关技术中，HTML代表了content,structure, CSS则负责styling，决定内容是如何展示的，javascript则主要负责interactive, behaviour。在网站开发中一般流程就是先写html初步决定page的结构和内容，然后定义css应用到网页，调整展示的...
阅读全文
