摘要: 一、Vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 什么情况下我应该使用 Vuex?Vuex 可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权 阅读全文
posted @ 2021-07-09 18:37 MrSlow 阅读(77) 评论(0) 推荐(0)
摘要: try...catch 的作用是测试(处理或者说响应?)代码中的错误。 Try...Catch 语句 try...catch 可以测试代码中的错误。try 部分包含需要运行的代码,而 catch 部分包含错误发生时运行的代码。 语法: try { //在此运行代码 } catch(err) { // 阅读全文
posted @ 2021-07-09 17:04 MrSlow 阅读(228) 评论(0) 推荐(0)
摘要: 取整 1.取整 // 丢弃小数部分,保留整数部分 parseInt(5/2) // 2 2.向上取整 // 向上取整,有小数就整数部分加1 Math.ceil(5/2) // 3 3.向下取整 // 向下取整,丢弃小数部分 Math.floor(5/2) // 2 4四舍五入 // 四舍五入 Mat 阅读全文
posted @ 2021-07-09 16:48 MrSlow 阅读(944) 评论(0) 推荐(0)
摘要: function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount); //获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = ( 阅读全文
posted @ 2021-07-09 16:47 MrSlow 阅读(1336) 评论(0) 推荐(0)
摘要: 最近在用echarts进行前台图表展示,发现每次加载如果数据不变,则图表不变化,因此进行了一些尝试。 首先,简要说一下我理解的echarts: 1、引入echarts的js文件; 2、通过var mychartDiv=document.getElementById("id")获取div对象,然后在此 阅读全文
posted @ 2021-07-09 16:43 MrSlow 阅读(4297) 评论(0) 推荐(0)
摘要: 你可以使用累加器aka reduce 。 ['a','b','c'].reduce(function(result, item, index, array) { result[index] = item; //a, b, c return result; }, {}) //watch out the 阅读全文
posted @ 2021-07-09 16:18 MrSlow 阅读(2259) 评论(0) 推荐(0)
摘要: 数组常用的一些方法: 1、push() 向数组的末尾添加新内容 参数:要添加的项。传递多个用逗号隔开,任何数据类型都可以 返回值:新增后数组的长度 是否改变原数组:改变 let ary1 = [12,34,26]; ary1.push(100); //返回一个新的长度 length=4console 阅读全文
posted @ 2021-07-09 16:00 MrSlow 阅读(1463) 评论(0) 推荐(0)
摘要: 定义和用法replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。语法stringObject.replace(regexp,replacement)参数 描述regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它 阅读全文
posted @ 2021-07-09 15:31 MrSlow 阅读(722) 评论(0) 推荐(0)
摘要: 在遍历数据时 前端手动增加字段用来暂存点赞或刷新的数据 this.list.forEach(element => { if(!element.Praise){ //点赞数量 element.Praise = {Count:0,Data:[]} } if(!element.Comment){ //评论 阅读全文
posted @ 2021-07-09 15:13 MrSlow 阅读(684) 评论(0) 推荐(0)
摘要: 写了个 str ="s"++; 然后出现Nan,找了一会。 收集资料如下判断: 1.判断undefined: var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); } 说明:typeof 返回的是字符串,有 阅读全文
posted @ 2021-07-09 15:12 MrSlow 阅读(148) 评论(0) 推荐(0)
摘要: 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数? 这么一看就明白了,Promise是一个构造函数,自己身上有all、reject、resolve这几个眼熟的方法,原型上有then、catch等同样很眼 阅读全文
posted @ 2021-07-09 15:02 MrSlow 阅读(439) 评论(0) 推荐(0)
摘要: 在js中,当if判断大于2个的时候,就要考虑使用switch了,接下来我们来看看用法吧! conversion (val) { let tempCurVal = '' switch (val) { case 1: tempCurVal = 'All'; break case 2: tempCurVa 阅读全文
posted @ 2021-07-09 14:01 MrSlow 阅读(3370) 评论(0) 推荐(0)
摘要: 合并数组或者对象在数组或对象前面加...,是es6的新写法,然后数组的map方法会返回数组. var obj1 = [{ "id": 980550455852, "model": "XQG70-S1208FW", "color": "白", "invStatusName": "正品", "bactu 阅读全文
posted @ 2021-07-09 13:59 MrSlow 阅读(66) 评论(0) 推荐(0)
摘要: 三目运算 <text>{{mag>10 ? '优秀' : ""}}</text> 三目运算的高级用法 大于1000用kg表示 小于1000,用g表示 添加括号是因为提高他的优先级哈 <text>{{weight > 1000 ? (weight/1000)+"kg" : weight}}</text 阅读全文
posted @ 2021-07-09 13:56 MrSlow 阅读(113) 评论(0) 推荐(0)
摘要: 自 HBuilderX 2.0.0 起支持 uni.$emit、 uni.$on 、 uni.$once 、uni.$off ,可以方便的进行页面的通讯 ,触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等。事件详情 具体如何使用呢?我们假设一个场景,进入app,是未登陆状态 阅读全文
posted @ 2021-07-09 10:38 MrSlow 阅读(626) 评论(0) 推荐(0)
摘要: 知乎发现栏目上的标题图一般都是以下图方式展现的,很显然它是利用渐变去实现的。思路很有意思,主要是要有两方面的认知: 这张图其实可以分成两部分,右边控制图形和渐变,左边就是一张纯色背景,和渐变无关 透明transparent也是一种颜色,也是渐变可以设置的 HTML <body> <div class 阅读全文
posted @ 2021-07-09 10:06 MrSlow 阅读(428) 评论(0) 推荐(0)
摘要: 这里就要隆重推出:object-fit和object-position。你可以这么理解,object-position相当于background-position,它的默认值是50% 50%,也就是居中,所以一般不写,加了object-fit,默认就居中了。而object-fit,相当于backgr 阅读全文
posted @ 2021-07-09 09:58 MrSlow 阅读(486) 评论(0) 推荐(0)
摘要: 这是为什么呢!所以查找了许多资料,原来vertical-align属性只对行内元素有效,对块内元素无效!而此时就会用到display属性,大家也看到我里面有设置display属性为inline-block属性,确没有效果,那是因为将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被 阅读全文
posted @ 2021-07-09 09:51 MrSlow 阅读(1059) 评论(0) 推荐(0)
摘要: 过渡效果在交互体验中的重要性不言而喻。以往我们使用js或Jquery添加或移除元素的类(class),搭配CSS中定义好的样式,再引用一些javascript库之后,可以做作出非常复杂,惊艳的动态效果,不过这套方法还是太繁琐。 vue.js内置了一套过渡系统,可以在元素从DOM中插入或移除时自动应用 阅读全文
posted @ 2021-07-09 09:46 MrSlow 阅读(251) 评论(0) 推荐(0)
摘要: 如果我想选择包含 a.active 的 li 该怎么实现呢? 目前我们学到的CSS好像是没有办法的,不过今天要将的一个CSS伪类 :has() 就有这个功能,虽然还处于草案阶段,但是还是可以提前了解一下。 li:has(> a.active){ color:red; } 除了表示包含,:has 还可 阅读全文
posted @ 2021-07-09 09:42 MrSlow 阅读(90) 评论(0) 推荐(0)
摘要: html代码: <span class="haorooms" data-content="前">前</span> <span class="haorooms" data-content="端">端</span> <span class="haorooms" data-content="博">博</s 阅读全文
posted @ 2021-07-09 09:29 MrSlow 阅读(345) 评论(0) 推荐(0)
摘要: transform属性 在CSS3中,可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 (1)浏览器支持 到目前为止:Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。 2旋转 使用rotate方法,在参数 阅读全文
posted @ 2021-07-09 09:20 MrSlow 阅读(294) 评论(0) 推荐(0)