摘要：
其实与web相关的书籍还是很多的，因为web的领域就是比较广的，因为有过web开发经验的都知道，web，就开发语言就有php，jsp，asp，.net等多种语言，那么这些语言对应的后台开发就有对应的书籍，所以今天小编就主要推荐与web基础相关的书籍。因为相比之下web前端还是比较轻松入门的。 htm 阅读全文
摘要：
1.Animista 网站地址:http://animista.net/网站描述:在线生成 css 动画 Animista是一个在线动画生成器，同时也是一个动画库，它为我们提供了以下功能 1. 选择不同的动画 我们可以选择想要的动画类型（例如entrance/exist），除了可以选择某个动画（例如 阅读全文
摘要：
自我进入这个行业，我就发现开发人员一直在努力征服css。 理由也很充分，开发人员是用逻辑思考的生物。添加一个div元素导致所有代码都不得不往下移一行，而另一个div“浮”到左侧，感觉没有任何意义。 你也一定听到过开发人员的抱怨： “我们只需要向左边移动五个像素，但是…天哪！为什么整个都向下移动了一行 阅读全文
摘要：
1. 如果希望元素不可见，同时不占据空间，辅助设备无法访问，同时不渲染，可以使用 <script> 标签隐藏 <script type="text/html"> <img src="1.jpg"> </script> 此时，图片 1.jpg 是不会有请求的。<script> 标签是不支持嵌套的 如果 阅读全文
摘要：
前言： 前端时间也是应项目的需求开始了h5移动端的折腾之旅，在目前中台的基础上扩展了两个ToC移动端项目，下面就是在h5移动端表单页面键盘弹出收起兼容性的一些总结。 问题 在 h5 项目中，我们会经常遇到一些表单页面，在输入框获取焦点时，会自动触发键盘弹起，而键盘弹出在 IOS 与 Android 阅读全文
摘要：
关键字 meta（标签）及 Keywords（关键词），曾经在网页中很重要的，但现在已经被很多搜索引擎完全忽略。但是，如果加上这个标签也对网页的综合表现没有坏处，不过，如果使用不恰当的话，对网页非但没有好处，还有欺诈的嫌疑。 <meta name="keywords" content="若梦,ech 阅读全文
摘要：
问题1： 通过document.addEventListener("scroll",function(){})对页面滚动监听事件进行监听，但ios下$(document).scrollTop()值始终为0，对页面监听无效。 原因： 因为iOS下iframe的高度会根据页面的内容自适应，造成了ifra 阅读全文
摘要：
当前我们使用scss变量有两个痛点： 需要手动导入 无法与js建立联系或者很难，后续不能在此基础上做一些骚操作 为了解决这两个问题，我们以创建js文件以json格式定义scss变量，然后通过配置webpack的解析规则来达到即能像普通scss一样使用，又能作为js变量使用的目的。 豌豆资源搜索网站h 阅读全文
摘要：
盒模型规定了元素框处理元素内容width与height值、内边距padding、边框border 和 外边距margin 的数值大小。边框内的空白是内边距padding，边框外的空白是外边距margin，如下所示，这个盒模型元素框的宽度值=内容区域的宽度+2（内边距+外边距+边框），也就是该示例中的 阅读全文
摘要：
文本阴影介绍 在css中使用text-shadow属性设置文本阴影，该属性一共有4个属性值如：水平阴影、垂直阴影、（清晰度或模糊距离）、阴影颜色。 text-shadow属性值说明，在文本阴影实践中：第一个值是设置阴影水平方向移动，第二个值是设置阴影垂直方向移动，第三个值是设置阴影模糊距离，第四个值 阅读全文
摘要：
引言 为了更好的支持移动端和 PC 端的缩放，WebKit 增加了subpixel layout（次像素/亚像素布局）为此他们还改变了 rendering tree。一个次像素单元在 WebKit 内被称为 LayoutUnit 用于取代之前使用整数来布局一个元素在页面中位置和大小。从 2013 年 阅读全文
摘要：
懒加载(lazyload)也叫延迟加载, 惰性加载. 实质是当网页页面滚动到相应的地方，对应位置的内容才进行加载显示，这样能明显减少了服务器的压力和流量，也能够减小浏览器的负担,同时用户也能更快开始网站的访问 实现思路 代码实现 一般情况下, img标签是这样写的 <img src="..." al 阅读全文
摘要：
在 jsConf.Asia 2013 ， Lea Verou 介绍了 css in the 4th dimension (影片) ，引发了整个 Web 界对 CSS 动画的期盼；在 CSS动画简介一文也已经把重点整理好了。以下我们将会介绍主要两个 CSS3 在动画的属性： Transition 与 阅读全文
摘要：
移动端项目中经常遇到自适应的问题，下面我们来看看关于自适应的方法： 方案1：设置垂直方向的padding在盒模型中，margin、padding的百分比数值是相对于父元素的宽度计算的，所以将padding值设为与width值相同的百分比即可。 .box{ width:50%; height:0; p 阅读全文
摘要：
Google 近日宣布，计划在 Chrome 浏览器上逐步淘汰 user-agent 字符串。 这里稍微解释下，user-agent (UA，用户代理) 字符串是现代 web 和浏览器功能的重要组成部分。 UA 字符串是浏览器建立连接时向网站发送的一段文本。UA 字符串包含了浏览器类型、渲染引擎和操 阅读全文
摘要：
简介 比如有这样的需求，要输入一个名字，这个名字有由firstName,lastName组合而成，然后把这个名字全部变成大写输出来，比如输入jack，smith我们就要打印出来，‘HELLO，JACK SMITH’ 。 我们考虑用函数组合的方法来解决这个问题，需要两个函数greeting, toUp 阅读全文
摘要：
冲突： 当改变元素display属性时，过渡属性transition失效。 原因： display:none的时候，页面文档流中将不会存在该元素。transition无法对一个从有到无的元素产生过渡效果。 解决方法： 1.改变元素的宽/高为0px,达到隐藏的目的。 2.使用visibility替代d 阅读全文
摘要：
空元素介绍 在用来描述网页的计算机语言中，有一种超文本标记语言，被称为html(Hyper Text Markup Language) 。而构成html内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词，比如 <ht 阅读全文
摘要：
在html+css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素之间有什么区别？ 行内元素和块级元素的区别 行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向 阅读全文
摘要：
文字与文字间距距离，字与字距离间距如何设置？使用css设置字与字间距的方法如下： 我们使用css样式属性letter-spacing：+距离数字+html单位 如letter-spacing:15px;，即设置了字与字间距为15px（像素）。 示例： html： <div>实现字与字间距方法</di 阅读全文