初识SCSS

上一个项目是自己决定用LESS来写css的,结果遇到了一个很纠结的问题,比如为了规范代码采用的是“一行一对属性:属性值”的格式,这就造成了整个项目有近几千行LESS源码,后面修改的时候十分不方便,如果拆分成多个文件,引入文件路径又十分麻烦。这时候同事就推荐了sass,就这样入了另外一个坑。

阅读全文

head内的标签

由于sublime中可以很方便的生成页面模板(!+ctr+e组合键),因此一般除了引入脚本跟样式表之外以及更改title内容之外,并没有在head标签内做其他改动,对于这个跟body标签同级的元素所给予的关注度基本可以忽略,今天了解了一点seo的东西,发现应当重新回过头来看一看这个被我忽视了这么久的重要标签。

阅读全文

初识正则表达式

其实一开始让我学正则我是拒绝的,因为你不能让我去学我就去学,我得先试一试,要是太难了我就不学了。然后一看,这一串中括号大括号是什么鬼,果断不学。后面打算搞一点爬虫的时候,才发现正则式绕不过去的槛,加上最近的项目,需要在页面先进行一遍表单验证巴拉巴拉之类的,然后才重拾正则的学习笔记,进行一番捣鼓。下面是正则基础篇,凑合着能应付普通的要求了。(会写正则的人都很酷的样子,哈哈!)

阅读全文

HTML表单

最近总是想着,是时候给博客搭一个后台了,然而昨天晚上才开始看PHP,大致翻了《PHP从入门到精通》这本书,关于该书内容这里就不做评价(略那啥...)。只是接触到后台之后,才对于表单form标签开始有了一点了解,想想前两天被后台的同学吐槽“为什么一个页面上要套那么多form”,丢脸丢到家了,赶紧学一点点后台(2017-5-18:哈哈)。好了不说废话了,现在总结一下form标签。

阅读全文

HTML5自定义属性

趁着难得的一个双休折腾了一下jQuery Mobile,(虽然后面发现其中有几个坑并且还不能用在现在的项目中),里面的data-*属性简直不要太多。最初接触BootStrap的时候也碰到过data-自定义属性,某次面试题里面也有这个知识点,却一直没有深入理解。学习jqm,虽然不大能用得上,也不能再使用“拿来主义”了,现在整理一下。

阅读全文

浏览器渲染流程

浏览器通过其渲染引擎在窗口中显示经过CSS文件格式化之后HTML文档内容和图片。了解其渲染流程应当是前端学习过程中一个非常重要的环节,惭愧的是今天才开始整理相关的知识。

阅读全文

JavaScript中的继承方式

前面理清了JS面向对象中的构建对象,其中谈论到了原型的概念,以及使用组合构造函数和原型模式的方法来创建对象。接下来总结一下关于JS中继承的问题,继承可分为接口继承(只继承方法签名)和实现继承(继承具体方法)两种。

阅读全文

CSS代码格式

刚学CSS的时候,以为只要写出的样式能够在浏览器中正确显示就够了。直到逐渐发现一个几千行的CSS文件,如果不在书写过程中规范自己的代码格式,后面维护简直就是噩梦。掉进坑才知道痛,下面总结了自己在敲CSS代码需要注意的地方,如同CSS代码的组成一样,也分别从选择器,属性名,属性值三个方面进行总结。

阅读全文

JavaScript中构建对象

JS中的面向对象与C++中的面向对象有很大不同。由于不存在类的概念,在初学JS的面向对象时略感困惑。《JS高级程序设计中》关于这一块讲的十分精彩。先来整理一下关于JS创建对象的方法。

阅读全文

LESS学习笔记

在招聘要求中看见的需要熟悉LESS/SASS,然而我一个都没见过。LESS是一种动态样式语言,可以对代码进行预编译生成所需的CSS代码(呃我是这么理解的,有失偏颇),反正是了结了我“HTML和CSS哪能算编程语言呢”的疑惑。查了些资料学习了一下,当然现在学到的只是皮毛,也有不少疑惑。 注:使用的编译工具是Koala。

阅读全文