前端

首先我想说明一下，我们通常说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。jQuery是用js写的框架，其在DOM操作上有很明显的优势，也是时下很常用的一个js框架。 至于之外还要学习那些框架呢？ 如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，比如楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquery mobile，还有适合写后端或服务端的node，等等。 如果是web前端框架，就不仅仅是涉及的js了，还有html和css。个人觉得只有这三种语言都涉及到的框架才能说得上是web前端框架。现在比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其他很多很多。如果还有算上处理方案及版本升级代码迭代等，就要用到百度团队研发的fis这种了。其实内容真的很多很多，前端任重而道远啊~ 常见框架 1、flex Apache基金会今天发布了Flex 4.8版本，这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。 需要注意的是，Flex目前还在孵化阶段，还不是Apache的正式项目，Flex 4

解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏） 进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue 1.0在2015年发布，至今也有4年时间了。 整个业界在前端框架不断迭代中，也寻找到了许多突破方向，例如跨平台中的RN、Flutter，服务端GraphQL、Serverless，前端和客户端的融合越来越紧密，前端在Node和Electron的加持下，也扩展了自己的版图到服务端和桌面。 同时，随着前端开发越来越复杂，整个前端研发也经历了人工化->工具化->工程化->智能化的演变。目前各个大厂在工程化实践不断迭代，出现了许多Low/No Code等前端智能化解决方案，工程化实践也深入到研发的各个环节，不断提升前端研发的标准化能力。而且，随着机器学习的加入，各类UI2Code的解决方案也开始出现，前端研发进入了一个完全不同的时代。 随着端上能力的不断增强，现在在端上做的事情越来越多。首先，数据可视化方向，各类图表、地图、3D等等数据可视化的尝试变得越来越多。其次，伴随着人工智能的加持，在端上的人工智能应用也变的普及，减少了服务端的交互，提高了系统的实时响应能力。最后，随着Webassembly等技术的应用，有可能将前端运行能力再提升一个档次，可以进行更为复杂的端上计算。 为了了解当前前端的发展趋势

阿里云远程服务器桌面及上传文件教程： 步骤一： 在本地电脑上，快捷键“WIN+R"打开“运行”中输入“mstsc”，点击确定 步骤二： 在“远程桌面连接”框点击“显示选项”展开 步骤三： 在展开的“远程桌面连接”窗口，点击“本地资源” 计算机中输入阿里云ECS云服务器的IP地址 步骤四： 点击“详细信息” 步骤五： 勾选要上传阿里云ECS云服务器的文件所在的本地磁盘，点击确定 步骤六： 输入用户名和密码后连接上阿里云ECS云服务器，打开“我的电脑”，就可以看到勾选的本地磁盘映射的盘符 步骤七： 打开要上传文件所在路径，选择要上传的文件，复制后粘贴至阿里云ECS云服务器磁盘路径下，即可完成上传 2、远程桌面后复制静态醒目到服务器桌面，然后启动node服务器，服务器能够localhost:8080/index.html访问时，用户端电脑即可用域名/服务器ip访问了（如：www.koubei.cn:8080/index.html）; 来源： https://www.cnblogs.com/xiaohuizhang/p/12317989.html

文章目录 ·translateZ ·transform-style: perserve-3d ·scaleZ ·backface-vicibility ·改变旋转轴中心 x: 正方向向右， y: 正方向向下， z: 垂直于屏幕 ·translateZ 只给元素添加translateZ没有任何效果，需给父元素添加perspective: …px（ 景深 ）。 #box { width : 200 px ; height : 200 px ; border : 1 px solid black ; perspective : 120 px ; } img { transform : translateZ ( 100 px ) ; } ·transform-style: perserve-3d 需给父元素添加 transform-style: perserve-3d ，让子元素保留3d效果。 ·scaleZ 在Z轴方向缩放，表示厚度 给一个平面元素添加scaleZ是没有意义的 ·backface-vicibility 图片背面是否可见属性，默认可见 backface-vicibility: hidden 图片背面不可见 ·改变旋转轴中心 transform-origin: 接受两个参数 可以是单词法 可以是像素法 可以百分比 默认是 50% 50% /*改变旋转中心为左上角*/ img

Web 前端开发工程师 是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。 简介 2005年以后，互联网进入Web 2.0时代，各种类似桌面 软件 的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。 　　随着Web 2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML和Ajax像一阵旋风，铺天盖地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的IT企业都对自己的网站进行了重构。 为什么它们会对自己的网站进行重构呢？有两个方面的原因： 　第一，根据W3C标准进行重构后，可以让前端的代码组织更有序，显著改善网站的性能，还能提高可维护性，对搜索引擎也更友好； 第二，重构后的网站能带来更好的用户体验，用XHTML+CSS重新布局后的页面，文件更小，下载速度更快。网站重构的目的仅仅是为了让网页更符合Web标准吗？不是！重构的本质是构建一个前端灵活的MVC框架

尤雨溪 vuejs作者 王垠 http://www.yinwang.org/ 20位活跃在Github上的国内技术大牛 1. lifesinger （玉伯） Github主页： https://github.com/lifesinger 微博：@ 玉伯也叫射雕 玉伯（王保平），淘宝前端类库 KISSY 、前端模块化开发框架 SeaJS 、前端基础类库 Arale 的创始人。2003-2006 年，中科院物理所研究生，Fortran 与 C 程序员，喜爱实验模拟和数值计算。 2006-2008 年，在中科院软件所互联网实验室从事项目管理软件的研发，C# 与 Java 爱好者。 2008 年 4 月份加入淘宝，就职于 UED 部门。2009 年起，组建前端 架构 团队，在首页维护、全网性能优化、类库研发、知识沉淀、工具应用等方面取得了丰硕成果。 相关新闻： 【开源专访】Sea.js创始人玉伯的前端开发之路 2. BYVoid （郭家宝） 《 Node.js开发指南 》作者。 Github主页： https://github.com/BYVoid 个人博客： http://www.byvoid.com 微博：@ BYVoid 豆瓣： http://www.douban.com/people/byvoid/ BYVoid（郭家宝），清华大学计算机系2010级本科生，自由意志主义者。《

