初识SCSS
上一个项目是自己决定用Less来写css的,结果遇到了一个很纠结的问题,比如为了规范代码采用的是“一行一对属性:属性值”的格式,这就造成了整个项目有近几千行Less源码,后面修改的时候十分不方便,如果拆分成多个文件,引入文件路径又十分麻烦。
这时候同事就推荐了Sass,就这样入了另外一个坑。
head内的标签
由于sublime中可以很方便的生成页面模板(!+ctr+e组合键),因此一般除了引入脚本跟样式表之外以及更改title内容之外,并没有在head标签内做其他改动,对于这个跟body标签同级的元素所给予的关注度基本可以忽略,今天了解了一点seo的东西,发现应当重新回过头来看一看这个被我忽视了这么久的重要标签。
初识正则表达式
发表于 | 分类于 编程语言/JavaScript
其实一开始让我学正则我是拒绝的,因为你不能让我去学我就去学,我得先试一试,要是太难了我就不学了。然后一看,这一串中括号大括号是什么鬼,果断不学。
后面打算搞一点爬虫的时候,才发现正则式绕不过去的槛,加上最近的项目,需要在页面先进行一遍表单验证巴拉巴拉之类的,然后才重拾正则的学习笔记,进行一番捣鼓。下面是正则基础篇,凑合着能应付普通的要求了。(会写正则的人都很酷的样子,哈哈!)
HTML表单
最近总是想着,是时候给博客搭一个后台了,然而昨天晚上才开始看PHP,大致翻了《PHP从入门到精通》这本书,关于该书内容这里就不做评价(略那啥...)。
只是接触到后台之后,才对于表单form标签开始有了一点了解,想想前两天被后台的同学吐槽“为什么一个页面上要套那么多form”,丢脸丢到家了,赶紧学一点点后台(2017-5-18:哈哈)。
好了不说废话了,现在总结一下form标签。
HTML5自定义属性
趁着难得的一个双休折腾了一下jQuery Mobile,(虽然后面发现其中有几个坑并且还不能用在现在的项目中),里面的data-*属性简直不要太多。
最初接触BootStrap的时候也碰到过data-自定义属性,某次面试题里面也有这个知识点,却一直没有深入理解。
学习jqm,虽然不大能用得上,也不能再使用“拿来主义”了,现在整理一下这个自定义属性。
CSS代码格式
刚学CSS的时候,以为只要写出的样式能够在浏览器中正确显示就够了。直到逐渐发现一个几千行的CSS文件,如果不在书写过程中规范自己的代码格式,后面维护简直就是噩梦。掉进坑才知道痛,下面总结了自己在敲CSS代码需要注意的地方,如同CSS代码的组成一样,也分别从选择器,属性名,属性值三个方面进行总结。
JavaScript中的面向对象
发表于 | 分类于 编程语言/JavaScript
JS中的面向对象与C++中的面向对象有很大不同。由于不存在类的概念,在初学JS的面向对象时略感困惑。
《JS高级程序设计中》关于这一块讲的十分精彩,先来整理一下关于JS创建对象的方法,然后研究JS中的原型继承的一些细节知识点。
LESS学习笔记
在招聘要求中看见的需要熟悉LESS/SASS
,然而我一个都没见过。
LESS是一种动态样式语言,可以对代码进行预编译生成所需的CSS代码(呃我是这么理解的,有失偏颇),反正是了结了我“HTML和CSS哪能算编程语言呢”的疑惑。查了些资料学习了一下,当然现在学到的只是皮毛,也有不少疑惑。
注:使用的编译工具是Koala
。
DOM编程之事件(二)
记忆中某天在某个个人网站上看见一个非常酷炫的效果:整个页面都是萤火虫似的小光点组成的LOGO,鼠标滑过的时LOGO被打散,屏幕上泛起阵阵涟漪,鼠标停止又变换图形。当时非常震撼,甚至于忘了保存链接。这就成了我现在正在奋斗的一个目标。正巧刚看完客户端JS关于事件处理的部分,下面简单整理了一下JS中关于事件及相关的一些知识点。
CSS继承与权重值
CSS中所说的继承与其它面向对象的编程语言所说的继承属性是完全不同的,这种“奇特”的继承属性在某些时候会带来一些麻烦。
因为并不是所有的属性都会被继承,因此弄清楚继承的机制,了解哪些属性可以被继承是很有必要的。
JavaScript中的变量作用域
发表于 | 分类于 编程语言/JavaScript
再次修改这篇文章,已经时隔三年了。最近在重新复习JavaScript基础知识,因此本文将从头修改,并整理JavaScript中的作用域相关知识,包括:变量提升、变量作用域、作用域链和闭包等。
《JavaScript权威指南》读书笔记
发表于 | 分类于 读书笔记
刚拿到权威指南这本书的时候被他的厚度吓了一跳,近千页密密麻麻的内容,心想不知道什么时候能看完。加之是刚接触JS,所以只能硬着头皮从头开始看。下面就是部分读书笔记,好记性不如烂笔头嘛。
BFC及其应用
最初在看见BFC
,两眼一愣,这是个什么玩意,看过的两本书上都没有谈论到。
于是balabala一顿谷歌,现在勉强能弄懂了(然后又是满屏幕的overflow hidden,这是病得治啊!),然后就整理了一下。
HTML标签
学习HTML的第一个任务就是将大大小小、形形色色的标签给弄明白,因此这里简单地回顾一下。
在伟大的“结构、表现和行为分离”的指导思想下,我就不打算关注部分过时的样式格式标签和属性了。