test随着自己对于web前端知识了解的越多，越来越发现自己真的好菜一脸茫然阶段 两年前大学接触网页设计，那时对于网页设计一窍不通，只是看了一本自己大学编的一本入门教材，我甚至不知道那些网页设计的代码是干什么用的，大学的老师自己讲的很投入，然而我并不懂。最后考试他就划了重点。我们只要记一些简单的html代码，那时的我还不知道什么是盒子模型，不知道什么是css，怎么外部引用css和javascript,只是对一些标签眼熟 初识网...
即将从事Web前端的工作的 先对即将从事的行业有个了解。Web前端发展史：第一个网页诞生于90年代初，早期的网页除了一些小图片和毫无布局可言的标题段落，其全由文字构成。然而随着时代的进步，互联网的不断发展，接下来出现了表格布局，此次是flash,最后是基于CSS的网页设计。不可否认，前端页面重构技术也经历着这样的一个过程：首先是Table布局-->Html-->Div+css-->Html5+Css3,面对众多的浏览器与平台，Web前端不再是以往那样简单...
前一段时间因工作时间减缓了更新笔记的时间。我也不知道有没有会观看并且能不能帮到一些初学者，这只是我的一些小随笔而已。当然我也希望的的每一篇随笔都可以帮到更多的想要学习前端开发的初学者们，更希望你们也可以从中体会到、领悟到一些新的知识作为积累并加以巩固。像我一样写下自己每时每刻的成长记录。 文本属性 文本缩进 将Web页面上的一个段落第一行缩进，这是一种最常用的文本格式化效果。有的网站在段落的第一个字母...
浏览器参照基准：Firefox, Chrome, Safari, Opera, IE； * IE6不支持CSS min-height属性。最小高度的定义：1. 元素拥有默认高度；2. 当内容超出元素的默认高度时，元素的高度随内容增加而增加Figure 1:如下图的需求 * 如上图，两个区域的高度不一样。这就是 min-height 的效果演示。元素拥有一个默认的高度，当内容超出该默认高度时，元素的高度同时随内容而增加。eg1: .test{float:left;width:200px;margin:0 5px;padding:1...
一小时学会写页面 作为一个懒癌晚期患者，总是习惯找各种简单的解决问题的方法，也习惯性把问题简单化，所以今天想分享给大家简单的web前端入门方法。既然题目已经定了一个小时那么废话就不多说了，计时开始 1.什么是前端 简单来说，前端就是做网页（大神勿喷，本文一切从简） 2.前端技术 html，是首字母缩写，具体意义请百度，大家要记住“t”代表text，ok你们没有想错，text就是文本文件text，好了准备工作做好了，现在开始做网页...
今天对自己做的项目中的一个设计器界面加载速度上进行了优化，因为页面在加载的时候，感觉有点慢。首先，我用firefox的yslow和chrome的pagespeed进行了测试，效果如下，分数有点不同，但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。 yslow优化前：yslow优化后：pagespeed优化前：pagespeed优化后：优化策略：1.tomcat配置启用gzip压缩 2.tomcat配置静态文件的过期时间3.css放页面上方4.javascript放页面下方...
第一次在博客园写博客，以前都是看别人写的技术在自己慢慢的学习。现在想自己把每天学习的东西理解并记录下来，加深下印象以后可以做个回顾。不知道自己能否坚持每周至少写2篇博文。古话说的好：工欲善其事,必先利其器。所以我们要找到一个神器来帮助我们更好的学习前端开发，要么记事本怎么样？不错是不错估计要写到猴年马月了。百度一搜，web前端开发利器有很多，比如：EditPlus，Dreamweaver，HBuilder，Webstorm，Aptana Studi...
html判断IE版本 1. if !IE]> 除IE外都可识别 2. if IE]> 所有的IE可识别 3. if IE 5.0]> 只有IE5.0可以识别 4. if IE 5]> 仅IE5.0与IE5.5可以识别 5. if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 6. if IE 6]> 仅IE6可识别 7. if lt IE 6]> IE6以及IE6以下版本可识别 8. if gte IE 6]> IE6以及IE6以上版本可识别 9. if IE 7]> 仅IE7可识别 10. if lt IE 7]> IE7以及IE7以下版本可识别 11. if gte IE 7]> IE7以及IE...
当前部分是基于HTML与CSS总结，后续有JavaScript更新~HTML概述(阶段1 入门概述) 一、HTML 超文本标记语言 第一个HTML页面 一、HTML基本结构 HTML模板简要说明声明HTML基本结构二、HTML元素元素闭合元素‘’空元素‘’标签 HTML元素属性属性名 属性值三、HTML头部元素‘元素：定义HTML页面标题 ’元素：定义HTML页面中所以相对URL的根URL。 ‘元素：定义HTML页面引入的外部资源‘’ ‘’元素：定义HTML页面的css样式 ’元素：定义HT...
【原】2017年-Web前端 面试题（HTML → Nodejs） 出自作者小矮人Web前端，博文地址：http://www.cnblogs.com/itlkNote/ 文中有少许重复问题！ 第一阶段 HTML、CSS、HTML5、CSS3 1、XHTML与HTML的有何异同？ 2、介绍一下CSS的盒子模型？弹性盒子模型是什么？ 3、Doctype的作用？标准模式与兼容模式各有什么区别? 4、HTML5 为什么只需要写 <!DOCTYPE HTML>？ 5、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？ 6、页面导...
好程序员web前端教程分享HTML/CSS部分常见面试题。准备参加web前端面试的小伙伴们一起看一看吧，希望对大家有所帮助！ 1、什么是盒子模型? 在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容(content)，元素的内边距(padding)，元素的边框(border)，元素的外边距(margin)四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒...
好程序员web前端分享HTML5常见面试题集锦四 1、为什么要初始化CSS样式？ 答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。 当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。 2、浮动元素引起的问题？ 答案：a. 父元素的高度无法被撑开，影响与父元素同级的元素 b. 与浮动元素同级的非浮动元素会跟随其后 c. 若...
好程序员web前端分享HTML5常见面试题集锦四1、为什么要初始化CSS样式？答案：因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。2、浮动元素引起的问题？答案：a. 父元素的高度无法被撑开，影响与父元素同级的元素b. 与浮动元素同级的非浮动元素会跟随其后c. 若非第一...
好程序员web前端分享HTML5常见面试题集锦第二篇，希望对大家有所帮助。 1. <div class="parent"><div class="child"></div></div>,父元素和子元素宽高不固定，如何实现水平垂直居中。方法1：<style type="text/css">html,body{height: 100%;}body{ margin: 0;display: flex; justify-content: center; align-items: center; }.parent{ display: flex; justify-content: center; align-items: center;}</style>方法2：html,body{hei...
好程序员web前端学习路线分享HTML5常见面试题集锦，接下来将会持续为大家分享几篇HTML5常见面试题。1.布局 左边20% 中间自适应 右边200px 不能用定位答案：圣杯布局/双飞翼布局或者flex 2.什么叫优雅降级和渐进增强？渐进增强 progressive enhancement：针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。优雅降级 graceful degradation：一开始就构建完整...