【前端】Web前端学习笔记【2】

【2016.02.22至今】的学习笔记。 相关博客： Web前端学习笔记【1】 ---- 1. this在 JavaScript 中主要有以下五种使用场景 ---- 在全局函数调用中，this 绑定全局对象，浏览器环境全局对象为 window = { test: 'obj2test', getAge2: function () { console.log(this.test) } } return obj2; } }; obj.getAge().getAge2() // 'obj2test' // ============== var obj = { birth :@&=+$#")); 输出： http%3A%2F%2Fwww.w3school.com.cn http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F %2C%2F

前端学习 第2周 第2天

link和:visited伪类的书写顺序 作业 写满足以下条件的选择器 类名不为not-normal-input的文本框(<input type="text">)元素的获得焦点状态 在父元素中倒数第2个

前端学习(2)~html标签讲解(二)

例如：

• 默认1
• 默认2
• 默认3

，里面的每一项是
1. 1. 呵呵哒1
   2. 呵呵哒2
   3. 呵呵哒3
   属性： type 例如colspan="2"表示当前单元格在水平方向上要占据两个单元格的位置。 rowspan：纵向合并。例如rowspan="2"表示当前单元格在垂直方向上要占据两个单元格的位置。 2、当表格非常大内容非常多的时候，如果用thead、tbody、tfoot标签的话，那么数据可以边获取边显示。如果不写，则必须等表格的内容全部从服务器获取完成才能显示出来。 2、相对值写法：cols="30%,*" 其中*代表剩余的。这里其实包含了两个框架：左边的框架占30%，右边的框架占70%。

学习前端 第6周 第2天

了解jQuery支持的选择器。见这里 了解如何遍历元素。.each 了解如何筛选元素。.filter 了解找满足条件的子元素。.find 了解找满足条件的祖先元素。 （需了解 cloest，parent，parents） 作业 现在有如下的HTML结构

前端学习 第2周 第5天

了解不同浏览器的默认样式，以及知道如何查看浏览器的默认样式 了解CSS样式的层叠和继承 什么叫层叠 CSS属性的优先级 什么叫继承 那些样式会继承 作业 阅读 层叠和继承 详解 CSS 属性 - 优先级问题 做页面 http://www.ruanyifeng.com/blog/

学习前端 第5周 第2天

如 calATimes('a1A3434') 返回2 calATimes('ehegeg') 返回0 calATimes('fadfdfdfdf') 返回1

前端学习 第2周 第3天

了解CSS的标准盒模型 了解CSS的如下属性 display。及可选值: block,inline,inline-block和none width,height min/max-width/height margin,padding border,outline 了解margin和padding的简写 了解CSS的度量单位: px,em,rem 作业 阅读cssproperties的The Box Model - dimensions, padding, margin and borders内容。

学习前端 第1周第2天

了解html，head，body标签 了解如下标签的使用场景及其常用属性 div，span，p，img，a，table 了解什么是行内元素，什么是块级元素 学习用Chrome，Firefox，IE来审查元素

前端学习 第2周 第1天

知道什么是CSS选择器 了解通配选择器,元素(element)选择器,id选择器,类选择器,群组选择器,派生选择器,子元素选择器,属性选择器 了解上述CSS选择器的浏览器兼容性 作业 写满足如下条件的选择器 id为img-list的子元素中类名为img-item的span元素 会用Caniuse来查浏览器对某个规则的兼容性 做页面 http://htmldog.com/

前端学习 第3周 第2天

了解position规则的如下属性 static relative absolute fixed 了解position为absolute的元素是怎么定位的 了解用 left,right,top,bo

前端学习 第2周 第4天

了解CSS的如下属性 字体相关 font font-family font-size font-weight line-height text-align text-indent 了解关于字体的基本知识，阅读字体笔记 了解web安全字体 作业 阅读中文字体网页开发指南 知道字体的作用规则

Web前端学习 第2章 网页重构2 常用的html标签

关于【文档声明】这里不做详细讨论，有兴趣可以到百度查阅一下文档声明的历史演变过程，如果没有兴趣，也不影响咱们后续的学习。 1

一级标题标签

三级标题标签

四级标题标签

五级标题标签

六级标题标签 1

前端开发学习心得

本章通过实例向您演示最常用的 HTML 标签，学习 HTML 最好的方式就是边学边做实验。

HTML和CSS只是前端学习的入门小菜，JavaScript才是前端工程师的试金石。打下良好的JavaScript基础，才能在后续的学习中得心应手。 四、课后练习 将本节学习到的所有标签在一张网页中展示出来。 （思考题）span标签与div标签有何区别。 0.png

学习前端开发，不是学习前端框架，也不是学习前端工具。

，使得很多前端新入者都以为，学会了这些就是学会了前端，学会了这些，就可以胜任前端开发的工作。结果自然是否定的，许多同学不管是自学还是培训，学完了一样找不着工作。 事实恰恰相反，用人单位正是看出“你不能胜任”前端开发工作，才不录用你。你没有工作经验，只是外在的表象。 怎么样才能算是一个好前端？为什么同样都是大学毕业的，用他不用你？这其中的差别在哪里？ 前端开发是做什么的？ 它是解决问题的，主要是解决业务流程在前端表现层的交互和实现。在这其中，工具只是一种手段。 angular是不是工具？vue是不是工具？React它也是工具吧？ 前端路由能不能实现？ 肯定是可以的。 那为什么还要有vue，react。。之类的各种轮子呢？为了提高效率，只是为了提高效率。没有这些东西，你能不能做前端开发？ 不操作dom的前端框架是不存在的，而操作dom是前端开发的基本功之一。 那么，刨除前端工具这一块，如何衡量一个前端开发是好是坏？ 一、他的学习能力。遇到不懂的可以很快学会； 二、他的解决问题的能力。

