随笔分类 - web开发
发表于 2021-01-26 22:18阅读：109评论：0推荐：0
摘要：代码 代码如下(部分省略): <template> <a-menu :default-selected-keys="['1']" mode="inline" theme="dark" :inline-collapsed="collapsed" style="height: 100%;display:
阅读全文 »
发表于 2021-01-26 21:50阅读：2236评论：0推荐：0
摘要：序言 开发的时候有时候会遇到一种情况，比如 ：点击这个链接跳转到其他组件的情况，通常会跳转到新的页面，但是我们不想跳转到新页面，只在当前页面切换着显示，那么就要涉及到路由的嵌套了，也可以说是子路由的使用。 在需要嵌套的页面的路由地址中添加children属性,添加对应的路径 使用方法 rounter
阅读全文 »
发表于 2021-01-22 00:08阅读：1238评论：0推荐：0
摘要：问题 在vue-cli项目中的assets文件下建立全局样式表 global.scss ,在main.js中引入后可以直接引用样式,但无法在 global.scss 中配置全局颜色变量 vue-cli在vue.config.js文件中配置scss全局变量 步骤 建立全局样式表global.scss
阅读全文 »
发表于 2021-01-21 23:45阅读：681评论：0推荐：0
摘要：问题 配置全局css颜色变量时报错 vue.config.js中的代码: module.exports = { css: { loaderOptions: { sass: { //依次导入的公用的scss变量，公用的scss混入，共用的默认样式 prependData: `@import "./sr
阅读全文 »
发表于 2021-01-19 21:50阅读：1125评论：0推荐：0
摘要：1.em 在做手机端的时候经常会用到的做字体的尺寸单位 说白了 em就相当于“倍”，比如设置当前的div的字体大小为1.5em，则当前的div的字体大小为：当前div继承的字体大小*1.5 但是当div进行嵌套的时候，em始终是按照当前div继承的字体大小来缩放，参照后面的例子。 2.rem 这里的
阅读全文 »
发表于 2021-01-18 23:09阅读：709评论：0推荐：0
摘要：1.原生js操作dom const dom = getElementById('box') 2.vue官方方法：ref 组件 ref <div class="set" ref="up"> 该元素是我们要操作的dom对象，它的ref是 up @click="Alert" 给元素一个点击事件,编写对应的
阅读全文 »
发表于 2021-01-12 21:56阅读：2342评论：0推荐：2
摘要：这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与其他两种方法相比具有如下特点： 支持多色图标了，不再受单色限制。 通过一些技巧，支持像字体那样，通过font-size,color来调整样式。 兼容性较差，支持 i
阅读全文 »
发表于 2021-01-06 15:44阅读：413评论：0推荐：0
摘要：概念 函数节流:频繁触发,但只在特定的时间内才执行一次代码 函数防抖:频繁触发,但只在特定的时间内没有触发执行条件才执行一次代码 两者的区别在于函数节流是固定时间做某一件事,比如每隔 1s 发一次请求。而函数防抖实在频繁触发后,只执行一次(两者的前提都是频繁触发) 比如在触发滑动条件下，当触及滑动条
阅读全文 »
发表于 2021-01-05 22:44阅读：3975评论：0推荐：2
摘要：vue 根据数组中某一项的值进行排序 1.排序方法 这里用到的是数组的sort方法，这个方法有一个需要注意的地方，就是不传参数的话，将按字母顺序对数组中的元素进行排序，说得更精确点，是按照字符编码的顺序进行排序。这并不是我们想要的排序方法，所以必须要传参。 sort方法的参数是一个函数，这个函数提供
阅读全文 »
发表于 2021-01-05 22:26阅读：1866评论：0推荐：0
摘要：vant框架弹出框Dialog的异步请求操作 vant框架的弹出框Dialog的异步请求代码: delMsg() { this.$dialog.confirm({ title: '确认删除吗', message: '删除后消息不可恢复,是否继续该操作', confirmButtonColor: '#
阅读全文 »
发表于 2021-01-04 20:18阅读：794评论：0推荐：0
摘要：vue 加载动画代码实现 直接上代码： .demo-spin-icon-load { animation: ani-demo-spin 1s linear infinite; } @keyframes ani-demo-spin { from { transform: rotate(0deg); }
阅读全文 »
发表于 2020-12-30 00:07阅读：1856评论：0推荐：0
摘要：问题 在用vue开发时碰到父组件传值子组件时不能触发子组件的props里对应的值的default值。 父组件代码: <template> <div> <TabOrderClaim :compData="companyInfo" ></TabOrderClaim> </div> </template>
阅读全文 »
发表于 2020-12-29 22:19阅读：2882评论：0推荐：0
摘要：最近做开发时使用reduce方法报错undefined,最开始以为是由于js库文件中没有此类方法,后来才发现还有种可能是调用该方法的值为undefined,例如value.reduce()方法若显示未定义,可能是由于value自身的值为未定义. 出现这种报错，首先你要明白原因是什么，大多数情况下是'
阅读全文 »
发表于 2020-12-28 21:44阅读：2579评论：0推荐：0
摘要：input框限制只能输入中文 利用正则表达式来让input中的值限制输入中文 先来看代码： let value = '测试123'; value.replace(/[^\u4e00-\u9fa5]/g, '') 声明value值初始化 然后用 replace函数 来替换正则表达式中不属于中文的字符
阅读全文 »
发表于 2020-12-26 21:42阅读：3159评论：0推荐：0
摘要：vue的data数据的动态引用 做项目时有时候会用到多个pop弹出层,pop弹出层的v-model显示则会有多个data的变量控制,则相应的有多个函数控制这些不同变量.如果能将这些显示隐藏的函数抽象为一个通用方法,根据传入的参数给data赋值。(比如有4个pop弹出层，控制他们隐藏和显示要用到至少4
阅读全文 »
发表于 2020-12-26 12:38阅读：11211评论：0推荐：1
摘要：vue父组件向子组件传值，不实时更新解决 在运用vue搭建项目将页面分成各个组件时，时常会遇到将父组件的请求到的数据传入子组件用于操作显示，然后将操作好的数据从子组件传出，因为vue经验不常用就会将其遗忘，所以特此将所阅读到并有所获的博客修改后记录下来，防止技术遗忘。 现在我们创建一个templat
阅读全文 »
