摘要: 浏览器渲染过程 构建DOM树:浏览器接收到服务器响应来的HTML文档后,会遍历文档节点,生成DOM树。 构建CSS规则树:浏览器解析CSS文件并生成CSSOM,css规则树。 构建渲染树(Render):通过DOM树和CSS规则树,浏览器就可以通过它两构建渲染树(浏览器会先从DOM树的根节点开始遍历 阅读全文
posted @ 2021-04-02 14:24 吃饭睡觉打痘痘 阅读(58) 评论(0) 推荐(0) 编辑
摘要: hash模式 url路径中会出现'#'号字符 hash值不包括在http请求中,它是交由前端路由处理,所以改变hash值时不会刷新页面,也不会向服务器发送请求 hash值的改变会触发hashchange事件 history模式 整个地址重新加载,可以保存历史记录,方便前进后退 依赖H5 API和后台 阅读全文
posted @ 2021-04-02 14:10 吃饭睡觉打痘痘 阅读(64) 评论(0) 推荐(0) 编辑
摘要: transition:设置元素当过渡效果 示例: div { width:100px; transition: width 2s; -webkit-transition: width 2s; /* Safari */ } div:hover {width:300px;} transition: pr 阅读全文
posted @ 2021-04-02 11:38 吃饭睡觉打痘痘 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 默认插槽 子组件 <template> <div class="my-slot"> <div>我是子组件组件</div> <slot></slot> </div> </template> 父组件 <template> <div> 我是父组件 <my-slot> <p>我是父组件插槽内容</p> </ 阅读全文
posted @ 2021-04-02 11:22 吃饭睡觉打痘痘 阅读(39) 评论(0) 推荐(0) 编辑
摘要: 扩展:OpenResty:有很多第三方的插件,下载地址:http://openresty.org/cn/download.html // 修改 nginx配置文件 nginx.conf // echoc插件可以直接输出文字 location /{ echo 'hello nginx' // echo 阅读全文
posted @ 2021-04-02 10:55 吃饭睡觉打痘痘 阅读(41) 评论(0) 推荐(0) 编辑
摘要: 通过query属性传值 //路由配置文件中 { path: '/detail', name: 'Detail', component: Detail } //跳转时页面 this.$router.push({ path: '/detail', query: { name: '张三', id: 1, 阅读全文
posted @ 2021-04-02 10:49 吃饭睡觉打痘痘 阅读(103) 评论(0) 推荐(0) 编辑