前端入门 | 易学教程

web前端入门到实战：css盒子模型+背景和列表

阅读更多关于 web前端入门到实战：css盒子模型+背景和列表

border-style的值： none 无 dotted 点状 dashed 虚线 solid 实线 double 双实线 margin：垂直方向两个相邻元素都设置了外边距，那么外边距会发生合并合并高度=两个发生合并的外边距中的较大值元素的实际高度=上边框+上内边距+内容高度+下内边距+下边框元素在页面中实际所占的高度是：上外边距+上边框+上内边距+内容高度+下内边距+下边框+下外边距 hover属性实现鼠标悬停时显示子元素：专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划） <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>display属性</title> <style type="text/css"> div { width: 200px; } /*补充样式*/ ul{ margin-left:-36px; } li{ display: none; } div:hover li{ display: inline-block; list-style: none; } </style> </head> <body> <div> <h2>家电<

web前端入门到实战：css基础-float浮动

阅读更多关于 web前端入门到实战：css基础-float浮动

float实现文字环绕图片效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float</title> <style> body{ font-family: '微软雅黑'; } .per{ width: 400px; border: 1px solid #CCC; padding: 5px; } .red{ width: 100px; height: 100px; background: red; margin: 10px; float:left; } </style> </head> <body> <div class="per"> <div class="red"></div>层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 [1] CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 </div> </body> </html> 清除浮动的方法一：在浮动元素后面使用一个空元素专门建立的学习Q-q-u

Web 前端之HTML和CSS

阅读更多关于 Web 前端之HTML和CSS

Web 前端之HTML 和CSS HTML被称为超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言,标记语言是一套标记标签,HTML使用标记标签来描述网页.HTML文档描述网页,包含HTML标签和纯文本,也被称为网页 CSS是指层叠样式表(cascading Style Sheets),样式定义如何显示HTML元素,把样式添加到HTML4.0中,是为了解决内容与表现分离的问题,外部样式表可以极大提高工作效率,外部样式表通常存储在CSS文件中. 以上为官方说法.通俗来说,HTML负责的是显示内容,CSS负责的是样式.他俩在一起就像是我买了房子以后需要装修一样. HTML 中的小细节 HTML的入门简单,基础知识浅显易懂. 首先,HTML中常用字符集有GBK,GB2312和UTF-8. <meta name=＂keywords＂>用于显示网页的关键字行级元素inline:不能设置宽和高,它的宽和高是内容撑开的.eg.<a><span> 块级元素 block:可以设置宽和高.默认情况下,它的宽和高由父元素决定.eg.<p><div><h1-h6><table><o><ul> 严格来说,image既不属于行级元素,又不属于块级元素,但通常人们都将他归类为行级元素,属于一个过渡元素.这是后话. 看过了基础的知识

毫秒必争，前端网页性能最佳实践

阅读更多关于毫秒必争，前端网页性能最佳实践

1. html特殊字符的html，js，css写法汇总： http://www.cnblogs.com/starof/p/4718550.html 2. ::before和::after伪元素的用法： http://www.cnblogs.com/keyi/p/5943133.html 3. YFCMF 轻量级企业网站管理系统： https://github.com/yangchaogit/YFCMF 4. 前端开发面试题： https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers 5. 十分钟搞定Vue.js搭建： http://blog.csdn.net/sinat_29412671/article/details/53690658 6.轻量级PHP开发框架thinkPHP：https://www.kancloud.cn/manual/thinkphp5/118003 7.Flexbox弹性盒布局模型：http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans 8.简单快速上手弹性盒模型： http://www.w3cplus.com/css3/flexbox-basics.html 9

web前端入门到实战：css选择器和css文本样式相关

阅读更多关于 web前端入门到实战：css选择器和css文本样式相关

【文章来源微信公众号：每天学编程】--- 关注，后台领取编程资源 css基础-css选择器和css文本样式相关：使用link链入外部样式，页面加载时会同时加载样式 @import url(“*.css”);使用导入式，页面加载完后，才会加载样式链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级： id选择器>class选择器>标签选择器如果设置了同样的类样式，类样式与元素里类的顺序没有关系，取决于哪个样式离需要引用样式的元素最近就用哪个，所以div里的文字颜色是“橘色“ 选择器权值：标签选择器：1 类和伪类选择器：10 id选择器：100 通配符选择器：0 行内样式：1000 !important：优先级最最高权值不同时，根据权值判断样式；权值相同时，根据就近原则判断样式常用选择器： input:focus p:first-letter p元素的首字母 p:first-line p元素的首行 serif字体和sans-serif字体的区别： sans-serif有修饰 sans-serif无修饰 font-style:normal/italic/oblique 正常斜体倾斜 font简写顺序： font-style font

2014年最新前端开发面试题

阅读更多关于 2014年最新前端开发面试题

PS：在其基础上完善了一些答案，增加一些问题欢迎fork wj：）目录前言 HTML 部分 CSS 部分 JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 github:@wintercn) 面试题目：根据你的等级和职位变化，入门级到专家级：范围↑、深度↑、方向↑。题目类型：技术视野、项目细节、理论知识题，算法题，开放性题，案例题。进行追问：可以确保问到你开始不懂或面试官开始不懂为止，这样可以大大延展题目的区分度和深度，知道你的实际能力。因为这种关联知识是长时期的学习，绝对不是临时记得住的。回答问题再棒，面试官（可能是你的直接领导面试），会考虑我要不要这个人做我的同事？所以态度很重要。（感觉更像是相亲）资深的工程师能把absolute和relative弄混，这样的人不要也罢，因为团队需要的你这个人具有可以依靠的才能（靠谱）。前端开发面试知识点大纲： HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应 JavaScript：数据类型、面向对象

