php怎么使用dom，外行人想学前端怎么可以快速入门？
很多同学看到web前端开发的发展前景很好，都纷纷想要投身到前端开发行列中来，但是对于很多同学来说，都是前端的门外汉，基本上都不了解前端开发的内容和学习的方法，所以盲目没目的的学习很难熟练的学习好前端技术，今天千锋前端培训就给web前端开发者学习建议及路线图，希望能帮助到想要学习的同学。
学习web前端开发，首先你要知道web前端是学习，需要重点学习哪些技术内容，只有自己都全面的去了解一遍之后，才能好好的规划好自己的学习路线和方向，才能有效的达到学习的目的。
Web前端的岗位职责是利用HTML、CSS、JavaScript、DOM、Flash等各种Web技能结合产品的界面开发。制作标准化纯手工代码，并增加交互功能，开拓JavaScript和Flash模块，同时结合后端开拓技能仿照全部效果，结束丰富互联网的Web开拓，致力于经过进程技能改进用户体验。 所以，想从事web前端工程师，那么你就得先学好这些技术。
今天给大家一份千锋的web前端学习路线图，这份学习路线图包含了必学的技术知识点及需要掌握的要领，而且内容都是从浅入深，对于初学者来说是不错的学习线图，可以从基础开始掌握。
第一阶段：前端页面重构
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第二阶段：JavaScript高级程序设计
内容包含：1)原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目)
第三阶段：PC端全栈项目开发
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第四阶段：移动端项目开发
内容包含：(Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目)
第五阶段：混合(Hybrid,ReactNative)开发
内容包含：(微信小程序开发、React Native、各类混合应用开发)
第六阶段：NodeJS全栈开发
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
第七阶段：大数据可视化
内容包含：(大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库)
不管学习什么内容，基础是很重要的，学习前端技术也是一样的，技术知识打牢，多看多问多敲代码。相信坚持就可以学会这门高薪的技术，也可以去千锋免费试听一下web培训课程感受一下。
报个培训班出来能就业吗？
前端是当代比较火的一个互联网技术知识，许多年轻人把目光放在了前端上边，想要通过前端培训班的学习进入到这个行业，但是，很多人对于前端这个行业其实没有多少了解，多数也只是通过别人的口中获知的一些信息，对于前端学习什么，出来能干什么了解的并不多，那么前端主要学什么，报名前端培训班出来是否能就业？接下来小编就带大家一起来了解一下。
前端主要学什么？第一阶段：HTML + CSS核心
HTML常用标签、盒模型、CSS选择器集群、伪元素/伪类、浮动/定位、CSS3动画、CSS3过渡、CC3渐变、经典布局方案、2d/3d变换HTML + CSS核心
第二阶段：JavaScript核心 + 高级
变量/内存、数据类型、条件语句、循环语句、函数/对象/数组、DOM/BOM对象、闭包/原型/作用域、事件完整解析、线程/进程、JavaScript继承模式、JavaScript算法、JavaScript设计模式、栈/队列、高级函数/函数柯里化
第三阶段：jQuery框架 + Less + BootStrap
Less同Stylus,Sass区别、BootStrap框架语法、BootStrap组件应用、jQuery设计模式、jQueryAPI、Less封装、BootStrap响应式原理、BootStrap栅格系统源码分析
第四阶段：NodeJs + 工程化
ECMAScript6新特性、JavaScript异步编程、Node基础/Node搭建服务器、Express/Koa/EJS、原生Ajax/跨域解决方案、CMD/AMD/CommonJS/ES6(模块化)
第五阶段：Vue技术栈 + webApp + 项目部署
Vue核心基础、Vue指令/表达式/实例、Vue组件通信、Vue生命周期详解、Vue-router路由、Vuex状态管理
第六阶段：React技术栈 + 工程化高级
React核心基础、ReactJSX语法、React组件、React组件通信、Redux源码分析、Redux源码分析、webpackHMR(热膜替换)、webpack懒加载/预加载
第七阶段：小程序技术栈 +服务器端框架
小程序核心语法、小程序路由、小程序生命周期、小程序支付流程、Mpvue框架、UniApp框架小程序WXML语法(遍历，条件判断等)
报个前端培训班出来能就业吗？选择前端培训是否能够实现就业，有下面几点决定，只要能够达到基本是没有问题的。
1、选择一个好的前端培训班进行学习
2、在一个前端行业发展比较好的城市进行学习，这样机会更多
3、在前端培训过程中要加倍努力的去学习
附录：2020前端学习路线图
代码好学吗？
出来工作到现在满打满算刚好过一年了，其实计算机技术更新换代真的很快。我算是比较幸运，我是因为自己热爱这个行业所以大学选择了计算机专业，一开始学c，可能很多人都有一种想法，c太无用了，Java做app,桌面程序，网站。python能做人工智能，unity 3D能开发游戏，c能用来干嘛呢？我大一开始自学Java,后来觉得能做出一个个人网站那太酷了，然后又开始学web,学php。后面加入工作室，自己带队参加大创，当时老师给定的题目是乐夕阳项目，是一个app,当时Java学的一般般，没有做过一个完整项目，然后又开始转向Android的学习，因为后面发现Java确实非常热门，我又重新回到Java的学习道路了。其实我看到很多知名博客说大学生四年时间正常需要学习8--10门语言，其实我是不以为然的，因为一门通入门其他语言很轻松，其实大学更多的是考验大家的自学能力，其实学的杂而不精，还不如专攻一个方向，其实技术是学不完的，一直在不断更新换代。很多关于我多少岁了学编程还来不来得及，说实话现在从事it行业要求越来越高了，不再是以前你会个静态页面就是个人才的时代了。我讲讲现在几个方向的基本趋势给你参考参考。
学了两三年的Java，但是我出来工作第一份工作却选择了前端开发。前端开发往简单说就是设计页面，设计特效。但是技术方面是不断改进的，前几年基本都还是前后端不分离，我当时接手的项目就是一个基于JSP的OA系统，因为系统比较庞大，加上前后端未分离，逻辑与前端界面设计混在一起，维护问题成为了一个巨大的挑战。因为现在基本都流行前后端分离，这使前后端协同合作更为的方便，我们当时和技术总监提出想要重构整个OA系统，最后开了两次会议最终决定老项目先扔服务器继续跑，用时一个月使用前后端分离重新搭建整个OA系统，技术选型使用了Vue.js + Node.js + Mysql。
说到这就不得不说前端三大基本框架：react、vue、angular，现在面试前端开发基本都会要求至少会使用三大框架之一，其中要求会react的可能占据一半，剩下的一半可能vue和angular五五分。
react开发门槛也相对来说比较高，所以当时我们选择了单页面开发框架Vue来作为前端框架，配合BootStrap进行前端开发。至于为什么选择Vue呢，其实原因很简单，更新速度很快，而且相对react门槛比较低，发展潜力很高，使用Vue-cli脚手架可以非常迅速搭建出一个基本框架模型。所以其实我更推荐以后想从事前端开发可以从Vue进行前端入门学习。react框架我未曾有机会在实际开发中使用，所以对这个框架只是有着最基本的了解。
在这里我更想说说angular，我过年那段时间刚好在架构个人博客网站，一开始架构准备使用Vue.js + Node.js + Mysql，后面觉得了解一下新知识，所以前端最后采用了angular4进行开发。使用angular-cli脚手架很快的搭建出项目基本雏形，不过angular是使用TypeScript作为主语言进行开发的，而不是我们常用的JavaScript,而浏览器无法直接执行TypeScript，所以我们还得对TypeScript进行配置解析成JavaScript，所以开发门槛相对Vue可能更高。博客第一阶段开发测试阶段差不多完工的时候，我本地测试都是马上响应我的博客首页，我就准备打包发布服务器进行测试，ng build生成打包后的dist文件夹，我上传到服务器nginx的80端口，尝试进行访问，第一次访问竟然高达43秒才进行响应，原因就是angular引用了许多第三方的包，打包会将所有依赖的第三方包全部打包到同一个js文件里面，访问的时候得下载这个js文件，所以第一次访问会非常缓慢。然后我就开始了我前端的优化工作，我进行了分模块打包，打包完又使用了uglify进行压缩，然后同时在nginx开启了gzip压缩，双重压缩将首次访问响应需要43秒给降到了三秒之内。angular还有一个坑就是你得开启路径缓存，不然你进行页面刷新就会404找不到你当前界面了，经过本地博客开发，我个人对angular算是路转黑了，我觉这可能也是为什么angular会被Vue这个后来慢慢后来居上的原因吧。所以我更建议想从事前端开发的朋友三个框架都了解一下，然后选择之一深入学习。
我们再来说说JQuery，最早期的开发，大多都使用jQuery，它给我们带来了很多的便利：快速选取元素，方便操作DOM元素的API，各个浏览器之间完美的兼容性，动画、ajax等等都是jQuery为前端开发人员来带的好处。为什么现在越来越少人用了呢？
1.对于大部分喜欢使用jQuery的前端工程师来说，能够快速选取DOM节点，这个无疑是一个重要的原因。但是document.querySelector和document.querySelectorAll这两个API可以通过传入CSS选择器形式的字符串，就可以匹配到想要的DOM节点。Vue现在也是使用这两个方法进行DOM元素的获取，所以JQuery在选取DOM元素的好处荡然无存。现在React 、Vue 、Angular框架，将操作DOM的事留给框架去做，这比传统jQuery开发效率高，代码可维护性强，性能好。
2.现在CSS3动画技术非常的成熟，已经完全可以取代jQuery做的动画，而且比jQuery的Animate方法兼容性更好。jQuery的ajax操作，为我们省去了兼容浏览器方面的问题，但是现在这个优势也已经不算什么了。
3.Axios为我们提供了强大的Ajax使用能力，并且Axios还有拦截器这个优势。相比之下Axios来说更为的优秀。
4.使用框架开发，可以使用脚手架，极大提高了开发的效率，在编码体验上，就提高了一个档次。
前端开发不再是互联网初期发展那时候会写简单的静态界面就足够了。现在想要从事前端开发，不仅要求你对HTML,CSS,JavaScrict有着扎实的基础。而且对各大主流框架你也得有一定的深入了解。而且对性能优化也需要有自己的方案，现在前端开发越来越重视用户体验，你不可能让用户耗费几十秒去等待你网站的响应，所以现在对性能要求也会越来越高，对用户体验的要求也越来越高。
相对前端来说，后端更多的是对数据的处理。其实后端技术现在也已经非常成熟，前几年PHP挺热门的，放到现在来说不能用PHP过时这样的词去形容，而是PHP初级开发岗已经接近饱和，而且PHP也确实存在一些缺点需要调整：
1、 php 最大的缺点就是没有连接池，因为不是常驻内存的嘛，淘宝抛弃 php选择Java据说就是因为没有合适的代理连接池。
2 、异常和 warning/error 混在一起，就算前段时间更新的php7也没有完全解决这个问题。
3、运行时不说和 jvm 比，连v8的速度都无法达到。
4、Laravel 框架过度设计，速度又慢，连单步调试都做不到。
所以说其实现在入行PHP不一定会是一个最理智的选择。相对之下现在Java确实会更为的热门。从一开始的SSH，再发展成目前比较主流的SSM，搭建SSM的时候你可能会经常接触到maven这个工具，这个工具几乎是从事Java开发必须要使用的工具。你可以熟练的使用SSM进行项目的开发，那就代表你有了初级Java工程师的水准了。接下来你需要去看一些JDK中类的源码，也包括你所使用的框架的源码。这些源码能看懂的前提是，你必须对设计模式非常了解。否则的话，你看源码的过程中，永远会有这样那样的疑问，这段代码为什么要这么写？为什么要定义这个接口，它看起来好像很多余？由此也可以看出，这些学习的过程是环环相扣的，如果你任何一个阶段拉下来了，那么你就真的跟不上了，或者说是一步慢步步慢。所以说研究一门新技术时，切忌朝三暮四。有的同学今天去整整大数据，搞搞Hadoop、hbase一类的东西。过不了一段时间，就觉得没意思，又去研究分布式缓存，比如redis。然后又过不了一段时间，又去研究分布式计算，比如整整Mapreduce或者storm。结果到最后，搞得自己好像什么都会一样，在简历上大言不惭的写上大数据、分布式缓存、分布式计算都了解，其实任何一个都只是浮于表面。到时候面试官随便一问，就把你给识破了。
一月份我进入现在的公司，从前端开发转型做服务端开发，没有用Java,也没有使用PHP，而是使用这几年迅速发展的Node.js。其实对于前段工程师想要入行后端，我觉得最好的选择就是选择Node.js，因为Node.js其实还是基于JavaScript的ECMAScript的基础上进行拓展，而前端工程师一般对JavaScript都会相对来说比较了解，所以用Node.js作为入行后端是一个再适合不过的选择了。而且Node.js单线程，异步执行的机制降低了很大的学习难度，不会出现Java多线程要考虑线程安全，还要考虑同步锁之类的线程之间的数据同步问题。但是，Node.js因为几乎所有方法都是使用异步回调，所以一不小心可能就会陷入地狱回调的陷阱当中，可以使用Promise/Defferred方式去接近完美的解决地狱回调的问题。其实现在Node.js作为服务端开发也相对比较流行，阿里巴巴也将一些模块分离出来使用Node.js进行实现。所以说Node.js也是想要从事后端开发的同学的一种相对较好的选择。而且也为后期往全栈发展降低了学习难度。
现在都在喊互联网的冬天，所以说就业压力比前几年的黄金时期确实会更大。所以说就业竞争对你的技术能力会要求更高。我觉得就后端技术而言，入行Java可能是最好的选择之一。因为Java的生态圈实在是太过庞大。可以在深入学习的同时尝试自己去搭建一个底层框架，一般公司后端都会搭建一个底层基本框架，然后需要具体功能直接在框架基础上进行拓展就可以非常迅速的实现功能。我前两周工作之余就用Node.js自己搭建了一个底层的框架，将数据库操作，全局方法以及请求第三方接口的一些方法给进行封装，可以更为清晰的梳理所有需要掌握的知识点。
对于移动开发，使用原生开发一般就是分为Android和ios阵营。现在原生开发的市场也已经趋近饱和，现在招聘一般对原生Android开发都会有一定的要求，比如两年以上Android开发经验之类。而且原生开发开发成本比较高，对Android与ios得单独开发。这两年混合式开发越来越热门，可以实现一个前端项目直接打包生成Android和ios不同版本的app，而且难度相对原生开发来的更低，更为简单的平台甚至能你提供一个网址，直接将网址对应的网站打包成app。我从学校参与制作乐夕阳app之后就没从事移动开发的工作，所以对移动开发也不甚了解。现在混合开发比较热门的框架我觉得一个是APICloud，是一个国产的框架，我倒是自己学习过一段时间。还有一个是React Native，不过最初的React Native仅仅是对iOS的支持，不过随着微软，三星等各个大佬的入伙。主流的iOS和Android支持度已经很好了。目前React Native尚未稳定，很多原生的功能尚未很好的实现。是一个依然处于开发阶段的库，这也意味着，深层次的优化和兼容操作，React Native目前是无法像原生开发一样便捷的。同时针对不同的设备，React Native开发需要更多的逻辑开销去思考不同设备之间的兼容问题。而在对于调试成本来说，React Native是一个相对比较重的库。会增加代码库的复杂度，其调试与原生相比有着一定的困难。目前我公司在使用React Native进行混合开发，至于好不好用不同人就见仁见智吧。
Java程序员如何拿到50w的年薪？
在这个IT系统动辄就是上亿流量的时代，Java作为大数据时代应用最广泛的语言，诞生了一批又一批的新技术，包括HBase、Hadoop、MQ、Netty、SpringCloud等等 。
一些独角兽公司以及腾讯、阿里、百度、网易等知名大厂对Java人才的需求量连年升级，有2年工作经验的优秀程序员能轻松达到30w+的水平，但与此同时对人才的要求也越来越高。
很多学生都会疑惑，同样是程序员吗，同样是学的Java，同样掌握了相应的技术，为什么自己就不能拿到BAT企业的Offer，不能拿到50W+的年薪?自己和年薪50W+的程序员差距在哪里?
二、工作效率
一个程序员每天写出来的有效代码(刨去自动生成和复制粘贴)，大约就100~200行。我们的时间还耗费在需求讨论、思路整理、代码编译、提交、部署测试多个环节，优秀的工程师总能想到很多办法来提升自己的工作效率，所以一线互联网公司架构师，都会配置“效能平台(如阿里的云效平台)”来通过一整套的CI/CD方案来提高研发效率。
三、解决问题的能力
编程一个脑力活，如果把它做成了体力活，这就代表是时候改变一下了。现在的框架封装越来越便捷，通过springboot刚毕业都能把web开发玩的666，通过netty的相关封装，一年新手也能写出来性能不错的网络程序。架构师和普通开发的区别不在于会使用多少新潮的框架或者api，而在于对底层原理了解的程度。如果用的开源框架在生产环境出现问题，出面解决的肯定是年薪50W+的架构师。话说，来看看自己对spring框架原理知多少?
四、学习能力
Java往深往上走，下到C/C++，上到中间件、架构方式，按照IT行业技术发展的速度，不被掉队那就得不断的学习。普通程序员还在纠结业务代码怎么实现，技术领导们每天的工作就是研究各种高并发/新框架/分布式这些东西，慢慢下去差距能不大嘛，只有用很快的速度，掌握必备知识，才有一搏之力!
五、软技能
多少人努力进入大厂，但终究默默无闻进，默默无闻的出来，BAT等一线公司数十万技术人，你知道多少大牛，记住的有多少呢?平台重要，更重要的是，能在平台发展到什么程度。每个公司都有他的管理尿性，有它的企业氛围，软技能决定了能到什么职位!看到差距，才知道哪里需要改进，有了目标，更有学习动力。技术人成长不能再单打独斗，要学会与人交流，学会将别人的知识为自己所用。预祝每一位小伙伴都能拿到自己满意的工资待遇，不负韶华!
六、最火的语言还是Java？
下面是2017年7月编程语言排行榜 Top 10榜单：
Java语言在2016-2017依然占据榜首。Java作为最受欢迎的语言，在编程语言高薪行列里依然名列前茅，无疑是想进入互联网行业，拿高薪的最佳选择。
光有技术还不够
当然除了技术过关以外，还该有Java领域有丰富的经验，独到的见解。能够从前台到后台独立的搭建完成，良好的沟通能力及团队协作能力等。
一般情况下，就算不去大公司，很多小公司的技术总监年薪上也差不了多少呢。当然这些都需要一些时间沉淀，没办法速成。
七、Java程序员的职业发展有几个选择
Java程序员的职业发展有几个选择：专注于技术，成为技术专家；转型到技术型销售、技术支持等；随着技术成长，从技术性管理到高级管理。
这归根结底，都是以Java技术为基础。在扎实的技术基础上（高级软件工程师），如果有着比较强的抽象设计能力，又打算专注于技术开发，架构师是个好的选择；如果性格更适合做管理，情商能力突出，技术型管理应该是下一步的方向。这种发展规划属于‘瘸腿走路’的类型，各有侧重主攻发展的职业方向，也是目前一般程序员普遍采用的发展路线规划。
八、职业规划
已经工作两年以上的程序员可以有几种基本的职业规划：技术专家、软件架构师、实施顾问或销售。其中程序员最主要的发展方向是资深技术专家，无论是 Java、.NET还是数据库领域，都要首先成为专家，然后才可能继续发展为架构师。
尽管架构师的职位可以工作一辈子，待遇也非常好，对于科班出身的程序 员最为适合，但这种工作职位非常有限，因为在中国目前的IT行业，架构师需要的条件比较复杂，而且需求量也比较少，这也是我国软件行业走向国际并有待成熟 的因素之一。
九、管理能力和专业知识技能
目前国内缺乏的是管理能力和专业知识技能并驾齐驱的IT人才。特别是懂得运用目标管理技术的项目管理人才，既掌握核心技术又有全局掌控能力的项目管 理人才，非常难找。我建议对于大多数人来说，首先是要专，只有在技术方向上做得比较深入，才能适当做工作调整，把自己转变为某个领域的专家。
根据自己的情况，决定自己做Java架构师还是高级的顾问销售，另外一部分人可能就会走向管理，这和个人性格与情商有关。软件优秀的管理者都必须懂得技术，掌握核心技能的人才向管理岗位转型有很大的优势，因而提升管理能力成了转型的关键。
十、总之，Java程序员要根据本身的基本素质、技术能力选择开发层次，由低到高，逐步发展。也是一名程序员本身具备相应素质的循序渐进的发展轨迹，包括很强的技术背景和综合管理才能等素养，这也就是所谓‘两条腿走路’的职业规划发展路线。
为什么网页都可以查看源代码？
只是你以为你看到的是源代码而已。
这一句话已经答完了其实。
你现在从钱包里掏出一张人民币，现在这张人民币的各种信息你都可以想办法检查出来。但是，你能造得出一张人民币么？你不能。
除非你有专门的机器，专门的纸张油墨，专门的技术流程。这些才是源代码，那一张人民币本身并不是。
查看源代码并不意味着开源。所谓的查看源代码是浏览器里的查看页面源代码的效果。这些代码很多情况下都是被编译后的代码，并非原始代码。并且还是前端页面用到的代码。而一个网站的工作前端展示和交互操作只是很小一部分。你的一个点击，可能触发的是按钮按下后页面向服务器发送了一个包含请求的url，然后服务器就开始工作，找到信息返回给页面。而具体服务器端怎么做，你是看不到代码的。
1、http是超文本传输协议，它最早的设计就是我放个文件在服务器上大家自己看就好了，没后端这一说法的，所以html一直都是文本文件。
2、前端上的那些技术其实出现过很多二进制的，从java applet到activex再到flash，其实html+js+css成为主流并没有很长历史。js一开始是做些简单的dom操作的，比如做个文字变色之类的简单的东西，不复杂所以也就是文本文件了。
3、所有二进制的方案基本都有安全性问题，后来也渐渐不用了。脚本文件曾经还有过vbs，不过这东西也已经emmmm
4、大概google还是谁（肯定不是ms）带头用js+css做web应用，大家才发现前端还能这样啊，就开始了。
首先你看到的不是源代码，只是一种标记语言。
HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。[1]
简单的是，就是把文字标记都好看一点，把图片和文字整合在一起，就是排版。
然后加入了一些动态元素，比如git动画，视频，音频flash动画等。
css是做美化的，js是一种脚本语言。
就好比，你用记事本打开一个txt文件，就可以看到一大堆文字，这个有什么源码不源码的？
用浏览器打开html文件，本质和记事本打开txt是一样的，只是浏览器可以根据标记（标签，css）渲染的好看一些。