- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue计算属性和侦听器
一、计算属性 computed作用：将复杂的表达式从视图模板中抽离出来，便于维护，提高阅读性。优化性能。用计算属性封装业务方法，用在指令上时，只有与其相关的声明式变量发生改变时才会重新计算。特点：计算属性要定义在computed中，本质上它是个函数。计算属性可以当作响应式变量来使用，在js上可以用this访问计算属性默认是get操作，因而可以用在指令上计算属性与多个声明式变量相关时，任何一个声明式变量变化，计算属性都会重新计算。计算属性还可以用在v-model上，由于v-model有
2021-10-21 11:30:51
161
原创 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
2056
原创 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
239
原创 原型问题整理
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
原创 根据浏览器的默认语言来切换中英文页面
网上大部分的都是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
1865
原创 在less中调用clearfix这个类
在用clearfix清除浮动时.clearfix{ &:before, &:after{ content: " "; display: table; } &:after{ clear:both; }}不能带括号，即不能用clearfix()否则会无法继承，只能继承一个类，而继承调用混合，但bootstrap源码中有括号.clearfix{ clearfix();}因为源码中用了上述调用，因此可以被继承。...
2020-07-15 09:47:44
764
原创 在通过 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
525
原创 W3school导航栏设置时的问题
<style> .menu { width: 1219px; height: 60px; line-height: 60px; background-color: rgb(214, 214, 214); } .list { ...
2020-05-05 12:45:28
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人