web前端开发技术#读书笔记

web读书笔记

通过本门课程的学习，我们知道了Web是一种典型的分布式应用结构。Web应用中的信息交换与传递都要涉及客户端和服务器端，Web前端开发主要技术有HTML、CSS、JavaScirpt等，接下来详细介绍一下我对这门课程的学习理解。

学习Web我们要知道它的来源，万维网是世界上的第一个网站，开发者叫做Tim Berners-Lee。Web的特点也很重要，包括:1.易导航和图形化的界面2.与平台无关性(通过Browser软件对万维网进行访问)3.分布式结构(资源过多时，浏览时只需要在浏览器上说明这个站点即可)4.动态性(实时维护更新)5.交互性(From表单提交请求，实现用户与浏览器web的联系)

Web工作原理:在Browser上输入指定网站的URL(统一资源标识符)或通过超链链接到指定IP网页。学习了URL之后知道URL是怎么样被定义的:协议类型://主机域名或IP地址/路径/文件名。

Web前端开发的由来:Web前端开发时通过网页制作演变而来的,因为用户体验越来越高，几乎每个行业的人员都得开发出自己相关的网站来满足客户的需求，通过互联网这个大平台既给商家带来了更多的商机，也给用户带来了足不出户的信息可视化。

Web前端开发工程师的职业要求:一位优秀的Web前端开发工程师在知识体系上既要有宽度、又要有深度，掌握开发技术:HTML5、CSS3、js、DOM、BOM、AJAX，并且要清楚它们在不同浏览器上的兼容性；掌握性能优化、搜索引擎优化：运用Web前端开发和测试工具进行辅助开发；掌握技术层面知识外，还要掌握理论层面的知识，包括Web视觉设计、网站配色、网站交互设计模式、代码的可维护性、组建的易用性、分层语义和Browser分级支持。

“Web标准三剑客”指的是HTML(超文本编辑语言，并非编程语言，使用标记来描述描述网页，包括标题、副标题、段落、无序列表、定义列表、表单、表格等)、CSS(层叠样式表,可以对页面的布局、颜色、字体、背景和其他效果实现更加精确的控制)、JavaScirpt(开发交互式Web页面，网页与用户之间实现一种是实时性的、动态的、交互的关系,使网页呈现更加精彩的内容)。

Web前端开发工具:Visual Studio Code(轻量级代码编辑器，支持语法高亮、代码自动补全、自定义热键、括号匹配、代码片段、代码对比、集成git等特性，支持插件扩展)、Adobe Dreamweaver、Sbulime Text、WebStrom、HBuilder X(数字天堂推出的一款支持HTML5的Web开发IDE;编写用到了Java、C、Web和Ruby，优点是块，通过完整的语法提示和代码输入法、代码块等大幅提升了HTML、JavaScript、CSS的开发效率)等，其中VS Code、HBuilder X是目前业界主流的开发工具。

浏览器工具是Web当中不可缺少的一个重要角色,因为包括使用HTML、CSS、JavaScript组合技术的Web网站才能够看其效果。排名全球前六名的浏览器分别是：Google Chrome(支持Windows、Mac OS X和Linux的版本并提供下载)、Safari、Microsoft Eddge、Mozilla Firefox(Windows、Mac OS X和Linux)、Opera(Windows、Mac OS X、FreeBSD、Solaris、BeOS、OS/2、QNX和Linux)和Samsung Internet。

以上学习了web来源、工作原理、开发的由来、网页工程师的职业素养、网页三剑客、开发的相关工具以及可视化主流浏览器之后，对于现在实用化的主流HTML5和CSS3先做一个简要介绍,页面布局的内容，分为PC端网页布局和WebApp网页局部两个方向，其中包括常见块级标签及特点、表格常用属性、表单域常用属性、表单元素常用属性、css基础语法、选择器、文字样式、盒模型、css背景技巧、浏览器兼容、CSS hackCSS高级技巧、BFC规范、网页开发规划和流程、CSS3编码规划、2D和3D变换、animation动画、预处理器Less、Flex布局等内容；说完了HTML5和CSS3后，学习JS,编写一个静态网页，实现动态效果的话就要用到JavaScript技术,JS可以为王爷添加各式各样的动态功能，为用户带来更流畅美观的浏览效果；主要学习JavaScript核心语法、用户与界面交互、函数表达式、原生函数封装、JavaScript内置对象、数组与排序算法、Math与随机算法、DOM树、JavaScript特效、浏览器兼容处理、Cookie原理解析及应用、正则表达式及表单验证、构造函数、Ajax原理分析及实现、同步异步区别及实现、Ajax前后台数据交互、jQuery简介、jQuery选择器、jQuery CSS操作、jQuery html文档处理、jQuery事件、jQuery动画、jQuery插件操作、jQuery扩展、递归算法、Jquery Ajax等。

总结:学习任何一门语言或脚本都首先要做好的是学好基础框架，在学习框架入门，熟练使用，甚至自主开发，在本门课程当中主要展开了HTM、CSS、JavaScirpt网页不可缺少的三部分，当然基础掌握了，这门课虽已结束，但是作为Web时代我们必须紧跟其上学习更加高端的技术，这离不开我们后期的学习与总结，在接下来的学习当中会一直注意Web发展以及关联学习链接。

谢谢  喜欢的朋友点赞收藏....