2024年网页制作web开放 篇1
开门见山吧。1、软件选择
常用的有dreamweaver, expression blender等，建议先学习dreamweaver，dreamweaver自带的代码提示功能与可视视图。对于小白来说，是个容易上手的工具。2、书本与网络教程
书本先熟悉html标签与css语言的用法，书本上的实例，跟着做。有时间经常做练习。对于一些理解困难的问题多做笔记，去网上查，一些博客分享的案例都写的很详细。网上有一部分免费的课程，如腾讯课堂、YY教育学习平台等。还有一些问答平台。如在头条的悟空问答里提问，里面有不少高手。3、案例分析
在网上多看看如头条、阿里、腾讯网站的布局。网页布局是一个个DIV盒子组成，分析DIV的层级结构，学习制作页面的规范，如DIV的命名、注释等。规范对网站的维护与团队协作起到了很重要的作用，提高了效率。还有一点，你跳槽了，工作交接到另一位小伙伴手上，不至于另一个人接手看不懂。4、借助工具
借助浏览器自带的检查工具。一些浏览器都自带检查工具。如谷哥浏览器的“检查元素”、IE的“检查元素”、火狐的“查看元素”等。如谷哥右健的“检查元素”，可以清晰的 看到代码层级、标签元素、对应的CSS样式，可以让你马上检查出问题的所在。5、向高人请教
项目比较急的情况下，自己研究费时间、到网上找答案不全面。这个时候就要找你的同事、朋友请教了，注意对别人客气一点，有求于别人嘛。把问题用笔记本一次性全部记录下 来，再向别人请教。解决问题的方法与结论做详细的笔记，免得一个问题反复的问别人，大家都很忙的。6、总结经验
在做项目的时候，定期总结，碰到的一些难题，刻意的多做几次，有利于加深理解。下次做同样的项目，问解就很快的解决了。这样提升了效率，不至于每一次都去百度上找答案。7、加强JS的学习
建议先学习原生的Javascript后面对熟悉各种框架非常有用。如Jquery ,Vue, Angular等。
最后保持持续学习的心态。欢迎大家补充！
2024年网页制作web开放 篇2
Web前端开发是从网页制作演变而来的
Web前端开发的作业职责 1、使用Div+css并结合Javascript担任产品的前端开发和页面制作；[1]
2、熟悉W3C标准和各主流浏览器在前端开发中的差异，能熟练运用DIV+CSS，提供针对不同浏览器的前端页面解决方案；
3、担任相关产品的需求以及前端程序的完成，提供合理的前端架构；
4、与产品、后台开发人员坚持良好沟通，能快速理解、消化各方需求，并落实为具体的开发作业；
5、了解服务器端的相关作业，在交互体会、产品设计等方面有自己的见解。
Web前端优化
尽量削减HTTP恳求 (Make Fewer HTTP Requests)
削减 DNS 查找 (Reduce DNS Lookups)
避免重定向 (Avoid Redirects)
使得 Ajax 可缓存 (Make Ajax Cacheable)
推迟载入组件 (Post-load Components)
预载入组件 (Preload Components)
削减 DOM 元素数量 (Reduce the Number of DOM Elements)
切分组件到多个域 (Split Components Across Domains)
最小化 iframe 的数量 (Minimize the Number of iframes)
杜绝 http 404 错误 (No 404s)
前端开发和web前端开发无差异，叫法不一样
正在学习web前端或者准备学前端的，欢迎关注我的微信公众号：免费教编程
2024年网页制作web开放 篇3
谢谢邀请！
作为一个web开发者，无论是做前端还是后端，都应该时刻保持着对技术的敏感性。技术的流行需要一定时间的沉淀，有哪些web开发趋势会可能会在2019年成为web开发的新宠呢？
趋势一：更加移动优先
响应式设计显然是目前Web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段时间。虽然现在的响应式设计大部分还是以PC版优先，然而如果有一天我们把PC版放到比移动版次要的位置上，也没有什么好奇怪的。因为，目前许多Web前端开发者已经开始转向以移动优先方案来做他们的响应式设计和开发，这就象征着一个重大转变，值得我们跟进的。
趋势二：更多使用快速原型开发工具
众多Web前端开发者从前几年开始尝试使用快速原型开发工具，而在2019年将是这种技术真正爆发的一年。“UXpin、Webflow、Invision以及其它许多快速原型开发工具，让设计师不用写一行代码，就能为网站和服务快速创建低保真和高保真原型，便于设计师衡量它们的可用性和美观性。” Web设计师Jamie Leeson says如是说，“许多工具也允许你在浏览器中设计原型并从工具里真正启动网站自身。”
趋势三：简化的Web设计
在2018年，我们看到简化的Web设计得到广泛认可。事实上极简设计成为大部分行业的主要趋势。在 2019年，极简设计会继续流行，即使有变化也是一些微小的改变。
趋势四：更加重视人工智能
你已经听说了人工智能AI，但是你对Web前端开发设计中的人工智能熟悉吗?Web与AI碰撞，带来更强大的网页，为网站主和用户同时带来价值。提供网络主机服务的Wix，是这一领域的领头羊。他们现在提供了一个过程来询问用户一些问题，然后使用一个基于AI的平台，根据用户的回答提供给用户最符合他们需求的Web设计。这非常酷，值得一看。
趋势五：更多单页站点
由于用户更喜欢用滚屏方式浏览网页，各公司将会引起重视并停止浪费时间在设计和开发用户不喜欢的层层相套的子页面上。这一趋势将简化互联网并带来更迷人和身临其境的网页浏览体验，每个人都会感觉到愉悦。2019年，你可以期待看到更多的单页站点。
趋势六：虚拟现实
如果要讨论2018年的技术趋势怎能不提到虚拟现实技术VR呢，2019年将是VR成为主流的一年，这也就意味着web开发者将通过VR来吸引用户，我们已经看到一些公司比如Mozilla和Google投资开发VR与Web之间的API。越来越多的VR应用程序将相继问世，所以如果看到越来越多的虚拟现实元素出现在Web上，也别觉得奇怪。
以上就是我简单总结的几个web开发的趋势，希望能帮到大家吧。
2024年网页制作web开放 篇4
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互 [1] 。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。 移动互联网带来了大量高性能的移动终端设备以及快速的无线网络，HTML5，
node.jS的广泛应用，各类框架类库层出不穷。 核心技术编辑HTML语言掌握HTML是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好HTML是成为Web开发人员的基本条件。HTML是一种标记语言，能够实现Web页面并在浏览器中显示。HTML5作为HTML的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。随着CSS、JavaScript、Flash等技术的发展，Web对于应用的处理能力逐渐增强，用户浏览网页的体验已经有了较大的改善。不过HTML5中的几项新技术实现了质的突破，使得Web技术首次被认为能够接近于本地原生应用技术，开发Web应用真正成为开发者的一个选择。HTML5可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为HTML5技术的主要优点之一。AppMobi、摩托罗拉、Sencha、Appcelerator等公司均已推出了较为成熟的开发工具，支持HTML5应用的发展。 [3] CSS学好CSS是网页外观的重要一点，CSS可以帮助把网页外观做得更加美观。JavaScript学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高开发人员的个人技能。操作系统了解Unix和Linux的基本知识，对于开发人员有益无害。网络服务器了解Web服务器，包括对Apache的基本配置，htaccess配置技巧的掌握等。 优化编辑尽量减少HTTP请求 (Make Fewer HTTP Requests)减少DNS 查找 (Reduce DNS Lookups)避免重定向 (Avoid Redirects)使得 Ajax 可缓存 (Make Ajax Cacheable)延迟载入组件 (Post-load Components)预载入组件 (Preload Components)减少DOM元素数量 (Reduce the Number of DOM Elements)切分组件到多个域 (Split Components Across Domains)最小化iframe的数量 (Minimize the Number of iframes)杜绝 http404错误 (No 404s)以上10条涵盖了Web前端开发中遇到的各种页面处理技术，让前端开发人员能够准确和快速地把握整个网页的架构，从而达到减少开发成本和页面美化目的。前端框架编辑学好Web框架熟悉掌握HTML、服务器端脚本语言、CSS和JavaScript之后，学习Web框架可以加快Web开发速度，节约时间。PHP程序员可选的框架包括CakePHP、CodeIgniter、Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员常用RoR。随着Web 越来越规范和标准的统一，Web组件化技术不断革新，移动端开发不断升华，以下是一些常见开源前端框架：Bootstrap主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。html5-boilerplate该框架可以快速构建健壮，且适应力强的web app或网站。MeteorMeteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。Semantic UI基于自然语言有效原则的UI组件框架Foundation优秀的响应式前端框架Materialize基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。Pure几乎可以在每一个web项目中使用的一组小的和响应式的CSS模块。VueVue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。SkeletonSkeleton 是一个小的 JS 和 CSS 文件的集合,可快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。Amaze UI国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。该产品系列中有专门针对移动端的HTML5混合应用开发框架Amaze UI Touch以及针对跨屏HTML5网页开发的Amaze UI Web。其中，Amaze UI Touch可以帮助开发者通过丰富的组件，快速构建出与原生APP相媲美的专属移动端的HTML5应用。UIkit一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。YuiYahoo! UI Library (YUI) 是一个开放源代码的 JavaScript 函数库，为了能建立一个高互动的网页，它采用了AJAX, DHTML 和 DOM 等程式码技术。它也包含了许多 CSS 资源。使用授权为 BSD许可证。kissy一款跨终端、模块化、高性能、使用简单的 JavaScript 框架。MUI最接近原生App体验的前端框架的框架。Arale一个开放、简单、易用的前端基础类库。JXJX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。GMUGMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。ZUI开源HTML5前端框架Clouda Touch.jsTouch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。 [4]
至于学习难度，不是很难，只要学肯定是能学会的！！现在网络很发达，网上有许多学习前端的网站像w3c ... 加油！！！
2024年网页制作web开放 篇5
web framework层出不穷，特别是ruby/python,各有10+个,php/java也是一大堆 根据我自己的经验写了一个to do list,按照这个清单，一条一条的学习，事半功倍，很快就能掌握 一共25条，即便很磨蹭，2小时也能搞定一条，25*2=50。只需要50小时就能掌握任意一种web框架各类web框架大同小异:现代web开发框架的6大元素，把握主线，就不会迷路
建议把本文打印到一张A4纸，搞定一条打个勾
web框架学习列表 如何定义 url router如何组织 request handler 函数写一个最简单的request handler 函数如何从get/post请求中取出参数如何定义全局url 拦截函数如何获取/修改/存储 cookie,session数据如何修改/输出 http header 数据如何部部署app 程序服务器部署可以参考读python web 程序的9种部署方式如何配置开发环境如何配置静态文件访问如何访问数据库是否支持ORM支持orm如何维护表结构的变更如何定义/组织/初始化 数据表如何对接orm系统和现有的表结构掌握最基本的add/delete/按字段查询/count/slice/order by如何直接使用sql 访问数据库不支持orm (这样的web框架，不用也罢)如何使用模板系统如何组织/访问 模板文件的目录结构如何在模板中嵌入代码模板是否支持继承结构模板之间如何include如何自定义模板函数如何通过http get/post 获取远程数据如何parse json如何parse xml如何输出为 json如何处理状态码:404和50x如何处理文件上传可选的学习项目 发送emaillog图片处理误区 表单验证辅助函数，很多框架的表单验证部分实现的特别复杂，初学者完全不需要，手写代码处理就够用ORM中的hasone,manytomany,onetomany关系,概念很复杂，其实只是多写/少写一个查询字段的关系，学习成本太高，初学者完全不需要理会，直接跳过。
如何快速学习一个WEB开发框架http://www.pcpob.com/article/view/1939-how-to-study-a-web-framework
如果已经学会了一个PHP框架，再去学习其他php框架，那么会很容易上手。但是如果还没有php框架基础，想去学习php框架，往往是一头雾水，不知道从哪里下手，从我学习php框架的经验，给大家分享一下，如何快速的去学习并掌握一个框架。一，选择一个合适的php框架 在国内，使用zf,ci和tp框架的人比较多，新手可以从中选一个去学习,新手不建议一开始就去学习zf，功力还不够深，学习zf会让你更迷茫。如果php基础实在太差，学习ci和tp都觉得有点难度，那么建议去学习一下我做的框架--canphp框架（简称cp，qq群：74781204），cp=ci+tp的结晶，更为简单，更容易理解。二，选定一个php框架之后，如何去学习第一步，把下载回来的框架压缩包解压，然后把每个目录和文件名，大致的浏览一遍。这样可以大概看出，这个php框架中大致布局和具有哪些功能。第二步，学习输出hello world，hello world很简单，但是对于学习一门新的语言或框架，很重要。第三步，学习理解单一入口和网址解析（即网址路由），单一入口，对于新手来说，可能有点不太好理解。第四步，学习php框架的内置的模板操作，主要学习程序是怎么赋值给模板，怎么加载模板和常用的模板标签第五步，学习数据库的添加，修改，删除，查询，学会简单的数据库操作。第六步，学习php框架常用的函数和类库，php框架中一般会带一些常用的函数和类，可以稍微看一下，此时还没有必要深入研究，等用到的时候再详细的去看手册和样例。第七步，下载基于此框架开源的项目系统下来学习，了解了php框架的执行流程，模板操作，和数据库操作，下载一个开源的系统，下来去学习，学习别人的代码，学得更快。第八步，做项目学习，要熟练掌握一个的框架，需要大量的实践，通过做项目，去深入学习。第九步，阅读框架代码，了解其实现原理
第十步，到这一步，你已经学会了这个php框架。
在StackExchange上有人问了这样一个问题：What should every programmer know about web development?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。
好了，下面是正文（我对原文做了一些批注，也许不对或有误导，请大家指正）
下面的这些东西可能对于大多数人并不陌生，但是可能会有些东西你以前并没有看过，或是没有完全搞懂，甚至都没有听说过。（陈皓注：我相信当你看完这个列表后，你会觉得对于我国的Web开发有点弱了，还是那句话，表面上的东西永远是肤浅的）
接口和用户体验小心浏览器的实现标准上的不一致，确信让你的网站能够适当地跨浏览器。至少，你的网站需要测试一下下面的浏览器：最新的 Gecko 引擎 (Firefox)，一个 Webkit 引擎 (Safari,Chrome, 或是其它的移动设备上的浏览器)IE 浏览器 (测试IE的兼容性你可以使用微软IE的Application Compatibility VPC Images)Opera 浏览器。
最后，你可以使用一下这个工具 来看看你的网页在不同的浏览器下是怎么被显示出来的（陈皓注：这个工具就是以前本站介绍过的在不同浏览器和平台上检查你的网站的兼容性）多考虑一下人们是怎么来访问你的网站而不是那些主流的浏览器：手机，读屏软件和搜索引擎，例如：一些Accessibility的东西： WAI 和 Section508, 移动设备开发：MobiForge.部署Staging：怎么部署网站的更新而不会影响用户的访问。 Ed Lucas的答案 可以让你了解一些（陈皓注：Ed说了一些如版本控制，自动化build，备份，回滚等机制）。千万不要直接给用户显示不友好的错误信息。千万不要把用户的邮件地址以明文显示出来，这样会被爬虫爬走并被让用户的邮箱被垃圾邮件搞死。为用户的链接加上 rel="nofollow" 的属性以 避免垃圾网站的干扰。（陈皓注：nofollow是HTML的一个属性，用于通知搜索引擎“这个链接所指向的网页非我所能控制，对其内容不予置评”，或者简单地说，该链接不是对目标网站或网页的“投票”，这样搜索引擎不会再访问这个链接。这个是用来减少一些特定垃圾页面对原网站的影响，从而可以改善搜索结果的质量，并且防止垃圾链接的蔓延。）为网站建立一些的限制 - 这个属于安全性的范畴。（陈皓注：比如你在Google注册邮箱时，你一口气注册超过两个以上的邮箱，gmail要求给你发短信或是给你打电话认证，比如Discuz论坛的会限制你发贴或是搜索的间隔时间等等，更多的网站会用CAPTCHA来确认是人为的操作。 这些限制都是为了防止垃圾和恶意攻击）学习如何做 Progressive Enhancement. （陈皓注：Progressive Enhancement是一个Web Design的理念，如：1）基础的内容和功能应该可以被所有的浏览器存取，2）页面布局的应该使用外部的CSS链接，3）Javascript也应该是外部链接还应该是unobtrusive 的，4）应该让用户可以设置他们的偏好）如果POST成功，要在POST方法后重定向网址，这样可以阻止用户通过刷新页面重复提交。严重关注Accessibility。因为这是法律上的需求（陈皓注：Section 508是美国的508法案，其是美国劳工复健法的改进，它是一部联邦法律，这个法律要求所有技术要考虑到残障人士的应用，如果某个大众信息传播网站，如果某些用户群体（如残疾人）浏览该网站获取信息时，如果他们无法正常获得所期望的信息（如无法正常浏览），那可以依据相关法规，可以对该网站依法起诉）。WAI-ARIA 为这方面的事提供很不错的资源.
安全在网上有很多关于安全的文章，但是 OWASP 开发指导 涵盖了几乎所有关于Web站点安全的东西。（陈皓注：OWASP(开放Web应用安全项目- Open Web Application Security Project)是一个开放的非营利性组织，目前全球有130个分会近万名会员，其主要目标是研议协助解决Web软体安全之标准、工具与技术文件，长期 致力于协助政府或企业了解并改善网页应用程式与网页服务的安全性。OWASP被视为Web应用安全领域的权威参考。2009年下列发布的美国国家和国际立法、标准、准则、委员会和行业实务守则参考引用了OWASP。美国联邦贸易委员会(FTC)强烈建议所有企业需遵循OWASP十大WEB弱点防护守则）
2024年网页制作web开放 篇6
对于很多刚接触IT的小伙伴们来说，web前端是什么还不太了解，也不知道前端需要学习哪些技术。这篇关于Web前端的介绍能帮助小伙伴们细致了解一下~
在了解web前端之前，我们先了解一下什么是“ WEB ”。
WEB（World WideWeb） 即全球广域网，也称万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
通俗点说，WEB就是互联网。
1、Web前端是什么？
Web前端即给用户展示的网页页面，也就相当于网络的前台部分，包含了设计、特效、用户交互等。
Web前端开发就是创建Web页面、或者APP等前端界面呈现给用户的过程，通过HTML、CSS及JavaS等衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。
2、什么是HTML、CSS、JavaScript？
HTML就是超文本标记语言，是一种标识性的语言。HTML5是Web中的核心语言HTML的规范。
CSS就是层叠样式表，它主要是对HTML标记的内容进行更加丰富的装饰，并将网页表现样式与网页结构分离的一种样式设计语言。简单点来说，CSS就是给网页 “化妆”的一种技术。
JavaScript是一种属于网络的脚本语言，已经广泛用于Web开发，用来给网页添加各式各样的动态功能，给用户提供更流畅美观的浏览效果。
Web前端开发在各类编程语言中，相对入门简单、容易上手、对初学者和转行人员来说是不错的选择。
那么，Web学习完之后可以做什么呢？
1、网站制作
这个是学习Web技术从事最多的领域，网站制作就是网站通过页面结构定位、合理布局、图片文字处理、程序设计、数据库设计等一些工作的总和。
2、小程序开发
随着微信用户的日益增加、其中各式的小程序也深受用户的喜爱，对于Web前端开发人员来说也是一个不错的选择。
3、APP开发
APP开发通常指手机上的应用软件或手机客户端。近年来发展趋势不断的上升，未来前景广阔，也是Web前端开发人员不错的就业方向。
随着互联网发展越来越多元，Web前端人员的就业路径也越来越多。未来，Web前端人员的需求量也是越来越大。
2024年网页制作web开放 篇7
作为文科专业毕业，没有接受过任何专业培训，完全靠自学和看书看视频做了五年前端，在外包公司，创业公司，BAT级公司再到新型互联网公司都呆过，我可以谈谈自己的看法: 关于技术栈学习，我觉得楼上楼下都会做各种讨论，在此我就不详述了，感兴趣的话可以看看网上推荐的前端学习大纲https://github.com/ouvens/frontend-system-map，基本能覆盖绝大部分新手需要学习和掌握的内容，后面我更想聊聊自己对技术学习上的经验归结。 1、首先是要有认同感，关于这点非常非常非常重要，想必大部分人学前端的初衷是觉得前端相对于简单，上手快也不需要学习算法，编译原理，数据库，操作系统，网络原理都诸多基础知识，所见即所得马上就能开始干活，而且外观呈现和交互效果这类东西比较容易激发人的学习兴趣，另一种情况是做后端，做客户端，做产品的同学觉得自己的发展遇到了瓶颈，转做前端无论是从上手程度还是快速出活等都相对容易，加上这几年h5应用，webapp，微应用，小程序，混合app开发等各种新概念层出不穷，市场认可度也比较高，行业需求的水转船高也让前端的职位的一直供不应求，但是请不要因为以上的外在因素降低了自身的学习标准，前端开发做到后面仍然是软件开发的一个工种，软件技术的一些普世性标准放到这块也同样适用，比如基础算法，编程语言，设计模式，工程管理，网络知识等都是通用的，甚至这些基础底蕴掌握的好坏会直接决定你后续的发展空间，所以请放弃前端=页面仔这种幼稚的想法，努力提升自己的内功修炼。 2、前端是门一直在变化的工种，相对于服务端和客户端的开发，无论是技术沉淀还是框架的选用等业内都会有一套大致认同的标准，更多时候我们是根据自身的产品类型和业务发展来做技术选型，但是前端则不然，这是为数不多走的官方标准落实缓慢，民间标准层出不求，然后民间标准流行后再反推官方标准更新的技术路线，这就直接导致了好不容易学了点新技术标准却苦于无合适的环境可以使用，好不容易掌握了一个流行框架和工具然后隔年再看发现业内都不用了，不同的浏览器和软件大厂纷纷推自己的特殊标准来占据市场导致同一套标准下的代码在不同的环境中还会有各种兼容性问题等各种囧境，这就要求作为前端开发者天生就需要具备各种积极主动和开放包容的学习精神，多与业内的同行交流，多去关注下github上的一些火热的项目，多去尝试些新技术理念和调试一切的耐心。比如前几年会写jquery，了解CSS就能开始干活，加配个grunt和less已经算是高配，但是现在我们再看看，你要不整点node的基础环境，不弄个npm和yarn来管理你的资源依赖，不整点单页路由，不上点babel和typescript来预编译下高级语法特性，不用点数据驱动和MVVM之类的框架，不来点redux，rx-js之类的编程模型，不整点webapck之类的依赖管理与打包工具，不上点mocha，jasmine之类的测试驱动开发框架等，你都不好意思说自己在做前端开发，诚然很多人都会说我只是想写个页面为何要弄的这么复杂，但是大家为何不反思下我们的页面开发的工作模式和技术选型上是不是真的一直以来被我们低估了才会有如此大的偏见，况且现在前端开发的工作量已经不同往日，服务的接口日趋API化，各种处理业务和控制层等操作也在逐步往前端迁移，这也对我们的工程化规模控制提供了更加严格的要求，而非之前的拼成各种脚本片段； 3、前端是门不断借鉴的工作，这里说的借鉴其实并不等于抄袭，而是指不断在站在巨人的肩膀上创新的过程，如果来看今天js的发展。当年js的作者都不会想到自己当初只是设计用来验证页面表单的语言能发展到如今这个程度，但是随着技术领域的不断发展，业内大家都比较公认的一些好的设计模式，架构理念其实也是不断地被一些新型的js库的作者所借鉴，比如当下最火的angularjs2，react，vue等，其中的很多数据更新策略，分层设计以及组件分层的思想其实在很多其他语言框架的设计中早已体现，只是把这些概念带到了js中再根据语言特点重新做了优化实现，好的技术理念与算法其实是和语言无关的，所以多了解些通用的技术准则和最佳实践才能不断创新，不然的话永远只是做API的调用党和框架的追随者，自身的发展就容易陷入迷茫期。 4、需要有判断力，前端发展到现在可谓层出不穷，百花齐放，但是如何选择做适合自己项目的技术选型，这其实也是非常考验每个从业人员的能力，一方面团队和个人需要成长，肯定会愿意在项目中去尝试些新的技术框架和理念，另一方面工作需要快速出活以及旧的业务需要平稳过渡，考虑到前后的衔接也不可能完全弃旧的技术体系不顾，同时还需要考虑技术的稳定性以及后续的升级维护成本，第三方资源，社区活跃度以及生态发展环境等等，作为前端从业者是需要你对自己选择的结果负责的，所以我们的指导原则应该是多考虑下自己以及团队的能力，hold不hold住，如果出现了最坏的情况该如何处理，如果出现了源码级的bug改怎么调试。遇到了文档匮乏和团队成员水平不一致该如何配合等等，这些都应该作为你的技术选型的参考，而非单纯的求新求酷，我们不排斥新技术，也不轻易否认各种框架的优缺点，但是前提是请先多了解多思考，做最佳的选择。 5、万变不离其宗，技术和基础的沉淀才最重要，诚然各种理念和框架在不断涌现，但是语言最本质的一些东西是不会变的，ecmascript的语言基础特性，html的语义标准，css的各种特性，http协议，设计模式以及常用的页面优化性能实现等等，这些最接近技术本质的东西是任何框架都取代不了的，所以时不时地回过头来多多看看这些东西，可以的话，自己也多写点博客文章或者造个轮子，对于自身的提升也极其有用的。 最后我想说的是如果条件允许的话，建议初学者还是多去大公司锻炼锻炼或者多研究一些业内主流公司的标准，毕竟先以高标准来要求自己，即使客观环境再怎么恶劣也不至于完全走偏，但是相反一开始就都是些野路子，完全按着自己的主观臆想和快速出活的想法去积累经验，那样往往容易陷入被动，后面再纠正回来无论是成本还是时间损耗都是巨大的。