TwinkleG

2021年9月14日

1. reflow: 回流，即对DOM文档中某些或全部元素的尺寸、结构或者字体大小等属性进行修改时，浏览器重新对这些元素或者全部元素渲染的过程. 触发回流的操作：【1】修改元素的尺寸、结构【2】修改元素的字体大小等属性【3】页面首次加载渲染【4】获取offset | client | scr Read More

posted @ 2021-09-14 19:29 TwinkleG Views(73) Comments(0) Diggs(0)

2021年9月13日

顶层对象以及 globalThis

个人学习转载【如有侵权，立即删除】： https://es6.ruanyifeng.com/#docs/let#%E9%A1%B6%E5%B1%82%E5%AF%B9%E8%B1%A1%E7%9A%84%E5%B1%9E%E6%80%A7 https://es6.ruanyifeng.com/#do Read More

posted @ 2021-09-13 22:21 TwinkleG Views(25) Comments(0) Diggs(0)

let const var

参考资料：https://es6.ruanyifeng.com/#docs/let 1. var示例代码【结合之后特点对应查看】： /* 1. 变量声明提升举例 */ console.log(age); age = 16; console.log(age); var age = 18; /* 2. Read More

posted @ 2021-09-13 22:17 TwinkleG Views(117) Comments(0) Diggs(0)

2021年9月12日

v-model简单介绍

1. v-model双向绑定是由数据劫持以及发布订阅【观察者模式】实现的，这篇随笔暂时不讲解原理，作为个人小复习. v-model可以由另一种方式实现：v-bind动态绑定value，配合v-on:input使用，利用event.target.value获取输入框的值，当输入框的值改变时将其传给V Read More

posted @ 2021-09-12 21:21 TwinkleG Views(854) Comments(0) Diggs(0)

Object.defineProperty

1. Object.defineProperty(object, propertyName, descriptor) 数据属性： descriptor描述符对象属性：【这里的默认为true是对象字面量形式声明属性时，如果使用object.defineProperty则默认为false】 config Read More

posted @ 2021-09-12 21:12 TwinkleG Views(65) Comments(0) Diggs(0)

2021年9月11日

输入url到浏览器展示页面全过程

1. 用户输入url2. DNS解析域名为ip地址：优先从浏览器查找缓存ip地址，若未查找到，依次从系统、路由器、ISP【Internet Server Provider】查找，如果所有的缓存都没有DNS解析ip地址，那么DNS会向ISP发送查找请求.3. 请求资源先判断是否存在浏览器缓存【浏览器缓 Read More

posted @ 2021-09-11 19:43 TwinkleG Views(378) Comments(0) Diggs(0)

浏览器缓存详解

1. 分享一篇讲的极其透彻的文章，仅做个人学习使用，如有侵权，我会立即删除 https://www.cnblogs.com/chengxs/p/10396066.html 2. 个人理解：当需要请求服务器的某资源时，浏览器先根据http请求头的某些header去浏览器缓存中寻找是否强缓存有效，若有 Read More

posted @ 2021-09-11 19:03 TwinkleG Views(249) Comments(0) Diggs(0)

css animation

1. 先来实现一个简单动画效果 <body> <div>hello animation</div> </body> <style> div { animation: 2s myanimation 3 /*steps(5)*/; // 表示动画花费2s执行完，动画名称为myanimation，动画执行 Read More

posted @ 2021-09-11 16:16 TwinkleG Views(198) Comments(0) Diggs(0)

css transition

1. 先实现一个简单的过渡效果吧！ <body> <div>hover to move</div> </body> <style> div { width: 100px; height: 100px; background-color: pink; transition: background-co Read More

posted @ 2021-09-11 15:58 TwinkleG Views(77) Comments(0) Diggs(0)

2021年9月10日

BFC块级格式化上下文

BFC: 块级格式化上下文，它是页面中一块渲染区域，在这个渲染区域里面有一套渲染规则，规定了元素的布局方式以及如何和其它元素相互作用BFC的规则：1. 同一块BFC区域内的相邻元素外边距会发生重叠【margin重叠问题，分为相邻元素重叠和父子元素外边距塌陷问题】2. BFC区域内的元素不会与BFC区 Read More

posted @ 2021-09-10 17:20 TwinkleG Views(134) Comments(0) Diggs(0)

公告