摘要：1.运行npm run build: 会在当前目录下生成dist文件夹: 2.copy已经打好的dist文件夹下的文件到对应nginx目录下: cd /app/openresty/nginx/html rm -rf staticrm -rf index.htmlcd /tmppwdmv dist/s 阅读全文

摘要：概念解析 1.流式布局 非主流适配方案 浏览器现状 touch触发事件 与pc端拖拽原理一致 实例 触摸事件中三个重要属性 changedTouches: 触摸点改变后会记录此,包括开始点击,或者手指移开或者手指滑动都会记录 targetTouches: 指手指触摸的元素,是一个集合 touches 阅读全文

摘要：1.html5语义化标签 2.视差滚动效果 stellar.js插件完成视差滚动效果 https://www.cnblogs.com/coco1s/p/9453938.html 3.h5操作类api,模仿jquery的方法 4.h5自定义属性 注意: 属性名称必须要以data-开头.方法借鉴jque 阅读全文

摘要：1.原型对象 构造函数中定义的函数，会在创建的每一个对象都创建一个这样的函数，而函数是可以对对象共享的。所以函数定义到构造函数的原型对象中。可以实现通过构造函数创建的对象间共享这个方法。 构造函数中都有原型对象prototype(给程序员使用)，通过构造函数创建出的实例都有原型对象__proto__ 阅读全文

摘要：BOM定义 一。定时器 1） 定时器1：setInterval（） 2）一次性定时器 二。offset、scroll、client 阅读全文

摘要：一.JavaScript 1).搜索书籍： 鸠摩搜书： https://www.jiumodiary.com/ Javascript王者归来 对应javascript高级 animate.css css3动画库网站 http://javascript.ruanyifeng.com/ : javasc 阅读全文

摘要：animation,transition,transform三者联系与区别: https://www.jianshu.com/p/0e0e1903b80d transform: 使用小技巧: transform(x,y): 移动盒子自身的动画,可以取代定位中的margin:0 auto; margi 阅读全文

摘要：对背景图片设置属性：background-size：cover;可以实现背景图片适应div的大小。 background-size有3个属性： auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用 阅读全文

摘要：案例: 鼠标经过a元素,后代中的某个元素显示出来.需要使用 a:hover .mask而不是.mask选择器 vertical-align 只用于处理行内块及行内元素一行内对齐方式.默认是基线对齐 使用示例 如下图,因为图片默认是以基线而不是底线对齐,所以会在图片外边框出现空隙,这个就是基于基线对齐 阅读全文

摘要：1.静态定位: 唯一作用是取消定位 2.相对定位 特点一:如下代码所示: 当定位是相对定位时,那么举例上一个盒子的举例是top+margin总和,距离左侧的盒子是left+margin-left的总和 特点二: 人走了钱没花了,即相对定位移动后,原位置依然保留,如下图的代码及展示 绝对定位 绝对定位 阅读全文

摘要：1　1.给父盒子设置高度,那么和父盒子平级的兄弟盒子会紧挨着父盒子,子盒子超过父盒子的部分会和父盒子的兄弟盒子重合,如下图: mainC是父盒子被设置的高度,那么secondC会紧挨着mainC,在mainC中的子盒子right掉下来和secondC部分重合. 如果不设置父盒子的高度,那么父盒子的高 阅读全文

摘要：原文: https://blog.csdn.net/tichimi3375/article/details/82794074 版心和布局流程阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。 “ 阅读全文

摘要：1.block: 默认占据一行空间,盒子外的元素被迫另起一行 2.inline-block: 行内块盒子,可以设置宽高 3.行内元素: 宽度即使内容宽度,不能设置宽高,如果要设置宽高,需要转换成行内块或块级元素 二.浮动元素: 1.浮动只影响当前浮动盒子下方的标准流盒子,不会影响上方的.因为浮动后即 阅读全文