MOOC web前端开发笔记（二）

HTML HTML概述 HTML(HyperText MarkUp Language) "超文本标记语言",以标签的形式规定网页结构,它是制作网页的标准语言 HTML不区分大小写标签.元素与属性 1.由尖括号包围,比如<pre><title></pre> 2.通常是成对出现的,也可以单独出现. 标签要有正确的嵌套,如: <pre><html><bodt></body><html></…

网站和网页网站互联网上用于展示特定内容的相关网页的集合. 网页网站中的一页,一个网站中的网页通过"超链接"的方式被组织在一起. 主页进入网站看到的第一个网页,主页的文件名通常是index 网页元素 logo站标导航栏文字超链接 banner广告横幅表单 --- 网站就是文件夹网页就是文件浏览器解析网页源代码,渲染网页 Chrome Firefox IE Safari Opera 前端技术构成与技术标准前端技术构成结构:HTML 从语义的角度,描述页面结构样式:…

web前端开发笔记（2）

一.什么是作用域. 所有变量都存在于一个执行环境中(也称作用域),这个执行环境决定了变量的生命周期,以及哪一部分代码可以访问其中的变量.总结: 执行环境有全局执行环境和函数执行环境. 每次进入一个新执行环境,都会创建一个用于搜索变量和函数的作用域. 函数的局部环境不仅有权访问函数作用域中的变量,而且有权访问其父环境,乃至全局环境. 全局环境只能访问在全局环境中定义的变量和函数,而不能直接访问局部环境中的任何数据. 变量的执行环境有利于确定应该何时释放内存. 二.什么叫做页面重构. 页面重构可以理…

web前端开发笔记（1）

一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合. 页面中不要用进行缩进,如需缩进,用css控制. html标签使用必须语义化. 要为img标签填写alt和title属性. 二.Http状态码 200 ok: 一切正常,对GET和POST请求的应答文档跟在后面 304 Not Modified: 客户端有缓冲的文档并发出了一个条件性的请求…

《编写高质量代码－－Web前端开发修炼之道》读书笔记

前言这两周参加公司的新项目,采用封闭式开发(项目成员在会议室里开发),晚上加班到很晚,所以没时间和精力写原创博客了,今天就分享下这篇<编写高质量代码--Web前端开发修炼之道>读书笔记吧. 正文欲精一行,必先通十行. 在前端开发这个领域,一专多能更是非常必要的. table布局缺点: 代码量大,结构混乱: 标签语义不明确,对搜索引擎不友好. css布局:div+css,或者(x)html+css. 代码量少.结构精简.语义清新. 代码量少,浏览器端下载时间就会更短: 语义清晰就会对…

Web 前端开发精华文章推荐（jQuery、HTML5、CSS3）【系列十二】

2012年12月12日,[<Web 前端开发人员和设计师必读文章>系列十二]和大家见面了.梦想天空博客关注前端开发技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心推荐的文章能够帮助到您. jQuery 插件和教程精心挑选:精美的 jQuery 加载动画和进度条插件精心挑选:10款基于 jQuery 的图片360度旋转插件精心挑选:几款实用的 jQ…

web前端开发最佳实践笔记

一.文章开篇由于最近也比较忙,一方面是忙着公司的事情,另外一方面也是忙着看书和学习,所以没有时间来和大家一起分享知识,现在好了,终于回归博客园的大家庭了,今天我打算来分享一下关于<web前端开发最佳实践>这本书的读后感,以及梳理这本书中比较有用的核心知识点二.书之印象 <web前端开发最佳实践>其实说到底就是一本提高你的涉猎面的书籍,但是缺点就是这本书的标题是web前端开发最佳实践,但是其实也就是一些很基础的东西没有什么很高深的,所以前端最佳实践这个书名就是标题党,而且里面的东…

Web 前端开发人员和设计师必读文章推荐【系列二十八】

<Web 前端开发精华文章推荐>2014年第7期(总第28期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. HTML5 & CSS3 太赞了!超炫的页面切换动画效果[附源码下载] 时尚设计!三种奇特的网格加载效果[附源码下载] 3D Grid Effect – 使…

Web 前端开发人员和设计师必读精华文章【系列二十六】

<Web 前端开发精华文章推荐>2014年第5期(总第26期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. HTML5 & CSS3 优秀的 HTML5 实战教程,提升你的综合开发能力 localForage——帮助你轻松实现 Web 离线存储构建 iOS 风格…

Web 前端开发精华文章推荐（HTML5、CSS3、jQuery）【系列二十三】

<Web 前端开发精华文章推荐>2014年第2期(总第23期)和大家见面了.梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您. HTML5 & CSS3 使用 CSS3 实现超炫的 Loading(加载)动画效果 Myth – 支持变量和数学函数的 CSS 预处理器 inuit.cs…