前端工程师

　　　　　　　　　　　　　　　　　　　　　　　　　　　 　elementUI学习 elementUI入门：在ider里面安装 命令npm i element-ui -S 　　在使用之前引入JS核心文件 组件的学习：进去elementUI官网： https://element.eleme.cn/#/zh-CN Layout布局组件的学习：浏览 Layout 组件查看你想要的布局风格 点击显示代码 拷贝到你的模板里面 模板： <template> <div class="hello"> <el-row> <el-col :span="24"><div class="grid-content bg-purple-dark"></div></el-col> </el-row> <el-row> <el-col :span="12"><div class="grid-content bg-purple"></div></el-col> <el-col :span="12"><div class="grid-content bg-purple-light"></div></el-col> </el-row> <el-row> <el-col :span="8"><div class="grid-content bg-purple"></div></el-col> <el-col :span=

前端越发展越复杂，知识点越来越庞杂。 前几年号称要一统前端江湖的backbone，估计新入行的童鞋都没听说过。前年很火的Angular也逐渐被React和Vue赶超和碾压。 Backbone.js React,Angular,Vue 但是，千变万变，总是为了提升工作效率，提升用户体验而变，千万要避免“乱花迷人眼”。 夯实基础，才能万变不离其宗。 前端要学习三个部分：HTML，CSS，JavaScript（简称JS），因此首先明确三个概念： HTML负责结构，网页想要表达的内容由html书写。 CSS负责样式，网页的美与丑由它来控制 JS负责交互，用户和网页产生的互动由它来控制。 以下，略小坑为大家整理了最新的前端学习知识点，大家可以保存到手机中，方便及时查看，自我检查。 初级阶段（静态网页制作、JS编程入门） 1.Photoshop入门 图像处理基础知识、图像处理基础知识、分辨率、图像的色彩模式、常用的图像文件格式。Photoshop工作界面的介绍、文件操作、图像的显示效果、图像和画布尺寸的调整、绘制和编辑选区、选区的操作技巧、渐变工具和油漆桶工具。图像合成、图层、蒙版、配色、切图、色彩搭配原则。 2.互联网基本原理 互联网基本原理、服务器、浏览器、HTTP请求的概念。 3.HTML 编程工具介绍、HTML简介。HTML语义化标签、p标签和h系列标签。HTML基本骨架深入

原文: http://blog.gqylpy.com/gqy/431 置顶：来自一名75后老程序员的武林秘籍——必读 （博主推荐） 来，先呈上武林秘籍链接： http://blog.gqylpy.com/gqy/401/ 你好，我是一名极客！一个 75 后的老工程师！ 我将花两分钟，表述清楚我让你读这段文字的目的！ 如果你看过武侠小说，你可以把这个经历理解为，你失足落入一个山洞遇到了一位垂暮的老者！而这位老者打算传你一套武功秘籍！ 没错，我就是这个老者！ 干研发 20 多年了！我也年轻过，奋斗过！我会画原理图，会画 PCB，会模拟，会数字！玩过 PLC，玩过单片机，会用汇编，会用 C！玩过 ARM，比如 PLC，STM32，和时下正在起飞的 NXP RT1052！搞过 DSP，比如 TMS320F28335！搞过 FPGA，不管 Xilinx 还是 Altera，也不管是 Verilog 还是 VHDL，或者直接画数字电路图！我懂嵌入式系统，比如 uCOS 和 Linux！我懂开源的硬件，比如 Arduino 和树莓派!我也搞软件，学了一堆上位机的语言C#，JAVA，Python，Kotlin，Swift！会写爬虫工具，又自学写APP，不管Android 还是 IOS！ 可是这一切有什么用呢？土鸡瓦狗！不值一提！干技术的永远就是最苦逼的那个人！ 我相信看到这里的你，应该是个 IT

前言 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦， 并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。 这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 名词解释： 在互联网架构中， web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 术业有专攻（开发人员分离） 以前的JavaWeb项目大多数都是java程序员又当爹又当妈，又搞前端（ajax/jquery/js/html/css等等），又搞后端（java/mysql/oracle等等）。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。 大中型公司需要专业人才，小公司需要全才

