02 2019 档案

如何使用 onscroll / scrollTo() / scrollBy()
摘要：定位父级：（定位父级offsetParent的定义是：与当前元素最近的经过定位(position不等于static)的父级元素） display:absolute; 相对定位 display:relative; 绝对定位 .... 注意：当元素自身有fixed固定定位时，我们知道固定定位的元素相对于 阅读全文
posted @ 2019-02-24 12:39 真的想不出来 阅读(1171) 评论(0) 推荐(0)
水平居中、垂直居中
摘要：一. 让图片（行内块元素）垂直居中： 1.在父级设置：行高 等于 高度，字体大小为0 line-height: 1rem; height: 1rem; font-size: 0; 2.图片自己设置： vertical-align: middle; Table 合并行了之后，需要文字居中，也可以使用。 阅读全文
posted @ 2019-02-19 17:30 真的想不出来 阅读(772) 评论(0) 推荐(0)
4.移动端事件 2019-2-15 （未完成）
摘要：移动端三大事件： 1.ontouchstart 手指按下 2.ontouchmove 手指移动 3.ontouchend　手指抬起 在使用浏览器调试的时候，容易出现事件丢失，但是在真机上运行是好的，所以建议使用事件绑定 xxx.addEventListener('touchstart',()=>{ 阅读全文
posted @ 2019-02-15 09:54 真的想不出来 阅读(241) 评论(0) 推荐(0)
require/exports 和 import/export 的区别
摘要：介绍 require/exports require/exports 出生在野生规范当中，什么叫做野生规范？即这些规范是 JavaScript 社区中的开发者自己草拟的规则，得到了大家的承认或者广泛的应用。比如 CommonJS、AMD、CMD 等等。 AMD、CMD规范，2014年已基本上不怎么使 阅读全文
posted @ 2019-02-14 20:59 真的想不出来 阅读(746) 评论(0) 推荐(0)
3.rem布局
摘要：rem布局：现在移动端最流行的方式； em：是相当于父级元素或者自身的 font-size 值，如果自身有 font-size 优先走自身； rem：是一个像素单位（root（根 --> html）em）；是相对于页面 HTML 的 font-size 1rem = HTML 的 fontsize； 阅读全文
posted @ 2019-02-13 13:13 真的想不出来 阅读(388) 评论(0) 推荐(0)
1.认识移动端 、前端工作流程 2019-2-13
摘要：H5：（H5->html5） 外界认为只要运行在手机上面的页面就是 H5 html5 页面只能运行在浏览器中 核心： 学完后，你的应用能够适配所有的系统。 优势： 跨平台，可以通用苹果和安卓系统 劣势： 不能轻易的调用系统中的摄像头、通讯录、重力感应...... APP：安卓（java-native 阅读全文
posted @ 2019-02-13 10:38 真的想不出来 阅读(302) 评论(0) 推荐(0)
去掉标签默认样式属性 + visibility
摘要：visibility 对比 display 两者效果类似，用法一样，但 display 与 transition 之间有冲突，而 visibility 则不会。 style ：属性的 display 被隐藏的控件不再占用显示时占用的位置 visibility ：隐藏的控件仅仅是将控件设置成不可见了， 阅读全文
posted @ 2019-02-07 23:03 真的想不出来 阅读(822) 评论(0) 推荐(0)
grid 布局：一般用于多行排版、单页排版、......（响应式布局）
摘要：速食上手： <div class="container"> <div class="header">HEADER</div> <div class="menu">MENU</div> <div class="content">CONTENT</div> <div class="footer">FOO 阅读全文
posted @ 2019-02-07 22:55 真的想不出来 阅读(1374) 评论(0) 推荐(0)
解决 display 和 transition 冲突的问题
摘要：问题： 既需要“显示、隐藏”’效果，也需要动画效果。此时使用了xxx.style.display = "none / block" 之后，我们发现 transition 动画效果就没有了。 解决办法一：用定时器（这种方法并不好） 解决办法二：用 visibility 属性代替 display sty 阅读全文
posted @ 2019-02-07 22:23 真的想不出来 阅读(1091) 评论(0) 推荐(0)
回到顶部效果
摘要：js实现返回顶部效果的解决方案 1、纯js,无动画版本 window.scrollTo(x-coord, y-coord); window.scrollTo(0,0); 2、纯js，带动画版本 生硬版： var scrollToTop = window.setInterval(function() 阅读全文
posted @ 2019-02-07 17:40 真的想不出来 阅读(781) 评论(0) 推荐(0)