web前端

[原]《Web前端开发修炼之道》-读书笔记CSS部分

由 拥有回忆 提交于 2020-03-10 05:31:46
如何组织CSS-分层 应用 css 的能力分两部分：一部分是css的API，重点是如何用css控制页面内元素的样式；另一部分是css框架，重点是如何对 css 进行组织。如何组织 css 可以有多种角度，例如按功能划分，或者按区块划分。这里讲一下 base.css + common.css + page.css 的组织方法。将网站内的所有样式，按照职能分成三大类：base、common、page，这三者是层叠结构。 1、base 层-精简通用 位于三者的最底层，提供 css reset 功能和粒度最小的通用类——原子类。这一层会被所有页面引用，是页面样式所需依赖的最底层，不同风格的网站可以使用同一个 base 层，所以，应具有高度可移植性，力求精简和通用。该层相对稳定，基本不需要维护，可以简单地放在一个文件里，如 base.css。 css reset 即一开始就将浏览器的默认样式全部去掉，就是通过重新定义标签的样式，“覆盖”掉浏览器提供的默认样式。可以将常用的标签显式地罗列出来，避免使用“*”，如来自于 YUI 的部分 css reset 的代码： /*CSS reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin

当年自学web前端的时候走了很多弯路，今天分享给大家

由 与世无争的帅哥 提交于 2020-03-09 18:18:54
努力的一天又开始了，编辑这一篇文章，写下当初我自学web前端走的弯路，希望大家引以为戒，不要多走前人走过的弯路，浪费时间。 弯路一：盲目的去学 当初我在对于web前端这个行业什么都不了解的情况下，比如：不知道未来发展趋势，不知道学习web前端应该注意哪些初始问题，不知道具体的学习规划学习路线等等，一味的买书看书，看视频，到了中期阶段萌生放弃的想法，和主要是因为觉得自己越学越迷茫，也知道自己这样学找不到工作，这是初学者最大的误区。 弯路二：孤军奋战 当初在学web前端的时候，从来都没有跟别人交流过，就感觉活在自己的世界里，总认为自己什么都可以搞定，而且很多知识不会了，直接就过去了，并没有深究，而这种学习态度也注定了我的学习是失败，学习前端一定要有讨论的过程，只有跟不同的交流才能了解到你自己不知道的东西。 弯路三：没人指点 web前端对于我来说是从来不了解的行业，而我当时从来没有想过找一个这个行业比较厉害的人去请教下，现在我终于认识到了一点什么叫“方法不对，努力白费”所有的前端大神都有自己的学习方法，而学web前端的学习也基本是一致，而对于一个什么都不懂的初学者根本不会知道怎么学，这也是造成失败的最直接原因。所以学web前端一定要有人指点， 弯路四：盲目看书 对于新手来说，学习一个技能肯定是买书看书，但是后来我才实践的证明，对于一个啥都不懂的初学者来说看书基本可以成为无用的

web前端程序员求职时该如何写简历

由 时光怂恿深爱的人放手 提交于 2020-03-09 14:00:05
场对于Web前端开发人员在近两年需求不断增加，不少人冲着web前端的高薪和前景而去学习，那么web前端课程怎么样？值不值得去学习？成为很多初学者比较关心的问题。 随着智能手机和移动互联网的普及，PC端、手机端、mobile端等五花八门的应用占领着每个人的手机，随之而来各种定制化的UI风格让兼容问题变得越来越头疼。因此，企业纷纷开始把html+css+js这部分工作独立出来，由一个Web前端的岗位来处理。 Web前端开发行业是伴随Web兴起而细分出来的行业。实际上，Web前端是最接近产品和设计的工程师，起到衔接产品和技术的作用，它存在在互联网的每个角落，我们使用的微信里面的各种功能、小程序等都离不开web前端技术。随着移动技术的发展，未来Web前端的人才缺口会更大。 想要从事Web前端的工作，必须要学习的内容有目前最流行的三大框架(Vue、React、Angular)，以及全栈工程师必须要掌握的全部前端技术、Node.js相关后台技术、HTML5移动方向开发技术，像HTML、CSS这样的前端理论基础是必须掌握的。另外学习还需要有前端开发这样的实战案例讲解，模拟真实企业的项目开发，只有这样才能培养出中高级的前端工程师。 1、简历制作及投递技巧 简历的内容： 1）个人信息及项目经验是主要内容，需要详细填写。作为技术人员，除了基本的工作经历之外，平时的积累也要体现在简历上，比如开源项目

现在Web前端的发展趋势和行业前景，还能转行学习前端开发吗？

由 天大地大妈咪最大 提交于 2020-03-09 13:23:38
2020还能转行学web前端开发吗？这是很多人在网络上搜索的问题。及其原因，还是因为目前网络上充斥着前端饱和的说法，这让不少人怀疑还能不能转行web前端，目前程序员行业前景很好，而web前端的前景也不差。 不否认初级前端程序员供给泛滥，待遇恶化，发展遇冷。但是当你坚持到中高级web前端工程师时，就会越来越吃香了。这是因为前端技术栈的不断更新，效率提高，同样的前端人数，能完成比以前更多的职责范围。在不少企业，1个优秀的前端工程师就能搞定Web和移动端的开发，甚至负责一部分后端。因此只要你能忍受住寂寞，努力磨砺你的技术，那么在步入中高端web前端开发工程师后，就业薪资肯定是可以达到你的预期的。 接下来，小编来跟大家分享一下2020年Web前端的发展趋势如何?熟悉web的小伙伴们都了解，自2018年是前端技术的发展相对稳定的一年，就前端主流技术框架的发展而言，前几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。 未来前端在已经趋向成熟的技术方向上面将会慢慢稳定下来，并进入迭代优化阶段，例如语言标准、前端框架等。 那么2020年Web前端的发展趋势如何?让我们一起来看一看吧~ 1.新规范的更新与稳定 前端新标准和草案在不断更新，HTML、CSS、Javascript标准也在渐渐完善，尽管这些新的规范最终会淘汰旧的规范，新的项目也会以最新的标准作为开发依据，但要完全废弃旧规范

如何成为一名优秀的web前端工程师

由 ☆樱花仙子☆ 提交于 2020-03-09 09:58:05
我所遇到的前端程序员分两种： 第一种一直在问：如何学习前端？ 第二种总说：前端很简单，就那么一点东西。 我从没有听到有人问：如何做一名优秀、甚至卓越的WEB前端工程师。 如何成为一名优秀的web前端工程师 何为：前端工程师？ 前端工程师，也叫Web前端开发工程师。他是随着web发展，细分出来的行业。 Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript! 它要求前端开发工程师不仅要掌握基本的Web前端开发技术，网站性能优化、SEO和服务器端的基础知识，而且要学会运用各种工具进行辅助开发以及理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。 随着近两三年来RIA(Rich Internet Applications的缩写，中文含义为：丰富的因特网应用程序)的流行和普及带来的诸如：Flash/Flex，Silverlight、XML和 服务器端语言(PHP、http://ASP.NET，JSP、Python)等语言，前端开发工程师也需要掌握。 前端开发的入门门槛其实很低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。 HTML 甚至不是一门语言，他仅仅是简单的标记语言! CSS 只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。 Javascript 的基础部分相对来说不难，入手还算快。 也正因为如此

web前端01

由 守給你的承諾、 提交于 2020-03-06 17:48:38
l W3C标准：结构（HTML描绘页面骨架），样式表现（CSS），行为（JS） l Html(超链接标记文本)，纯文本只能保存文本内容，音频视频都不能。 l 纯文本作为网页后缀html l 标签：用标签标记一级标题等。 <标签名（如：h1）> 标签有开始也有结束， <h1>this my firt web</h1>. l 根标签<\html>（一个页面只有一个根标签），所有内容均写到根标签里面 l 有两个子标签， <html><head></head><body></body></html> ,head body 兄弟标签 l 标准结构 <!doctype html> <html> <head> <meta character="utf-8" /> <title></title>(显示在网页的标题栏) </head> <body> <!--在这个结构中编写注释--> <h1>这是我的<font color="red"></h1> <h2> </h2> <h3> </h3> <p>楚河<br /> 汉界<br /> </p> </body> </html> l Head标签内容不显示在用户端，设置信息让浏览器看从而帮助浏览器解析 l Body显示用户页面中所有可见内容 l 不希望别人动可以写注释 l 超链接里的字就是tittle l <font></font> 设置字体

关于大型网站技术演进的思考（十四）--网站静态化处理—前后端分离—上（6）

由 空扰寡人 提交于 2020-03-05 13:26:29
　　前文讲到了CSI技术，这就说明网站静态化技术的讲述已经推进到了浏览器端了即真正到了web前端的范畴了，而时下web前端技术的前沿之一就是前后端分离技术了，那么在这里网站静态化技术和前后端分离技术产生了交集，所以今天我将讨论下前后端分离技术，前后端分离技术讨论完后，下一篇文章我将会以网站静态化技术的角度回过头来重新审视下前后端分离技术，希望通过这种审视来加深我们对两套技术的理解。 　　前后端分离技术我个人认为是web前端被专业化以后的必由之路，而nodejs的出现是前后端分离技术的一个强兴的催化剂，原因是nodejs的出现削平了前端技术和服务端技术之间的鸿沟，使得前后端两套不同技术体系进行真正意义的解耦提供了无限的可能性。但是如果我们把nodejs技术的使用认为就是实现了前后端分离，这种理解又实在太肤浅了，下面我将讲讲我研究过的前后端分离技术方案，以及这些技术方案隐藏在背后思考，希望这些思考能给大家以一个新的思路来理解前后端分离技术。 　　我们要深刻理解前后端分离技术有一个重要的前提，那就是要把前后端分离技术认为是传统的web 应用里的MVC 设计模式的进一步演进 。那么我们首先来看看MVC的定义，下面的内容摘录于维基百科的解释，具体如下： MVC模式（Model-View-Controller）是软件工程中的一种软件架构模式，把软件系统分为三个基本部分：模型（Model）、视图

前端基础-HTTP,HTML,浏览器

由 徘徊边缘 提交于 2020-03-05 01:07:31
前端基础 一、HTTP,HTML,浏览器 1、说一下 http 和 https https 的 SSL 加密是在传输层实现的。 (1)http 和 https 的基本概念: http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器 端请求和应答的标准(TCP)，用于从 WWW 服务器传输超文本到本地浏览器的传输协议，它可以 使浏览器更加高效，使网络传输减少。 HTTP 是一个基于 TCP/IP 通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)HTTP 是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。 它于 1990 年提出，经过几年的使用与发展，得到不断地完善和扩展。目前在 WWW 中使用的是 HTTP/1、0 的第六版，HTTP/1、1 的规范化工作正在进行之中，而且 HTTP-NG(Next Generation of HTTP)的建议已经提出。HTTP 协议工作于客户端-服务端架构为上。浏览器作为 HTTP 客户端通过 URL向HTTP服务端即WEB服务器发送所有请求。Web服务器根据接收到的请求后，向客户端发送 响应信息。 https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS 的安全基础是 SSL，因此加密的详细内容就需要 SSL。

五分钟带你了解前端开发，以及前端开发的发展机会

由 房东的猫 提交于 2020-03-04 19:05:03
前端开发 前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。 移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，node.jS的广泛应用，各类框架类库层出不穷。 发展历程 前端技术的发展是互联网自身发展变化的一个缩影。 前端技术指通过浏览器到用户端计算机的统称，存贮于服务器端的统称为后端技术。 前端开发主要职能就是把网站的界面更好地呈现给用户。 以前会Photoshop和Dreamweaver就可以制作网页，随着网站开发难度加大、开发方式多样，网页制作更接近传统的网站后台开发，网页制作更多被称为Web前端开发。前端技术包括4个部分：前端美工、浏览器兼容、CSS、HTML“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计，艺术性较强的视觉设计等。 在Web1.0时代，由于网速和终端能力的限制，大部分网站只能呈现简单的图文信息

汇道科技：WEB前端技术，为新手该如何快速掌握只招！

由 北城余情 提交于 2020-03-03 23:31:30
　　一早来公司，就听见咱们美丽的UI姐姐跟我们新来的前端小文在“友好讨论”，好奇的一听，原来我们UI姐姐设计好页面让技术去升级页面，没有达到预期的效果。(看吧，咱们汇道科技就是这么有爱，每天都有这个那个在“讨论”)，今天小编给大家讲讲零基础小白要怎么迅速掌握WEB前端技术! 　　web前端开发 　　新手学习前端的话，一定要想想为什么要学习它，是出于一种什么心态，然后定位好自己。这一点是比较重要的。想学习web前端开发，我们知道需要学习html，div+css，还有javascript，还有一些ps的基础(切图)。因为学习顺序就是HTML ->DIV_CSS -> javascript ，如果你没有学过其它编程语言，javascript自学就比较难了。HTML ,DIV_CSS都是死记标签的，自学多练就行。学习Web前端首先应该选择一个正确的学习路线。 　　web前端开发html CSS 　　第一阶段：学习html 　　这个是最简单的,也是最基础的.超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。要熟练掌握div、form table、ul li 、p、span
订阅 web前端