yyy_鸳鸯 - 博客园

2021年8月18日

摘要： <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <meta name="vie 阅读全文

posted @ 2021-08-18 21:08 yyy_鸳鸯阅读(29) 评论(0) 推荐(0) 编辑

Set实现并集交集差集

摘要： const setA = new Set([1, 2, 4, 5]) const setB = new Set([5,4, 3]) // 并集 res = new Set([...setA, ...setB]) // 交集 res = new Set([...setA].filter( item = 阅读全文

posted @ 2021-08-18 09:48 yyy_鸳鸯阅读(38) 评论(0) 推荐(0) 编辑

2021年8月17日

JS：立即执行函数笔记

摘要：立即执行函数 IIFE: immediately invoked function expression 最大的特点是：立即执行，执行完之后立即销毁 1. 语法 (function() {} ()); (function() {})(); 两种都可以， W3C建议用第一种 2. 特点 a.参数（形参阅读全文

posted @ 2021-08-17 21:56 yyy_鸳鸯阅读(92) 评论(0) 推荐(0) 编辑

link 和 @import的区别

摘要： 1. 从属关系不同 link 是html标签，有RSS rel属性，可以设置关联属性 @import 是css关键字 2.加载顺序不同 link 引入css时加载， link标签的css文件同时加载 @import 页面加载完毕后被加载 3. 兼容性 link 不存在兼容性问题 @import 阅读全文

posted @ 2021-08-17 09:34 yyy_鸳鸯阅读(233) 评论(0) 推荐(0) 编辑

简单类型数组去重的若干方法

摘要： var arr = [1, 3, 5, 2, 2, 5, 6, 7, 8, 3, 4, 5, 6, 8, 9, 6]1. 利用两个数组，遍历源数组和目标数组中，目标数组中存在这个元素，则不添加，不存在则添加 function uniqueArr(array) { var _arr = [], is 阅读全文

posted @ 2021-08-17 09:24 yyy_鸳鸯阅读(60) 评论(0) 推荐(0) 编辑

2021年8月15日

减少http请求的方法

摘要： 1. 从输入url到页面呈现的步骤（1）输入url回车（2）DNS解析，解析URL，变成服务器IP地址或者代理服务器IP地址（3）浏览器网络向相应服务器发起TCP/IP连接请求（三次握手）（4）建立TCP/IP连接（5）浏览器网络发起http请求（6）等待响应过程 waiting （7 阅读全文

posted @ 2021-08-15 20:19 yyy_鸳鸯阅读(323) 评论(0) 推荐(0) 编辑

2020年3月3日

CSS: 三栏布局

摘要：三列布局，中间宽度自适应，两边定宽；中间栏要在浏览器中优先展示渲染；允许任意列的高度最高； 1. 绝对定位原理就是将左右两边的元素设置为绝对定位，中间的元素设置其左右的margin值为左右两个元素的宽度 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文

posted @ 2020-03-03 20:52 yyy_鸳鸯阅读(249) 评论(0) 推荐(0) 编辑

2020年3月2日

CSS: 实现两栏布局，左边固定，右边自适应的4种方法

摘要： 1. float+overflow:hidden 这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 zoom:1 来兼容 IE6-浏览器。具体代码如下： <! 阅读全文

posted @ 2020-03-02 17:10 yyy_鸳鸯阅读(2763) 评论(0) 推荐(0) 编辑

2020年2月21日

css清除浮动

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文

posted @ 2020-02-21 09:49 yyy_鸳鸯阅读(82) 评论(0) 推荐(0) 编辑

2020年2月19日

浏览器解析时间线

摘要： 1. 时间线 CSSOM + DOM => render tree CSSOM 和 DOM 均是异步加载 script标签也是DOM元素 window.onload => document -> css + dom（包括script） + 资源加载完 -> onload 定义：从浏览器加载页面开始，阅读全文

posted @ 2020-02-19 17:06 yyy_鸳鸯阅读(371) 评论(0) 推荐(0) 编辑