![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
红色制作
这个作者很懒,什么都没留下…
展开
-
自定义进度条
vue中自定义双重进度条需求项目需要增加一个进度条,用了element的组件,但并不符合需求。一个进度条中有两个不同的进度,所以只能手动完成思路在父盒子里面写两个子盒子,给每个盒子设置不同的背景色,利用定位实现三个盒子在同一个位置,最后设置子盒子的宽度就可以完成。通常后端会给我按照百分比或数字的格式返回我们(我这里是之间返回的数字)。尝试多种方式控制宽度但都没有达到预期效果,最后通过定义函数完成代码html<span class="progress" style="width:250p原创 2021-05-08 17:11:38 · 223 阅读 · 0 评论 -
const的对象内容是否可以重新赋值
栈与堆的基本理解栈中用来存储地址堆则用来存储真正的数据const 的变量赋值const是ES6的新特性,与之前的var不同const没有变量提升,有块级作用域const作为常量是不可以重新赋值的但是还存在另外一种情况const定义的对象属性可以改变当const对象是引用类型时,之保持栈里边的储存地址不变,堆里的值随便修改若保持对象当中的属性值不变,改变属性;是不被允许的。栈中的地址一旦发生改变则会报错若修改对象当中的属性值,只是修改堆中的内容是可以被允许的一般来说当我们原创 2020-11-12 00:12:16 · 3382 阅读 · 1 评论 -
Vuex的理解和使用
VuexStorestore在Vuex中类似与一个储存库,也可以理解为一个储存戒指Vuex的状态储存是响应式。从store中读取的时候,若store中的状态改变,相应的组件也会进行改变mutation是唯一可以修改store的mapState辅助函数组件需要多次使用时,每次的声明代码会有些重复和冗余。这时就可以使用 mapState辅助函数在 计算属性中使用// 在单独构建的版本中辅助函数为 Vuex.mapStateimport { mapState } from 'vuex'原创 2020-10-24 16:42:24 · 190 阅读 · 0 评论 -
break,continue,return之间的区别
break,continue,return之间的区别break作用不同 break:执行break操作,跳出所在的当前循环体。一旦在循环体中遇到break,系统将完全结束循环,开始执行循环之后的代码。结束不同 break不仅可以结束其所在的循环,还可以结束其外层循环,单一次只能结束一种循环紧跟不同 需要在break后紧跟一个标签,这个标签用于识别那个外层循环<!DOCTYPE html><html lang="en"><head>原创 2020-09-13 13:45:01 · 482 阅读 · 2 评论 -
Vue入门指南
Vue基础查阅文档是最好的解决方式Vue官方文档 : https://cn.vuejs.org/1-Vue介绍Vue介绍描述1.Vue是一个JavaScript框架所谓框架就是别人写好的js文件2.作用 :构建用户页面将数据渲染到页面3. 渐进式的特点组件式开发1-2 Vue基本使用三个步骤1.导包2.写HTML结构3.js中初始化配置1-3 Vue的插值表达式Vue会自动将data对象中的数据渲染到视图插值表达式会告诉原创 2020-09-12 22:44:44 · 198 阅读 · 0 评论 -
判断PC端还是移动端
判断是PC还是移动判断是通过浏览器内核进行判断的var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto:原创 2020-12-24 13:56:05 · 393 阅读 · 0 评论