web前端开发入门，学习路径以及具体的学习内容

阅读更多关于 web前端开发入门，学习路径以及具体的学习内容

前端学习路径 1.WEB前端快速入门在本阶段，我们需要掌握 HTML 与 CSS 基础，当然，也包含 H5 和 C3 的新特性。这个部分内容非常简单，而且非常容易掌握。相信你也更愿意学习这个部分，毕竟他可以让你最直观的感受到前端的魅力。为了锻炼大家写代码，可以根据你喜欢的站点去实现效果。这一阶段是非常重要的基础阶段，所谓基础就是可能这个阶段我们的学习的内容，可以让我们开发出来绚丽网站站点，但是功能丰富却暂时做不到。为了完成更绚丽的站点，我们需要掌握常见特效的实现，利用 css3 和 h5 的新特性实现动画，布局，雪碧图，滑动门，tab 切换等特效。并且掌握基础的站点优化内容。例如 sprite 等。虽然我们还不能完成更多交互内容，但是我们会学习到很多的知识模型和理论，而这些知识模型和理论是我们后期工作和学习的基石。扎实的基础有了，我们才能走的更稳更快。注：本阶段不涉及到编程，主要是熟悉 HTML5 各种标签用法、CSS3 各种属性的用法。 2.JavaScript 基础与深入解析 JavaScript 语言非常重要，可以说学习前端本质就是学习“JavaScript”编程。后面学全部都是基于JavaScript 的。JavaScript 语言可以让网页元素具备动态效果，让体验度更加流畅。这在目前流行的 B/S 架构体系下，是极端重要的事情。这也是为什么前端工程师大行其道

web前端开发学，新手学习前端应该先学vue还是react？

阅读更多关于 web前端开发学，新手学习前端应该先学vue还是react？

