前端开发

手机端网页调试方案(iOS&android)

1
2
3
4
5
6
写作目的:
在人人离不开手机的年代,不适配移动端的网页都不好意思混了。
作为一个严谨追求完美的程序员,怎么能不会手机端调试呢。毕竟这里面还是有很多坑的。
有时候觉得生的真好,据说12年以前手机端调试是很麻烦的。现在已经有一些较成熟的方案。
最后,以后博客要改比较活泼的文风。以前有点过于严肃了呢。
厄,还有,这不是一篇整理总结性文章。只是我目前知道的一些方法,欢迎补充。

css3学习笔记

1
2
3
4
5
6
7
8
9
10
11
12
13
写作目的:css3是最新版本的css,除了完全向后兼容,css3的新特性极大推动了css在开发中的作用。
本文总结了css3新特性的一些主要内容。包括:
1. 选择器
2. 边框相关
3. 颜色
4. text
5. 背景相关
6. transformation(变换)
7. animation
8. 多列布局
9. 用户接口(resize和offeset)
10. 媒体查询和响应式
11. 盒模型

CSS布局(一)

1
2
3
4
5
6
7
8
写作目的:
接上一篇HeadFirst HTML与CSS读书笔记
这一篇重点说说最近理解的CSS布局
包括:
1.侧边栏浮动布局
2.右紧左松布局
3.冻结布局
4.凝胶布局

《HeadFirst HTML与CSS》读书总结

1
2
3
4
5
写作目的:
看来阿里那个学长说的不错,每读完一本书都会有新的收获。
之前HTML与CSS都是跟着网站视频学的,没有系统的去看这方面的书。
后来选了HeadFirst HTML与CSS,读完对标签的正确使用,页面布局的选择等都有了一个全新的认识。
这里写下这本书中一些我认为重要的地方。

重审我的前端之路

1
2
3
4
5
6
7
8
近期书单:
1.HeadFirst HTML+CSS 和 CSS Mastery
2.Javascript DOM编程艺术
3.Javascript高级程序设计(重读)
4.Javascript权威指南(重读)
5.锋利的jQquery(重读)
6.Javascript语言精粹
7.javascript设计模式

CSS伪类、优先级、属性的继承性等问题

1
2
3
4
5
写作目的:CSS中有一些需要掌握的知识。贴在这里。主要内容包括:
1.display:none和visibility:hidden的区别
2.CSS选择符、属性的继承性、优先级
3.before和:after伪类
另外还有position属性的解读和float属性。这是关于布局的另一个故事了,请期待下一篇。

JS中函数的作用域链和闭包

1
2
3
4
5
6
写作目的:
闭包算是JS的核心内容,也是一个难点。如果要真正理解闭包,还要从变量作用域说起。
首先,我们得知道,JS采用词法作用域,也就是说,函数的执行依赖变量作用域,
这个作用域是在函数定义时决定的,而不是函数调用时决定的。
为了实现这种词法作用域,JS函数对象的内部状态不仅包含函数的逻辑代码,还必须引用当前的作用域链。
如果你现在还不理解这段话,没关系,我们先从变量作用域说起。

浅谈CSS/jQuery/JS选择器(三)

写作目的:

1
2
3
4
想要操作DOM中的元素,最基本的是把他们准确的选择出来。
而选择的办法有很多种,要为元素设置样式,可以通过css选择器来选择。
要实现程序逻辑,可以用JS把元素选择出来,也可以用更强大的jQuery选择器。
这一节主要写写JS如何选取文档元素。它有五种选取文档元素的方法,这里会一一列出。

选取文档元素的方法

1
2
3
4
5
1.用指定的元素id
2.用指定的name属性
3.用指定的标签名字
4.用指定的CSS类名
5.匹配指定的css选择器