- 博客(9)
- 收藏
- 关注
原创 HTML神奇的操作
标签滚动字幕参见:http://www.360doc.com/content/12/0818/16/8351655_230872993.shtml
2021-01-06 21:50:16 78
原创 JS神奇的操作
数组求和//eval("1+2"); eval将字符串当做JS脚本执行。const arr = [1,2,3,4];const sum = eval(arr.join("+"));
2021-01-03 20:32:57 109
原创 获取浏览器的窗口大小的全部方法
window.innerWidth 浏览器当前总宽(不是物理屏幕,随浏览器窗口缩小而缩小)window.innerHeight 浏览器中body可视高(不包括地址栏和F12工具栏)document.body.(width或height) 自己代码中设置body的width,heightdocument.body.(clientWidth或clientHeight) document.body.(width或height)+padding;(不包括和margin)document.body.(off.
2020-08-06 15:30:31 2218
原创 浏览器兼容(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 96
原创 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 126
原创 前端优化(持续更新...)
前端优化问题(不断更新中…)一、减少HTTP请求 每一个HTTP都会有请求、建立、释放的过程。如果我们有两张图片分别为50kb需要下载,那么下载一张100kb的图片所用的时间会更短。 解决: 1.我们可以合并图片(Sprites雪碧图、精灵图)来减少资源的下载次数。 2.合并CSS和JS。 3.图片多的页面采用lazyload懒加载技术。二、减少页面的重绘(Repaint)和回流(Reflow) Repaint就是在一个元素的外观被改变,但没有改变布局(宽高)的情况下
2020-06-16 16:11:45 172
原创 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 710
原创 页面优化之防抖函数和节流函数
一、防抖函数性质:当我们在短时间内快速多次重复一个相同操作时,只响应第一次或最后一次的操作。应用场景:input输入框值改变是发请求,onmousemove, resize, onscroll等等函数体:function debounce(fn, delay) { //fn要执行的函数,delay表示多少毫秒内就不执行 let timer = null; return ...
2020-05-07 10:30:59 133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人