新手学vue还是react？下面本篇文章给大家分析一下。有一定的参考价值，正在学习或者有需要的朋友可以参考一下，希望对大家有所帮助。出身背景： react是facebook团队开发，2013.3月发布。目前版本15.5.4（初始版本是13开头），社区较成熟，拥有更大的生态圈 vue是Evan You个人开发，2014年2月发布 vue2.0版本，生态圈较小优势： react官网推荐的三个特点如下：状态机 —轻松创建交互界面基于组件 —封装组件，管理状态学习一次，到处使用 —跨平台更大的规模、更多的使用者、更好的可测试性 Web和原生APP 能提供更多支持和工具的更大的生态系统 vue 官网推荐的三个特点易用，—会html、css、js即刻开始使用灵活，渐进式技术栈性能，17kb (min+gzip)，渲染速度更快，体积更小模板或渲染的灵活选项语法以及项目设置的简单缺点： react：需要转换开发模式（函数式编程）学习新的概念和语法（jsx、es5/6等）需要其他类库支持 (redux) vue：个人维护框架，风险可能会更大社区不成熟，部分依赖开发人员更新资源较少适合场景 react：大型复杂应用程序同时适用于web端和原生APP 周期长，不断迭代的需求 vue：模板搭建开发模式周期短、小型应用程序 React和Vue都是优秀的UI库

零基础如何学好前端？有什么建议？

阅读更多关于零基础如何学好前端？有什么建议？

前端作为互联网时代直接触达用户的窗口，大到我们每天浏览到的网站，小到一次点击按钮的页面，前端无处不在。并且在产品的众多开发环节之中，最能让用户直观感受到的就是前端开发。因而前端行业的广阔发展前景也吸引了不少人的转业学习。那么，零基础如何学好前端呢？有什么建议吗？本文将为初学者详细解答一下这两个问题，下面一起来看看吧！ 1、前端行业趋势目前，前端工程师的工作领域十分广泛，可以说所有用户终端产品与视觉和交互有关的部分都在这个范围。再说具体一点，前端包括了用户PC端、移动端等网页，处理视觉和交互问题。总的来讲，前端开发存在于方方面面。比如网站设计优化、各色各样H5和app/小程序开发等等。因此，市场对专业的前端开发需求日益迅速增长。一些人担心前端行业的就业市场会饱和，这完全是杞人忧天。要知道技术无论怎么发展，整体市场是不会饱和的，饱和的也只会是低端饱和，高端始终缺人。在未来，专业的前端开发工程师才是企业真正争夺的香饽饽。而被淘汰的不是前端开发，而是淘汰技术落后和技术不精的开发者。这对许多前端学习者的启示是只有掌握更加过硬的技术，才能让自己具备更强的竞争力。 2、前端岗位的招聘要求给许多零基础想要转业到这个岗位的小白一个非常重要的建议是，在学习前端之前，首先要了解各大企业公司对前端岗位的用人标准，才能能清楚自己要努力的标椎在哪里。简单来说，Web前端所包含的知识模块很多，就目前而言

【从零入门 Web 前端】HTML5 + CSS 简明教程

阅读更多关于【从零入门 Web 前端】HTML5 + CSS 简明教程

HTML + CSS 就是当代网页的基石。全世界的网站，无论其服务器端的语言是什么，前端都使用了 HTML + CSS。随着互联网行业的快速发展，前端这一职位也越来越火热，前端工程师的高薪资，也让越来越多的人想要进入这个行业。那么，零基础小白如何才能成为一名前端工程师呢？首先大家要了解的是，Web 前端工程师都需要掌握什么？首先，一定要精通 HTML、CSS、JavaScript，只懂其中的一种或者是两种肯定是不行的，必须要三个全部掌握。 HTML ：HTML 是一种标记语言，类似于 markdown，可以理解为通过特定的语法，对文档的格式进行调整和统一。 CSS (Cascading Style Sheets): 如果说 HTML 是网页的骨架，那 CSS 就是网页的美容师，用来给 HTML 添加样式（如字体、颜色、大小等），还可以配合各种脚本语言对网站元素进行格式化。 JavaScript ：简称 JS，是前端必须掌握的编程语言，主要用于开发网页的脚本，但目前看起来要无所不能了…… HTML HTML + CSS HTML + CSS + JavaScript 需要注意的是，一定要将学习和练习同时进行，只有通过自己亲手的练习，才可以让自己理解吸收掉这些知识。因此，我给大家推荐两门前端新课——「 HTML5 简明教程」、「 CSS3 简明教程」

订阅前端入门