![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
文章平均质量分 55
奕朝奕夕
这个作者很懒,什么都没留下…
展开
-
Vue计算属性和侦听器
一、计算属性 computed作用:将复杂的表达式从视图模板中抽离出来,便于维护,提高阅读性。优化性能。用计算属性封装业务方法,用在指令上时,只有与其相关的声明式变量发生改变时才会重新计算。特点:计算属性要定义在computed中,本质上它是个函数。计算属性可以当作响应式变量来使用,在js上可以用this访问计算属性默认是get操作,因而可以用在指令上计算属性与多个声明式变量相关时,任何一个声明式变量变化,计算属性都会重新计算。计算属性还可以用在v-model上,由于v-model有原创 2021-10-21 11:30:51 · 159 阅读 · 0 评论 -
Vue动态样式
一、动态样式作用:使用声明式变量来控制class、style的值。1.class动态样式绑定静态class样式<h2 class='box'>静态的class样式</h2>普通变量形式 <h2 :class='cc'>动态的class样式</h2>字符串拼接语法<h2 :class='`box ${cc} ${ff}`'>动态的class样式(字符串拼接语法)</h2>数组语法每个表达式都要求返回原创 2021-10-19 18:50:43 · 2046 阅读 · 0 评论 -
Vue中常用指令
一、文本类指令1.{{变量名}} 文本插值用于插入文本,类似于jq中的innerText。但页面刷新时会存在双大括号闪过的情况,可以使用v-text代替,也可使用v-cloak来解决。在添加v-cloak后,要加固定样式:[v-cloak]{display: none}。2.v-text可用于渲染文本类的声明式变量到页面中,变量类型是字符串、数值可正常显示,但如果变量类型是undefined、null类型则无法显示,变量类型若是布尔型,则会发生隐式转化,转化为字符串显示。3.v-html用于原创 2021-10-18 11:08:40 · 238 阅读 · 0 评论 -
原型问题整理
Object.prototype只是一个普通对象,它是js原型链的最顶端Object.prototype.__proto__=== null;//trueObject.prototype.prototype === undefied;//trueObject.prototype有__proto__属性,但值是null,因为这是原型链的最顶端。Ø 在js中如果A对象是由B函数构造的,那么A.proto === B.prototype。javascript中对象是由Object创建的,函数是由F原创 2021-09-04 17:46:21 · 114 阅读 · 0 评论 -
根据浏览器的默认语言来切换中英文页面
网上大部分的都是var type=navigator.appName if (type=="Netscape") var lang = navigator.language else var lang = navigator.userLanguage //cut down to first 2 chars of country code var lang = lang.substr(0,2) // 英语 if (lang == "en") window.原创 2020-08-14 17:12:05 · 1853 阅读 · 0 评论 -
在less中调用clearfix这个类
在用clearfix清除浮动时.clearfix{ &:before, &:after{ content: " "; display: table; } &:after{ clear:both; }}不能带括号,即不能用clearfix()否则会无法继承,只能继承一个类,而继承调用混合,但bootstrap源码中有括号.clearfix{ clearfix();}因为源码中用了上述调用,因此可以被继承。...原创 2020-07-15 09:47:44 · 761 阅读 · 0 评论 -
在通过 line-height设置居中时遇到的问题
设置了一个容器此时通过设置子元素的line-height与元素本身高度相等来设置居中.top-bar{ width: 100%; height: 40px; line-height: 40px; background-color: #333;}1、没有设置font属性,正常居中.inside-bar a{ text-decoration: none; font-size: 12px; color: #B0B0B0; display:原创 2020-06-13 00:11:17 · 522 阅读 · 0 评论 -
W3school导航栏设置时的问题
<style> .menu { width: 1219px; height: 60px; line-height: 60px; background-color: rgb(214, 214, 214); } .list { ...原创 2020-05-05 12:45:28 · 131 阅读 · 0 评论 -
margin:0 auto;在设置图片居中时发生偏移
margin: 0 auto;居中失效的情况原创 2020-05-01 18:43:22 · 453 阅读 · 0 评论