本文原文由作者“司徒正美”发布于公众号“前端你别闹”，即时通讯网收录时有改动，感谢原作者的分享。 1、引言 1990 年，第一个Web浏览器的诞生；1991 年，WWW诞生，这标志着前端技术的开始。 在这将近20年的前端发展史中，我们经历了从最早的纯静态页面，到JavaScript跨时代的诞生；从PC端到移动端；从依赖后端到前端可自由打包开发；从早期的网景Navigator浏览器到现在各家浏览器百花齐放…… 我们经历了前端的洪荒时代、 Prototype 时代、jQuery时代 、后jQuery时期、三大框架割据时代，这其中均是由国外开发者主导，直到如今的小程序时代，才是中国开发者独创的。 这是漫长的技术储备下的成果，最终促成了良好的技术成长收获。期间的前端发展之路，崎岖艰难。 （本文同步发布于： http://www.52im.net/thread-2719-1-1.html ） 2、相关文章 《 小程序技术始于微信？来看看移动端小程序技术的前世今生！ 》 《 盘点主流移动端跨平台UI技术：实现原理、技术优劣、横向对比等 》 《 最火移动端跨平台方案盘点：React Native、weex、Flutter 》 《 快速了解Electron：新一代基于Web的跨平台桌面技术 》 3、洪荒时代（1990~1994年） 在1990~1994年期间，前端界发生的大事有：WWW（World

今天算是归纳下互联网系统架构，记录下，作为了解 1、前后端未分离模式 前后端未分离时代，页面逻辑处理以及页面渲染全部由后端完成， 最有代表性的MVC三层框架，用户发起请求到服务器的控制层（Controller），控制层通过调用模型处理器（Model） 以及渲染视图 （View） 并最终将页面返回给客户端 mvc架构 上图是整个请求的架构，视图和模型均是放在后端处理，使前端代码无法独立运行，前端开发工程师完成html 等静态代码开发后，将代码传递给后端工程师，后端工程师完成后再发布上线 整个过程开发流程相互牵制，开发效率很低 缺点：此种架构，要求后端工程师关注前端html css 代码等，前端无法单独调试，前后段无法并行开发，后期维护成本比较高，前后端未分离架构存在很多的弊端 2、前后端未完全分离架构模式 目前仍然有大部分前后段架构属于前后端未完全分离的模式， 后端提供restful 风格的api 接口，通俗的讲 （即传输json 数据的http api 接口） ，前端通过ajax请求调用后端 http api 接口 并完成页面数据的绑定，最终由客户端浏览器完成页面的渲染，此种架构看似做到了前后端完全分离 ，其实不然 后端接口依然需要关注前端ui的展示 后端为前端接口定制化严重，对于多终端场景，后端需要实现多套api 接口 ，前后端数据以及业务耦合比较紧密，因为定义为此种架构为

作 者：Cherry300 链接：jianshu.com/p/c86cee16b418 一、前戏 前后端分离已成为互联网项目开发的业界标准使用方式，通过nginx+tomcat的方式（也可以中间加一个nodejs）有效的进行解耦，并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务（多种客户端，例如：浏览器，车载终端，安卓，IOS等等）打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。 核心思想是前端html页面通过ajax调用后端的restuful api接口并使用json数据进行交互。 在互联网架构中，名词解释： Web服务器：一般指像nginx，apache这类的服务器，他们一般只能解析静态资源。 应用服务器：一般指像tomcat，jetty，resin这类的服务器可以解析动态资源也可以解析静态资源，但解析静态资源的能力没有web服务器好。 一般都是只有web服务器才能被外网访问，应用服务器只能内网访问。 二、术业有专攻（开发人员分离） 以前的JavaWeb项目大多数都是java程序员又当爹又当妈，又搞前端，又搞后端。 随着时代的发展，渐渐的许多大中小公司开始把前后端的界限分的越来越明确，前端工程师只管前端的事情，后端工程师只管后端的事情。正所谓术业有专攻，一个人如果什么都会，那么他毕竟什么都不精。 大中型公司需要专业人才，小公司需要全才

