相信大多数的前端工程师都是处理显示屏上面的设计，用到最多的计量单位就是px,但是有些时候，我们难免也会有打印的需求，比如一个电商平台的“物流配送打印单”，“打印订单”等等可能都是需要从网友上打印出来的，这个时候如果还是按照自己以前写网页的思路写打印单页...

2018-06-24 01:29:38

锚点是网页制作中超级链接的一种，又叫命名锚记 。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。 英文名：anchor 使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快...

2018-06-24 01:29:27

1. 正确的文档类型； 2.使用小写元素名，看起来清爽且容易编写； 3.关闭每个需要关闭的标签； 4.关闭空的HTML元素，如meta /; 5.属性名用小写； 6.属性值用引号； 7.图片添加alt属性； 8.避免一行代码过长，尽量少于80个字符； 9.不要无缘无故添加空行； 10.缩进建议使...

2018-06-24 01:29:34

今天说的这个是原生js的二级联动，在空白页面里动态添加并作出相对应的效果。 1 // 创建两个下拉列表 select标签 是下拉列表 2 var sel = document.createElement("select" ); 3 var sel1 = document.createElement("select" ); 4 // 添加到body 5 document.body.appen...

2018-06-24 01:29:27

最近网上看了好多html开发中那些问题和不好的习惯，顺手总结一下。 一、上下间距 在开发中你会发现你明明设置的两个p标签上下间距为20px但你实际测量中会发现他会多4~8px，这是为什么呢！如果你是老司机我想我就不用多说了， 因为设计稿中量的都是字与字上下的间距，其...

2018-06-24 01:29:22

一、position元素介绍 position属性规定了元素的定位类型，通过定位，可准确地定义元素相对于其正常位置而应该出现的位置，或者是相对于父元素、另一元素和浏览器窗口等的位置。 position属性包含有5个属性值，分别为static、relative、absolute、fixed以及inherit。...

2018-06-24 01:29:23

参考：https://www.npmjs.com/package/vue-lazyload CDN https://unpkg.com/vue-lazyload/vue-lazyload.js Usage import Vue from 'vue' import VueLazyload from 'vue-lazyload' Vue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: 'dist/loadi...

2018-06-24 01:29:22

? 伪类选择器汇总 伪类选择器有4种, 结构性伪类\UI伪类\动态伪类和其他伪类. 具体如下 结构性伪类选择器结构性伪类选择器 它能够根据元素在文档中的位置选择元素, 这类元素都有个前缀":" 1. 根元素选择器 只作用于html等底部标签.很少用 .. :root ????????????????????...

2018-06-24 01:29:21

大家好，今天我们来说一下在写模态框的时候怎么使里面的内容垂直水平居中，我们先把目光放得简单一点， 这个问题其实就等同于怎么让一个div垂直水平居中，那我们怎么来实现这个问题呢？有5种解决办法。 首先，第一种情况，我们知道div1宽高的情况下： div id="div1"/di...

2018-06-24 01:29:20

我们在浏览淘宝京东等大型购物网页时会经常出现许多图片而图片需要花费我们非常多的流量问题。 我们在写网页的时候怎么解决这个问题呢？这时候就要用到我们图片懒加载的问题，这样不仅可以 解决流量问题，也提高了性能等等。 下面我们就来看一下图片的懒加载怎么问题。...

2018-06-24 01:29:17