web前端
文章平均质量分 52
web前端
Shi Jian Xin
想,都是问题。做,才是答案。
展开
-
CSS的盒模型
CSS的盒模型分为4个部分: Margin(外边距):在边框外的区域,外边距是透明的 Border(边框):在外边距和内边距中间的区域 Padding(内边距):在内容和边框中间的区域,内边距是透明的 Content(内容):盒子的内容 盒模型图: 1.w3c的标准盒模型 例子: <template> <div id="app"> <div class="box"></div> </div> </template> <原创 2021-07-21 15:33:25 · 135 阅读 · 0 评论 -
vue中计算属性computed和侦听器watch
1.computed计算属性 模板中可以使用简单的运算,但是太多的逻辑运算会让模板过重且难以维护 如果模板不再是简单的声明式逻辑,需要进行任何复杂的逻辑操作的都应该使用计算属性 例如: <template> <div id="app"> {{ message.split("").reverse().join("") }} </div> </template> <script> export default { name:原创 2021-07-21 15:29:53 · 131 阅读 · 0 评论 -
vue中v-if和v-show的区别
1.v-if v-if是通过控制dom节点是否生成来控制元素的显示和隐藏 例如: <template> <div id="app"> <div id="content" v-if="false">v-if隐藏</div> </div> </template> 可以看到并没有生成id为content的dom节点 2.v-show v-show生成了dom节点,之后通过dom节点的内联样式display来控制元素的显示和原创 2021-07-07 00:02:43 · 238 阅读 · 0 评论 -
HTML文件开头的!DOCTYPE是干什么的?
!DOCTYPE html !DOCTYPE必须位于文档的第一行,在html标签之前,声明了不是html的标签, 同时告诉浏览器应该使用哪种规范解析页面,浏览器才能正确的显示内容, 如果没有写或者格式错误,浏览器就会使用兼容模式。 ...原创 2019-08-07 18:28:16 · 693 阅读 · 0 评论 -
css的前缀和浏览器的内核
浏览器的内核: IE——trident Opera——Blink(presto已废弃) chrome——Blink(之前是webkit) Firefox——Gecko Safari——webkit 因为有自己的内核所以也叫主流浏览器 css为了兼容各个主流浏览器,有一些浏览器特有的属性需要加上前缀,否则识别不了 IE—— -ms- Opera—— -o- Chrome和Safari—— -webk...原创 2019-08-07 19:03:00 · 464 阅读 · 0 评论