web前端 | 易学教程

简单理解前端web开发的MVC模式

阅读更多关于简单理解前端web开发的MVC模式

随着前端Ajax兴起、前端开发工作进一步划分：js开发和ui页面制作、另外从整个前端项目的清晰明朗以可扩展性角度来看，MVC的应用也越来越必要，特别是对大的项目。例如需要给一个页面上的button注册一个onclick事件。 1、我们可以有如下最简洁的写法：（view和model control完全混合） <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="alert(this.value);"/> </BODY> </HTML> 说明：如上写法的好处：简单、直接；严重的弊端：如果都是这样写法，页面代码很大的时候，修改js代码还需要查找整个页面，导致整个页面非常混乱。 2、将html和js代码进行适当分离：（view和model control在同一页面适当分离）修改以上的写法： <HTML> <HEAD> <TITLE> example </TITLE> </HEAD> <BODY> <input type="button" value="baidu" onclick="tipInfo(this);"/> <SCRIPT LANGUAGE="JavaScript"> <!-- function tipInfo(obj){ alert

想从新手小白蜕变成web前端大神，你不得不跨过这些坑

阅读更多关于想从新手小白蜕变成web前端大神，你不得不跨过这些坑

在大多数人眼里，互联网前端开发是一个有着高薪水、高职业荣誉感的行业。没错，随着互联网大环境的快速崛起，HTML5的发展，绝对属于既有“钱景”还有前景的的朝阳行业。高收入、前景光明，即使对前端开发的要求越来越高，也还是有许多新人愿意来一试身手，纷纷打破头往这个行业里面涌。都说一入前端深似海，从此节操是路人。想实现从小白到前端大神的华丽转身吗？接下来告诉你在学习前端的过程中不得不跨过的这些坑！（从学习的大方向开始说起）一定要学好英语，虽然英文不好也可以学会前端。但你一定会遇到比英语好的人更多的困难。因为你只能看中文的教程和书籍，学习框架和工具只能依赖中文文档，交流问题只敢去中文社区。而前端99%的工具框架都是歪果仁发明的，这就显得很尴尬了。。。很多新手学编程都喜欢看视频，每次看完都似乎仿佛好像可能理解里面讲的是什么了。回头你让他写代码，他一行都写不下去。记得要多翻阅前端有关的书籍，看书是主动学习，看视频是被动学习。通过看书你可以自主把握获取知识的速度和节奏。当然我也不是说完全摒弃看视频的学习方式，从视频中你也可以获取到文档书本中获取不到的信息。主抓基础，避免盲目，花了太多时间学习那些不是特别需要的东西上。前端领域知识点很多，值得学的东西也很多，聪明的人懂得花时间学习成体系的知识并且研究得足够深入，而不是盲目的看到别人用什么框架就去学什么。只停留在实践运用的阶段

web前端入门到实战：学习web前端流程以及职场规划

阅读更多关于 web前端入门到实战：学习web前端流程以及职场规划

解释一下web前端工作是做啥的，Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。个人背景：首先我的前端是自学的，而那个时候并没有前端的称呼，那个时候叫网页制作，所以我们当时是学Java，所谓的web前端其实就是顺带学的，并没啥难度，我学编程是用了大概一年的时间，因为当时在学校时间还是比较多的，所以我建议大家不要想着速成，学任何一门手艺都需要一个过程，这是我个人的建议，而且根据我目前对于行业的了解，速成找工作还是比较困难的，就培训来说，很多人培训出来都找不到工作，并不是培训教的不好，实在时间太短，只有四个月时间。几点建议： 1.作为一个初学者，你必须明确系统的学习方案，我建议一定有一个指导的人，全靠自己学，放弃的几率非常大，在你对于web前端还没有任何概念的时候，需要一个人领进门，之后就都靠自己专研，第一步就是确定web前端都需要哪些内容，并且在多少时间内学完，建议时间6个月保底。 2.视频为主，书为辅。很多初学者在学习前端的时候非常喜欢去买书，但是最后的结果是什么？看来看去什么都不会写，所以在这里小编给大家提醒，书可以看

Web大前端环境搭建

阅读更多关于 Web大前端环境搭建

1，Install Nodejs https://nodejs.org/en/ 2，Install SublimeText 3 www.sublimetext.com 3，Install Package Control https://packagecontrol.io 复制 python 代码粘贴到sublime的console中重启sublime 安装package Preference -> Packages Control->输入install package->搜索package名称 Emmet ：快捷键 SideBarEnhancement ：增强右边栏功能 HTML-CSS-JS Prettify ：文档格式整理，需要安装nodejs Seti-UI ：主题 Themr ：主题管理器 Preference -> Packages Control-> 删除 Packages Control 文字，输入Themr ColorPicker: command + shift + C CSSComb: control + shift + C 其它一些好用的插件，可以参考：http://www.cnblogs.com/jadeboy/p/5049340.html 4，Install Chrome 来源： https://www.cnblogs.com/jacky1982/p

web前端自学之路：我的HTML、CSS学习计划

阅读更多关于 web前端自学之路：我的HTML、CSS学习计划

前端自学大概的路线图因为刚开始学习，没有完整的前端知识体系，所以是大概的路线图，希望大家可以帮我一起修改完善。大致的思路是：1.先打好基础，在学习框架。基础方面主要涉及到的语言是Html、CSS、JavaScript，如果在这三个里面在挑基础的话应该就是Html、CSS了。所以，2.基础知识里面先学Html,CSS。 Html\CSS学习计划之前有过一个月的断断续续的学习，W3C的基础知识也看了，但是一到自己写页面还是不会。我就问自己为什么？我觉得可能的原因是，会HTML\CSS基础知识还不足以写出完整的静态页面，一定是我还缺少了某些知识和能力。我觉得一个最重要的能力是：拿到设计图，首先是分析它，而不是直接写代码。分析是一种能力，而HTML\CSS只是实现我们目标的工具，而掌握了HTML\CSS基础知识仅仅是掌握了如何使用这些工具，就像是我会搬砖，但并不知道怎么盖房子。我认为这种分析能力是需要通过做大量完整的页面来锻炼的。所以我大致的学习思路是：以最快的速度了解Html\CSS基础知识，然后至今开始做大量的完整的静态页面。下面会展开说我的学习计划以及一些资料。 1.快速掌握基本的HTML、CSS知识网上有很多免费的HTML\CSS教程，但是为了快速，我推荐[marksheet]，这个教程的好处是它先介绍了web方面的基础知识，让大家对web有个宏观上的了解

浅谈web前端性能优化

阅读更多关于浅谈web前端性能优化

前端性能优化：一、尽可能减少前端http请求。　　1、合并优化脚本文件和css文件。　　2、同种类型的背景图片尽量放在一起，用css控制显示。二、使用浏览器缓存。　　如果能强制浏览器缓存在本地，将会降低页面产生的流量。三、页面压缩。　　压缩gzip,html,js,css,图片等。四、html代码结构优化* 　　1、正确布置页面脚本。　　　　1>、尽可能使用外部脚本和配置文件。　　　　2>、js文件放到文档末尾。　　　　3>、脚本放在文档前面，文档内容可能会被阻塞。放在末尾会出现就是未加载完用户就会触发行为。　　2、减少dom结构的层级。　　3、减少cookie的大小。　　4、尽量用div取代table。　　　　table会影响页面展示速度，应为只有table完全加载才会展示在页面上。五、组件分为多个域，提高页面组件并行下载能力。六、图片，脚本，数据预加载。移动端的性能优化：属于前端性能优化范畴，但移动性能优化在PC端同样适用。　　1、使用css动画。应为css加载速度优于js。　　2、适当使用touch事件代替click事件。　　3、合理使用css3样式，减少使用css3渐变阴影等效果。　　4、用transform开启硬件加速。　　5、不滥用float,web字体。 ------------------华丽的分割线---------

准备转行web前端，该怎么从头学好？

阅读更多关于准备转行web前端，该怎么从头学好？

web前端的薪资是让大多数人所向往的，如果一个项目能胜任得很好的话那么就业便跟学历无关了，是真正看技术的一份工作。据统计：web前端开发工程师平均月薪10400。按照工作经验来统计的计算的话，应届生工资4280，1-3年工资8770，3-5年工资12910，5-10年工资19730。从这薪资可以看出，程序员的确是一个高薪行业啊。学习Web前端开发应该从基础的Html开始学起，学习Html还是比较简单的，主要是理解并记住一些常见标签的使用，在学习的初期应该多动手敲一下代码，这样会加深理解。在学习完Html语法之后，需要学习CSS，CSS的内容也并不复杂，CSS主要解决Html中样式设计的问题和复用的问题。接着应该系统的学习一下JavaScript，JavaScript语言自身还是具有一定难度的，而且JavaScript涵盖的内容比较多，需要一个较为系统的学习过程才能逐渐掌握。 HTML是构成网页的骨架，所有的信息显示都要靠HTML实现。一个网页可以没有CSS代码，没有JavaScript代码，但绝对不能没有HTML代码，HTML是web页面的核心。现在HTML发展到了HTML5，新版本增加了很多特性，使得HTML功能更加完善。 CSS在一个网页中起到的作用就像是一个化妆师，它可以让网页变的更加漂亮，更加易于浏览阅读。一个看脸的时代，CSS就是网页的化妆师

Web前端JQuery面试题（一）

阅读更多关于 Web前端JQuery面试题（一）

Web前端JQuery面试题（一）一：选择器基本选择器什么是 #id ， element ， .class ， * ， selector1, selector2, selectorN ？答：根据给定的 id 匹配一个元素，用于搜索，通过 id 的属性给定值。案例：查找 id 为 da3 的元素 html代码： <div id="da1"></div> <div id="da2"></div> <div id="da3"></div> jquery代码： $("#da3"); 结果： [ <div id="da3"></div> ] html代码： <div id="da:q"></div> jquery代码： $("#da\\:q"); 根据给定的元素名匹配所有元素案例，查找 div 元素： html代码： <div> da1 </div> <div> da2 </div> <p>da3</p> jquery代码： $("div"); 结果： [ <div> da1 </div> , <div> da2 </div> ] 根据给定的类匹配元素 html代码： <div class="dashu"> dashu </div> <div class="da"> da </div> jquery代码: $(".da"); 结果: [ <div class="da"> da

web前端笔试试题（答案）

阅读更多关于 web前端笔试试题（答案）

某厂面试归来，发现自己落伍了！>>> 一、填空题（每空1分，共70分） 1、JS中的数据类型有哪些__string,number,undefined,null,boolean,Object Array,Function,；（3分） 2、JS中强制类型转换为number类型的方法有：parseInt()、parseFloat()、number()。 3、创建一个子节点___createElement()，插入一个节点_appendChild() __，在已有元素之前插入节点__insertbefore()，删除字节点_____removeChild()。 4、获取元素的第一个子节点__firstNode___________________，获取元素的最后一个子节点__lastNode______________，上一个兄弟节点____previousSibling_________________，下一个兄弟节点__________nextSibling___________。 5、获取所有子元素节点___children_________，获取父级节点___parent_________ 6、常用运算符有那五大类_____算术运算符___、逻辑运算符______、关系运算符________、赋值运算符_、比较运算符_______。 7、下面代码执行结果依次为：undefined_

怎么成为一名WEB前端开发工程师

阅读更多关于怎么成为一名WEB前端开发工程师

　本人敲了3年的代码，途中去学校教书了教了一年的计算机基础，但是最终还是选择的程序员这条路。一年不见代码，还是对代码生疏了许多。开个微博园，分享一下一些心得与代码知识，一则为了巩固我新学的知识，一则为了方便我写笔记。主要是为了我自己，其次是分享交流。　　本主题是说怎么成为一个web前端开发工程师，怎么成为一名优秀web开发人员我也没有资格去说，等到了大神级别再讨论吧。　　对于刚开始学的人来说，web 就是 HTML+CSS+JavaScript 其实我们是可以这样理解的。web工程师负责或参与Web产品的页面开发，包含PC端、移动APP内嵌移动端、微信小程序、webapp等移动端页面的开发。　　HTML 定义网页的内容。HTML是超文本标记语言（包括文字、图形、动画、声音、表格、链接等）可以把我们想要放的内容都放在页面中展示出来。最新的版本为HTML5 　　 CSS 规定网页的布局。 HTML虽然可以展示所有的内容，但是他们的排列和布局并不是我们想要的，想要美化页面，就必须加上css。如果有了CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，拥有对网页对象和模型样式编辑的能力。css相当于我们可以对HTML的标签进行修饰美化,我们需要的是掌握HTML的标签运用、排版技巧、CSS的布局定位、款式美化、浏览器兼容性。最新的版本为css3。　

订阅 web前端