- 博客(10)
- 收藏
- 关注
RSS订阅原创 垂直水平居中
<div class="warp"> <div class="container"></div></div>flex布局.warp { dispaly: flex; justify-content: center; algin-items: center;}transform + position: absolute.warp { posotion: relative;}.container { position: abs
2021-04-12 22:34:18
134
原创 Vue的component和slot的结合使用
先定义一个父组件todo-list，和子组件<!-- 父组件--><template> <div> <ul> <slot>当父组件不填充内容时候，展示这行文字</slot> </ul> </div></template><script>export default { name: 'todo-list
2021-03-27 09:53:57
2479
原创 vue虚拟DOM
Vue模版转化成视图过程vue.js将template模版编译，转换成渲染函数（render），每执行一个渲染函数就会生成一个虚拟DOMpatch：将vnode渲染成真实的DOM。通过对比新旧节点，找到需要更新的，更新到真实的DOM视图。patchpatch方法中，对oldVnode和vnode对比当oldVnode不存在时，就用createElm创建新的节点否则用sameVnode()方法对两个参数进行属性对比，patch核心——diff算法function patch (o
2021-03-03 15:03:48
132
1
原创 css清除浮动
<div class="father clearfix"> <p>子元素</p></div>overflow:hidden.clearfix { overflow: hidden;}父元素后加div给clear:both<div class="clear"></div>.clear {clear: both}父元素添加after伪元素.clearfix:after { content: '';
2021-02-25 10:38:36
101
原创 Promise、async、wait
promise状态：pending：异步任务正在执行fulfilled(resolved)：异步任务执行完成rejected：失败。// 基本用法new Promise((resolve,reject) => { //..... resolve()},(err) => { reject()});asyncasync 声明的是个function，返回的是一个promise对象。async function fn1() { console.log("h
2021-02-24 15:40:53
664
原创 css实现三角形
宽高为0，border设置宽度和颜色。<div class="triangl"></div>/** 下三角 **//** 上边框设置颜色和宽度，左右设置透明和宽度。不设置下边框 **/.triangl { width: 0; height: 0; border-top: 10px solid red; border-right: 10px solid transparent; border-left: 10px solid transparent;}/**
2021-02-24 15:40:29
68
原创 cookie、session、localStroage 和 sessionStroage
cookie1）服务器生成的，存放在浏览器中2）不安全，控制台输入document.cookie可以获取到3）4kb4）不设置过期时间的话，cookie会随浏览器关闭而失效。5）存放字符串session1）服务器端生成，存放在服务器端2）没有大小限制，存的越多越占内存3）可以存任何对象loclastroge（本地存储）永久保存，可以手动清除 localStorage.setItem("b","isaac"); localStorage.getItem("b"); ..
2021-02-07 18:20:40
180
原创 javascript数据类型（8种）
数据类型Number、String、Boolean、Undefined、Null、Object、Symbol、bigInt基本类型 和 引用类型基本类型（单类型）：Number、String、Boolean、Undefined、Null引用类型：Object，常用Array、Data、FunctionNaNNaN 是Number的一种。js 规定的NaN 不等于NaN，用isNaN判断。 Number('ss') == NaN // false Number('ss') ..
2021-01-27 17:57:17
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人