![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web 前端学习笔记
html/css/js/vue
今天也努力学习的Paul
这个作者很懒,什么都没留下…
展开
-
【笔记整理】—— 2.18 常说的rem 和 到底该怎么用
rem1.确定基数html {font-size:百分数;} //基数:一般10px,自己记住就行,不用写进代码里; 百分数=基数/16 例:基数10 百分数62.5%;基数14 百分数87.5% 2. px换算remrem= 想要的px值 / 基数例:html {font-size:62.5%;},你想给容器里的文字设置字号 14px,换算成rem就是14px / 10 = 1.4rem这样子(火狐Firebug测试,因为Chrome下字号低于12px失效,百度)原创 2020-08-05 08:10:27 · 262 阅读 · 0 评论 -
【笔记整理】—— 2.17 Vue中v-if 和 v-show区别
原理:v-if是动态的向DOM树内添加或者删除DOM元素;v-show是通过设置DOM元素的display样式属性控制显隐编译过程:v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换编译条件:v-if是惰性的,如果初始条件为假,则什么也不做;只有在条件第一次变为真时才开始局部编译(编译被缓存后,然后再切换的时候进行局部卸载);v-show是在任何条件下(首次条件是否为真)都被编译,然后被缓存。DOM元素保..原创 2020-07-01 09:58:56 · 141 阅读 · 0 评论 -
【笔记整理】—— 2.16 了解vue生命周期
通过这些回调函数告诉我:底层在new一个Vue实例的过程中, 之前刚刚做了什么 或 之后马上要做什么1 初始化beforeCreated: 在此之前,创建vue实例created:在此之前,初始化 data 和 methods数据beforeMounted:在此之前,编译好模板但未挂载页面mounted:在此之前,将模板挂载到页面(挂载前的状态是虚拟DOM技术,先把坑站住了挂载之后才真正的把值渲染进去)2 运行beforeUpdate:在此之前,更新data中数据,页面未更新upd原创 2020-06-26 16:57:42 · 151 阅读 · 0 评论 -
【笔记整理】—— 2.15 for……in 和 for ……of 区别
数组组成:key:valuefor……in 是遍历数组下标——keyvar a=[111,222,333];for(let i in a){ console.log(i);//i是 0 1 2 console.log(a[i]);//111 222 333}for ……of 是遍历值var a=[111,222,333];for(let i of a){ console.log(i);//i是 111 222 333}...原创 2020-06-05 12:27:35 · 165 阅读 · 0 评论 -
【笔记整理】—— 2.13 Vue概述 | 指令 | 添加样式
目录一、简介1 前端开发技术的发展历程2 Vue 特点3 MVVM 与 MVC 区别4 Vue 基本框架二、指令v-cloak : 解决 插值表达式闪烁V-text : 把元素以文本形式执行v-html : 把元素以html形式执行v-bind : 属性绑定机制v-on : 事件绑定机制事件修饰符v-model : 双向绑定机制v-forv-if | v-show三、添加样式使...原创 2020-04-30 21:55:15 · 408 阅读 · 0 评论 -
【笔记整理】—— 2.11 JavaScript DOM | 事件 | BOM
目录一、DOM操作两种输出查找元素:更改元素更改样式更改内容更改属性二、JS事件冒泡定时器三、BOM对象windowhistorylocation一、DOM操作Document Object Model(文档对象模型)js代码放到最后: 1 代码正确运行 2 保证访问速度用户体验两种输出console.info() //输出到控制台document.write() //输出到屏幕...原创 2020-04-10 23:06:40 · 133 阅读 · 0 评论