摘要：
自我进入这个行业，我就发现开发人员一直在努力征服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 阅读全文