我的前端编码习惯 —— js篇

2017-02-24
阅读 5 分钟
2.6k
代码格式规范 1.html中外部脚本引入尽量放在尾部。 2.一个html文件中只写一个<script>代码块。 3.JS文件中的代码块可用以下代码块包裹,以减少全局污染。 {代码...} 4 JS代码如果只针对特定HTML可以写在页面里,多页面共同调用的代码块可以考虑写入公共JS文件中调用。 5.程序块采用缩进风格编写,缩进采用4个空格...

我的前端编码习惯 —— css篇

2017-02-14
阅读 5 分钟
2.3k
1.id 和 class 的命名总规则为:内容优先,表现为辅。⾸先根据内容来命名,⽐如 main-nav。如 果根据内容找不到合适的命名,可以再结合表现来定,⽐如 skin-blue,present-tab,col-main。

我的前端编码习惯 —— html篇

2017-01-13
阅读 5 分钟
2.8k
作为一个前端工程师,我们可能每天都要写html、css、javascript,每个人写出来的代码都饱含着自己的个人的style也有自己的编码习惯和准则,下面和大家分享一下我的习惯和准则。

我所知道的flex布局-下篇(语法)

2017-01-08
阅读 5 分钟
2.3k
前言 嗯,前不久写了一篇我所知道的flex布局-上篇,于是今天来把下篇补上。 容器的属性 既然标题括号括住了语法,那么就直入正题直接来说语法了。 首先设为Flex布局 任何一个容器都可以指定为Flex布局。 {代码...} 行内元素也可以使用flex布局 {代码...} Webkit内核的浏览器,必须加上-webkit前缀 {代码...} 注意,设为F...

让DodoMonster来教你如何使用compass自动合并生成css雪碧图(css sprite)

2016-12-13
阅读 5 分钟
3.4k
工具(如果已安装好ruby、sass和compass可忽略) ruby 安装下载地址:请点击此处下载 记得勾上那两个勾,把ruby添加到系统变量 sass打开命令行 -> 输入命令gem install sass -> 回车 -> 耐心等待 compass打开命令行 -> 输入命令gem install compass -> 回车 -> 耐心等待 检验以上三者是否安装成功,命令...

我所知道的flex布局 —— 上篇

2016-12-08
阅读 3 分钟
4.3k
你还在用display+position+float来进行css布局吗?有没有觉得用传统的这种布局方法来实现特殊布局特别麻烦困难,例如:垂直居中。今天来记录一下自己对flex布局的了解(虽然不算神马新东西了都可以说是旧东西了~~~)

坑爹IE浏览器兼容性问题-实践性总结

2016-11-18
阅读 5 分钟
6.6k
最近在解决公司官网兼容性问题(兼容要求:ie7+),于是借机总结一下ie浏览器的css兼容性问题,maybe后续会再总结一篇js的兼容性问题。

你不知道的提升 - 先有鸡还是先有蛋?

2016-10-23
阅读 3 分钟
2.4k
大家觉得console.log(...)会输出什么呢?很多开发者会认为是undefined,因为var a声明在a = 2之后,他们自然而然地认为变量被重新复制了,因此会被赋予默认值undefined。但是,真正的输出结果是2。

前端菜鸟来说web安全

2016-10-19
阅读 4 分钟
3.5k
哎 七月份开始实习,九月份开始奔波校招。很忙碌也很累也没怎么好好学习了。最近面试被问到有关于前端安全,才发现自己一直忽略了这方面,于是赶紧恶补!!!

AngularJS中文社区第一个学习应用实例-phonecat正确教程

2016-06-23
阅读 1 分钟
4.2k
众所周知,AngularJS已成为前端的一大热框架,AngularJS已然成为Web应用开发世界里最受欢迎的开源JavaScript框架。但虽然AngularJS 2也发布了蛮久的但相关的学习文档和资料尚未完善。在跟着AngularJS中文社区的入门教程一开始学习就发现了纰漏。。。于是写下此篇文章。。。

Web前端性能优化

2016-04-29
阅读 3 分钟
4.7k
一、html文档结构标签语义化1、首先什么是语义化呢?语义化是指用合理HTML标记以及其特有的属性去格式化文档内容。机器在需要更少的人类干预的情况下能够研究和收集信息,让网页能够被机器理解,最终让人类受益。即用正确的标签做正确的事。