　　 一些是自己的想法，另一些是看博客或者书籍里面得出的，随手记在这里。 基于页面的开发 最初的前端资源模式是基于页面的，像最开始接触web、开发web时候，一般是新建页面-引入jQuery-新建index.css\page-1.css\page-2.css等-新建index.js\page-1.js等，完全是基于页面的。 基于页面的静态资源管理是最开始“刀耕火种”的产物，倒是比再久之前写内联样式、script标签要好的多（实现了页面样式\脚本和页面骨架之间的分离，但是属于很粗浅的分离），但是这种模式在使用中就暴露了很多问题： （1）资源重复：很多页面样式代码\js函数代码都是在不断重复；开发很多时候是CTRL+C\V，然后再改一个小参数而已； （2）维护困难：如果需要修改某页面中的一个按钮，需要翻到对应的page-x.css,然后再手动修；如果别的页面也有相似按钮，就需要再找到另一个文件，完全是人工的浪费时间的修改维护； （3）开发难度大：这种基于页面的随性方式给了开发者很多空间， 不必管XXX，做出来就行；但是如果从页面级别上升到业务级别，在整套的业务代码下的开发就变得蛋疼了；页面引入了十几个js文件，window.onload函数不知不觉被写了多遍或者造成了全局变量污染命名空间的事情；静态资源管理也出现了问题，一个页面引了十几个文件，如果需要调整，则手动到模板文件里修改；

能找到一份前端开发工作，首先你起码得是一个合格的初级前端工程师。那么，什么是初级前端工程师？初级前端工程师都会做些什么？这个问题需要分为以下几个方面来说： 一、对应岗位的工作职责 初级前端，主要负责产品的功能开发，独立完成框架中设计好的交互功能和产品需求。 PS：一句话概括，初级前端的岗位职责在每家公司都是大同小异，无非是针对本公司的产品及业务线做具体的搬砖工而已。 二、技术能力要求 1、css：熟悉css常用属性以及选择器，常见hack和布局技巧； 2、html：熟悉所有的html标签属性，语义； 3、js：能独立使用第三方框架完成功能模块的开发； 4、框架：熟练掌握至少一款常见的移动端或pc端框架； 5、文档：代码编写时有编写文档的意识。 PS：类似的技能要求，相信你在各大招聘平台都可以看到，只不过每家公司对初级前端的定义不大相同罢了，都是因地制宜。 三、多人协作项目开发能力要求 1、工具：能够参与2-4人的业务组开发，并熟练使用svn或git进行代码版本管理； 2、环境：能搭建简单的本地开发环境，node.js或者php。 PS：这一点，放到以前，是不要求初级coder会的，这些都是前端负责人的事情，因为你只是一个切图仔、螺丝钉，是完成具体某个模块的小码工。 但是放到现在，2019年的门槛略高一些，这些是初级前端必须掌握的，要不然你也太low了。别人会说，你会的这些

雅虎前端优化法则 1、尽量减少HTTP请求次数 　　网页加载中大部分时间都在下载js，css，flash，图片 　　1、合并文件 css，js，图片（css sprite） 　　2、内联图像 data:URL scheme 低级浏览器不支持，如过放到页面中会加大html，放到css中最好，因为他可以在客户端进行缓存 2、减少DNS查找次数即减少页面中的主机名（css,js, img，flash等） 　　dns解析时浏览器处于等待状态 大部分浏览器有自己的缓存不会受系统的缓存的影响 　　1、减少主机名数量，则减少了dns查询，但同时减少了页面中并行下载的数量 　　把页面中的主机名分成2~4个，二者可兼得 3、避免跳转 　　降低了用户体验 　　url本身最后应该有/如果不带则用户访问时会发生一次301跳转 　　可以在服务器中进行设置来避免它 4、可缓存的ajax 　　可将请求的地址设置为永不过期，然后请求的地址中带上文件的最后修改时间 5、推迟加载内容（不是立刻要用的） 　　用onload把页面分成两部分 折叠的，隐藏的，js效果可以后加重 　　img，css。js 根据需求进行加重 6、预加载 　　在用户空闲时加载以后要用到的 img，css，js，这些都可以缓存 　　在这个页面加载下个页面要用到的页面组件 　　同样可以把这些要加载的放到 onload 里面 7、减少DOM元素数量

综合/资源 frontend-dev-bookmarks 一个巨大的前端开发资源清单。 star:15000 front-end-collect 分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。 star:860 Front-end-Interview-questions 史上最全前端开发面试问题及答案 f2e-hub 包含 Animation，UI，dialog，Carousels，color，image，workflow 等。 star:100 awesome-javascript 一系列很棒的 javascript 库，资源。 star:3100 fks 前端技能汇总，包含前端知识架构，后端知识， linux ，书籍推荐等。 star:4000 node123 node.js 中文资料导航。 star:1200 mobile-web-favorites 移动端web开发收藏夹。 star:200 gulp-book Gulp 入门指南 样式/UI Semantic-UI 让你使用任何 HTML 标签 来表现UI控件。 这是一款语义化设计的前端框架，为攻城师而制作的可复用的开源前端框架。 star:17500 primer CSS 风格指南。 star:3600 测试/工具 mocha 一个简单、灵活有趣的 JavaScript 测试框架，用于 Node.js