学习前端 第4周 第2-5天

了解什么叫响应式。 了解CSS3 Media Queries 了解Bootstrap 了解Bootstrap的全局 CSS 样式。特别是其中的栅格系统。 作业 用Bootstrap做页面 http://www.bootcss.com/ 。交互不需要实现

【前端】移动端Web开发学习笔记【2】 & flex布局

上一篇：移动端Web开发学习笔记【1】 ---- meta标签 width设置的是layout viewport 的宽度 initial-scale=1.0 自带 width=device-width 设计点2：弹性图片 类似第一点，图片也使用百分比。 例子： width: (w_value/dpr)px; height: (h_value/dpr)px; 1像素边框 在retina屏幕上渲染图片，1px使用2dp或者3dp渲染。

前端学习

看看前端技能汇总。 所以学习前端可算是路漫漫。 入门书籍 HTML 比较简单，也没发现特别好的专门介绍 HTML的书。 CSS CSS权威指南 JavaScript JavaScript Dom 编程艺术 学习课程 网上的学习还是很多的。 对于自制力差的，花钱报个贵一点的学习课程是个不错选择，哈哈 慕客网的Web前端工程师养成计划 StuQ 前端微课堂 适合拥有 1-3 年前端开发经验 IT 从业人员，具备 CSS/JavaScript 基础知识，熟悉 JavaScript 框架，了解服务器端开发技术 面试 在工作中学习往往能学的更快。 面试前，可以做做前端工程師面試問題集。 最后附上我的WEB前端开发学习笔记,以及 学习前端 导航页(仍在完善中)~ 网络平台如需转载必须与本人联系确认。

前端学习

Angular2/前端MVC、MVVM之类的设计模式 AngularJS http://www.cnblogs.com/xing901022/p/4280299.html AngularJS开发指南 Node.js异步编程的流程控制 　　有助于深入理解Javascript异步编程 三、 前端工程化 1.gulp/webpack等前端工具 2.前端模块化、组件化、可测试化、性能优化、可伸缩性（scalable 五、学习资源 1. ，学习其设计思想，逐步提升自己的前端架构设计能力 10.关注大型技术会议的技术分享，关注大公司的技术团队 百度web研发部 淘宝前端团队（FED） 11.优秀总结 前端小白到大神，不可不收藏的网站合集 前端工程师必备：细数那些好用的网站开发工具 前端技能汇总 六、学习顺序 1.html5新元素、标签、标准、常用的新特性Api 2.css3的使用 3.bootstrap，移动Web、跨浏览器开发

学习前端

最近一直在学习异步asyncio，但是一直学不会，可能是他太过于高深但我的水平还没到吧，看了还几天也没啥收获，爬虫也学了一些了，到我比较满意的程度，现在要开始学习前端知识了，但是不代表我会放弃python 啦，两个都要学习，爬虫还要继续学习，python还有很多库我还没学习。 今天就开始入门前端，边看视频边记笔记。 什么是网站：网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定的内容相关的网页合集。 2.段落和段落之间保有空隙。 br是打断、换行（break）的缩写，它的作用是强制换行。 特点： 1. 2.
标签只是简单的新开一行，跟段落不同，换行之间是没有空隙的。 视频都是在晚修的时候看的，学的差不多了，剩下的就是实践了。

2.全栈修炼之前端《快速学习HTML标签元素》学习笔记

0X00 前端开发语言 1.快速学习 HTML 元素 根元素 html 标签 (主根元素) head 标签 (头部根元素) body 标签 (主体根元素) 元数据 base、head 内容分区 header 火狐浏览器内置的 Web 控制台非常适合学习 JavaScript,Web 控制台包含两个输入模式——单行模式、多行模式。 JavaScript 学习指南: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide 语法 值、变量 数据类型 基本类型 类型判断

Web前端学习 第6章 jQuery Ajax 2 Ajax入门

一、Ajax概述 在我们之前学习的内容中，向服务器发送请求后，再浏览器中响应的页面都是整页刷新。 在某些项目中，我们只希望获取页面的局部数据，而不必整页刷新，这个时候就需要使用Ajax来实现功能了。 这个概念出现的比较早，那个时候前端和后台的数据交互主要以XML格式为主，例如下面的数据格式： 1 <fruit> 2 <name>apple</name> 3 <weight>0.5kg</ apple", 4 "weight":"0.5kg", 5 "color":"red" 6 } 7 } 对于熟悉js的开发人员，这样的格式再熟悉不过了，基本是零学习成本 二、Ajax原理 考虑一个问题，在之前的学习内容中，我们是如何向服务器发送请求的？ "index") 4 }) 5 router.get("/data", async ctx => { 6 ctx.body = "hello world" 7 }) 8 9 //前端程序