关于笔者 笔者花名: 六弦 <=> melodyWxy,目前在微拍堂就职前端技术支撑； 事实上，笔者在三家公司兼任过前端技术面试官，不敢说技术如何如何厉害，至少有一些做面试官的经验，可以分享给大家。 前端面试方向 前端的领域是广泛的，并且它无时不刻都在扩展、更新着生态。在这样的背景下，做一个跟得上技术潮流的全能型前端几乎是艰难不可行的。 按技术基础侧重点 根据技术基础的侧重点不同：我们将其分为两大类: 一类是专注于web标准、w3c标准、侧重浏览器认知"老派",一类是专注脚本编码的"新派"。 老派一般更擅长以css核心，浏览器解析，原生js等方面进行的基础技能面试；而对于新派，他们更希望进行有关js应用(如类库、框架、工具)这方面的面试。 因此，当前面试中常常见到这样的场景，一个面试者对某门框架原理侃侃而谈，但一问到一些很基础的东西，反而一脸懵逼了。比如： -“请讲一下回流与重绘的根源？” -“获取一个对象所有的key值(要考虑到key值被设置了不可枚举)。” -“栅格化是属于浏览器的行为还是操作系统的行为？” -“.a .b .c的css类解析方式？” -…… 诸如此类问题，对于大部分的新派工程师来讲，反而比框架原理啥的更难以解答。原因是大多年轻的新派前端工程师，他们没有经历过那个灰色的时代，加之当前有了速成的方式（只需熟练掌握某门潮流框架的使用）

1请你谈谈Cookie的弊端 优点极高的扩展性和可用性 缺点 2浏览器本地存储 3web storage和cookie的区别 CSS 相关问题 displaynone和visibilityhidden的区别 CSS中 link 和import 的区别是 position的absolute与fixed共同点与不同点 介绍一下CSS的盒子模型 CSS 选择符有哪些哪些属性可以继承优先级算法如何计算 CSS3新增伪类有那些 列出display的值说明他们的作用position的值 relative和absolute分别是相对于谁进行定位的 CSS3有哪些新特性 为什么要初始化CSS样式 对BFC规范的理解 解释下 CSS sprites以及你要如何在页面或网站中使用它 html部分 说说你对语义化的理解 Doctype作用 严格模式与混杂模式如何区分它们有何意义 你知道多少种Doctype文档类型 HTML与XHTML二者有什么区别 常见兼容性问题 解释下浮动和它的工作原理清除浮动的技巧 浮动元素引起的问题和解决办法 IE 8以下版本的浏览器中的盒模型有什么不同 DOM操作怎样添加移除移动复制创建和查找节点 html5有哪些新特性移除了那些元素如何处理HTML5新标签的浏览器兼容问题如何区分 HTML 和 HTML5 iframe的优缺点 如何实现浏览器内多个标签页之间的通信

引言 进入2019年，中国互联网充满了焦虑的气息，不断有各种负面的消息，年初的互联网行业的集体大裁员，让大家真实感受了一下互联网下半场的变化。 外企最近几年持续的退出中国，裁撤国内研发中心，曾经高大上的代表也逐步褪去了光鲜的外表，不过好在补偿并不亏待，加上外企培养的良好个人素质，再出发也许并不困难。但是，国内的996是否还能适应呢？ 中兴41岁员工在被裁后跳楼自杀，让人不禁扼腕，中年技术人员的上有老、下有小、外加几百万的房贷，看似事业有成、人生赢家，其中的压力其实很多人不能理解。 各种自媒体关于裁员、35岁程序员都去哪了，最近还看到一系列漫画描述互联网从业人员30岁后的出路：送外卖、开滴滴等等，固然充满自嘲，其实也说明了无奈的现实。 这篇文章不希望给大家带来焦虑，想说说自己对这件事情的看法，以及如何才能不那么焦虑。 现在有什么不同吗？ 就在短短三、四年前，那时候全国还在号召全民创业、万众创新，一大批移动互联网的公司出现，一波波概念出来，互联网金融、O2O、互联网医疗、教育等等，现在回头一看，不过是一场闹剧而已。 真正成功的公司凤毛麟角，根据互联网的特性，一定是规模性可扩展的业务才能赚钱，所以在每个细分领域大体上只能有两三个玩家存在。 前段时间还看到有人提问“为什么现在大厂都只招工作3年以上的了？” 其实核心原因就在于互联网进入下半场，在上半场，不断有大量资金支持，有大量用户可以收割