摘要:Web前端技术是一门“技术”,和计算机科学系出同门,只是因为互联网的高速崛起而让我们傻傻看不清时局。 那么, 如何定义Web前端技术职责边界? ——“基于浏览器端的开发”就成了软件开发的新的分支,即不论何时何地何种系统以及怎样的设备,但凡基于浏览器,都是Web前端开发的范畴。 Web前端技术的价值体
阅读全文
摘要:规范的破与立 1 雅虎的技术运作非常规范,包括技术、组织、文化,一切看起来有模有样,堪称标杆,自然成了国内很多技术团队和社区的效仿对象。一时间各种“规范“成风、各色“标准“大行其道,瞬间泛滥成灾。 我们到底需要什么样的规范?雅虎的技术规范到底有何种魔力?什么规范才有价值?规范有着怎样的生命周期?想清
阅读全文
摘要:01 jQuery.noConflict() 参考:https://www.cnblogs.com/laoyu/p/5189750.html 语法: 作用: 适用场景: code事例: 02 "use strict" 参考:http://ourjs.com/detail/52f572bf4534c0
阅读全文
摘要:01 typeof 参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/typeof 语法: 返回: 注意: 02 instanceof 参考:https://developer.mozilla
阅读全文
摘要:一般移动设备的浏览器都默认设置了一个 viewport ,并初始定义一个虚拟的layout viewport(布局视口),用于解决早期的页面在手机上显示的问题。下面我们来认识几个与 viewport 相关的名词: layout viewport(布局视口) 布局视口是页面布局的实际宽度。iOS, A
阅读全文
摘要:目录: 历史及发展变化 Html5的新结构元素 基于Css的布局之道 考虑屏幕分辨率 关于布局的几个名词 基本布局样式属性 CSS框架 人类阅读舒适度的考虑 Css具体属性创建的目的与后期使用时和意义偏离的思考 1)历史及发展变化1 1991年第一个网页的诞生只有简单的文字及链接,涉及应用的元素较少
阅读全文
摘要:目录: 常用简写 权重(优先级) Hack 常用简写 权重(优先级) Hack 常用简写 权重(优先级) Hack
阅读全文
摘要:目录 明确代码规范 目的是确保跨平台协作多人开发的代码显示界面相同。 约定代码缩进方式,如: Tab = 2(4)个空格 统一换行符,如:统一成 Unix 风格换行符1 删除行尾多余空格 保持文档尾部空一行(对于合并压缩多个文件时有区分作用) 约定代码缩进方式,如: Tab = 2(4)个空格 统一
阅读全文
摘要:#常用函数对象属性介绍2 getAttribute()方法—— 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. name:要想查询的元素节点的属性名字 setAttribute()方法—— setAttribute() 方法增
阅读全文
摘要:#JavaScript进阶篇 http://www.imooc.com/learn/10 #认识DOM #window对象 浏览器窗口可视区域监测—— 在不同浏览器(PC)都实用的 JavaScript 方案: var w= document.documentElement.clientWidth
阅读全文
摘要:# 浏览器的渲染(HTML解析) ——参考: 《前端必读:浏览器内部工作原理》http://kb.cnblogs.com/page/129756/ 《谈谈DOMContentLoaded:Javascript中的domReady引入机制》http://www.cnblogs.com/horve/p/
阅读全文
摘要:#DOM探索(前端课程学习笔记)http://www.imooc.com/video/9502 DOM = document + object + model ECMAScript 编写js应遵守的标准 BOM 通过js可以操作的浏览器对象,例如window DOM 通过js可以操作的html文档对
阅读全文
摘要:更新时间:2015.05.12兼容范围:IE:6.0+,FireFox:2.0+,Opera 10.0+,Sarari 3.0+,Chrome参考资料:各游览器常用兼容标记一览表:标记IE6IE7IE8-10FFOperaSarari[*+ > <]√√XXXX_[*html .class{}]√X...
阅读全文
摘要:时间:2015.05.11参考附件:css选择器.xmind(网友共享)查看链接:http://www.w3school.com.cn/cssref/css_selectors.asp http://www.ruanyifeng.com/blog/2009/03/css_selectors....
阅读全文
摘要:前端学习方法: “拥抱变化”在不易变的方向上多花时间学习越深入越好;(前端技术、开放思想)不纠缠、执着于那些易变的东西;(工具型)对新技术始终保持好奇心。*工具是最易变的,工具包括从各种库、框架到构建工具、编辑器等等。 对于新人来说尽可能多的体验各种工具没坏处,从工具的设计思想上也能学到不少知识,但...
阅读全文
摘要:CSS的font-family(字体系列)的值有许多,如Arial,Georgia,宋体,幼圆等。一般可以分为两种,衬线字体(serif)和无衬线字体(sans-serif)。如果字体的笔画有末端加强,则为衬线字体(serif),也有这样理解的:衬线字体在笔画开始及结束的地方有额外的装饰,而且笔画的...
阅读全文
摘要:indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置。语法:stringObject.indexOf(substring, startpos)参数说明:注意:如果要检索的字符串值没有出现,则该方法返回 -1。split()字符串分割split() 方法将字符串分割为字符串数组,并返...
阅读全文
摘要:在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。常用的块状元素有:、、...、、、、、、 、常用的内联元素有:、、、、、、、、、、常用的内联块状元素有:、 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真...
阅读全文
摘要:事件(可以被 JavaScript 侦测到的行为)主要事件表:加载事件(onload)事件会在页面加载完成后立即发生,同时执行被调用的程序。卸载事件(onunload)当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。注意:不同浏览器对onunload事件支持...
阅读全文
摘要:1,关于提高目前工作效率的思考:首先,提高自身的技能水平很重要(当然团队各自的技能提高更重要)清楚知道项目时间计划,与自己的时间规划融合……2,关于目前切片方式的整理:分析设计稿,形成大体切片思路搭建html框架,css样式表添加js(在赶进度时,可提交首次svn;以后渐进修改调整细节)测试浏览器总...
阅读全文