???mimi-优快云博客

原创 CSS神奇的操作

1、clip-path 切割div

2021-01-06 21:55:32 179

原创 HTML神奇的操作

标签滚动字幕参见：http://www.360doc.com/content/12/0818/16/8351655_230872993.shtml

2021-01-06 21:50:16 144

原创 JS神奇的操作

数组求和 //eval("1+2"); eval将字符串当做JS脚本执行。 const arr = [1,2,3,4]; const sum = eval(arr.join("+"));

2021-01-03 20:32:57 193

window.innerWidth 浏览器当前总宽(不是物理屏幕,随浏览器窗口缩小而缩小) window.innerHeight 浏览器中body可视高(不包括地址栏和F12工具栏) document.body.(width或height) 自己代码中设置body的width,height document.body.(clientWidth或clientHeight) document.body.(width或height)+padding;(不包括和margin) document.body.(off.

2020-08-06 15:30:31 3122

原创浏览器兼容（Web前端）

一、不同浏览器标签默认的margin和padding不同解决：css里增加通配符*{margin：0；padding：0} 二、图片默认有间距解决：设置img样式float：left 三、const类型解决：IE不支持const定义常量，将所有变量设置为var或者let 四、事件绑定 IE:dom.attachEvent(); 其他浏览器：dom.addEventListener(); 标准浏览器采用事件捕获的方式对应IE的事件冒泡机制（即标准由最外元素至最内元素或者IE由最内元素到最外元素）最后标准

2020-06-17 15:53:54 161

原创 JS继承（实用）

前言：JS继承常规共有6种方法，分别： 1.原型链继承 2. 构造函数继承 3. 组合继承（原型链继承+构造函数继承） 4. 原型式继承 5. 寄生式继承 6. 寄生组合式继承但是真正能使用的只有3和6两种继承而已，应为其他的继承方式都不是完整的继承多会有或多或少的欠缺，接下来就为大家讲解各个继承的详解首先我们定义一个父类： function Animal(name){ this.name = name; } Animal.prototype.sayName = functio

2020-06-16 20:51:44 220

原创前端优化（持续更新...）

前端优化问题（不断更新中…）一、减少HTTP请求每一个HTTP都会有请求、建立、释放的过程。如果我们有两张图片分别为50kb需要下载，那么下载一张100kb的图片所用的时间会更短。解决： 1.我们可以合并图片（Sprites雪碧图、精灵图）来减少资源的下载次数。 2.合并CSS和JS。 3.图片多的页面采用lazyload懒加载技术。二、减少页面的重绘（Repaint）和回流(Reflow) Repaint就是在一个元素的外观被改变，但没有改变布局(宽高)的情况下

2020-06-16 16:11:45 277

原创 W3C标准的理解

1. W3C是什么？ W3C：万维网联盟（ World Wide Web Consortium），其定义了网页有三部分组成：结构（Structure）、表现（Presentation）、行为（Behavior），分别对应三个标：（1）结构标准主要包括：XHTML、XML等。（2）表现标准主要包括：CSS等。（3）行为标准主要包括：W3C DOM、ECMAScript等。 2. 标准内容 (1)需要声明（DOCTYPE） ...

2020-06-16 00:17:12 885

原创页面优化之防抖函数和节流函数

一、防抖函数性质：当我们在短时间内快速多次重复一个相同操作时，只响应第一次或最后一次的操作。应用场景：input输入框值改变是发请求,onmousemove, resize, onscroll等等函数体： function debounce(fn, delay) { //fn要执行的函数，delay表示多少毫秒内就不执行 let timer = null; return ...

2020-05-07 10:30:59 233

unstoppable007的博客