摘要: ps 最近和后端在交流关于幂等性的处理,本来以为表单提交之前只有前端需要做处理,原来后台post本来不具备幂等性,为了防重复创建后台这边会加一些优化来防止一些关键数据的重复创建 锁(redis) 数据库的“唯一索引” 基于对http幂等性的理解 所谓的幂等性,相同的请求执行多次和执行一次的副作用是一 阅读全文
posted @ 2020-05-15 18:20 whkl梅 阅读(368) 评论(0) 推荐(0) 编辑
摘要: vue-loader则只配置了css加载器以及编译css之后自动添加前缀。(所以才可以直接编译.vue文件里面的sass样式) 上面的代码中调用了exports.cssLoaders(options),用来返回针对各类型的样式文件的处理方式,具体实现如下 阅读全文
posted @ 2017-03-27 18:54 whkl梅 阅读(26786) 评论(0) 推荐(0) 编辑
摘要: 前端框架 vue + antvue + ts + axios 场景: 实现导出zip包到本地,导出的zip包可以再编辑后导入系统 导出功能 将数据流转成zip下载到本地 功能实现 使用a标签的下载功能。 download可以设置下载文件的名称 注意当使用download属性实现下载时要添加后缀!!! 阅读全文
posted @ 2021-11-18 18:08 whkl梅 阅读(411) 评论(0) 推荐(1) 编辑
摘要: 问题场景 后台不提供富文本存储,所以emoji表情入库会报错 需求要求前端在输入的时候过滤掉表情符号 全局的input 和富文本textarea输入框都需要过滤emoji表情 问题分析 1.每一个input写事件写正则校验代码量实在太多了还很麻烦;所以想用自定义全局指令,就不需要每个用到的地方都去引 阅读全文
posted @ 2021-09-28 18:04 whkl梅 阅读(1257) 评论(0) 推荐(1) 编辑
摘要: 问题1: windows 电脑用微软中文输入法输入一个字符会显示多个 问题2: mac或者其他中文输入法输入都会有闪烁的抖动感 问题3:由于需求所定,这是一个自定义的输入框,并且要实时更新,所以用不了v-model 与@blur (用mac电脑没重现输入一个字符变多个,截图了测试提的bug,bug被 阅读全文
posted @ 2021-09-24 17:40 whkl梅 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 父组件引用子组件时,可以用: 也可以用@ 传递方法。 @是v-on指令的简写,表示监听事件; 用于父子组件之间方法的传递 @是v-on的简写,是为组件绑定事件,子组件不需要接收,在子组件的$listeners上可以找到,可以使用this.$emit('xxx')手动触发,这样就会触发事件上绑定的函数 阅读全文
posted @ 2021-08-31 15:22 whkl梅 阅读(110) 评论(0) 推荐(0) 编辑
摘要: vue上所有生命周期中的钩子方法里(如created,mounted,updated)使用this,this指向调用它的vue实例 (new Vue),this的指向会影响ts的类型推断,为了更好地用class的模式来写vue组件。 vue-class-component 带来了很多遍历 官网 1. 阅读全文
posted @ 2021-07-14 18:40 whkl梅 阅读(1833) 评论(0) 推荐(0) 编辑
摘要: 一. 通过vite命令构建vue3+ ts vite官网 npm init @vitejs/app or yarn create @vitejs/app 通过附加命令指定项目名称和指定模板 生成的文件结构 在src内添加route store views 文件夹 二.安装其他插件 ant-desig 阅读全文
posted @ 2021-07-13 20:17 whkl梅 阅读(1404) 评论(0) 推荐(0) 编辑
摘要: vue 修饰符sync的功能是:当一个子组件改变了一个 prop 的值时,这个变化也会同步到父组件中所绑定。 vue官方文档介绍 .sync修饰符 不使用.sync之前的写法 // 父组件 <parent :message=“bar” @update:message=“updateMessage”> 阅读全文
posted @ 2021-07-12 18:11 whkl梅 阅读(232) 评论(0) 推荐(0) 编辑
摘要: 1. v-model 用在input上 v-model 是一个语法糖,在input上使用, 相当于v-bind 动态绑定一个value属性, v-on 给当前属性增加input事件 <input type="text" v-model="zm"> <!--等同于下面--> <input type=" 阅读全文
posted @ 2021-07-09 17:29 whkl梅 阅读(619) 评论(0) 推荐(0) 编辑
摘要: JS整数的精度是Math.pow(2,53),大于 9007199254740992 (16位数)的可能会丢失精度。所以对于大数字加减和比较,可以将数字拆分成多个15位数字,进行加减或比较。 比如后台返回一个18位的整数,直接取值会失去精度,当然也无法正常对比大小 // json串里面的长整型使用b 阅读全文
posted @ 2021-07-08 19:57 whkl梅 阅读(309) 评论(1) 推荐(1) 编辑
摘要: 概括 slice(start,end) 从哪到哪开始删 splice(strt,end,index1,index2) 从什么位置开始,删几个?删了后插入什么新元素? 数组中的slice()方法 可以用来从数组中提取指定元素 该方法不会改变元素数组,而是将截取到的元素封装到一个新数组中返回 参数: 1 阅读全文
posted @ 2020-07-17 16:21 whkl梅 阅读(1934) 评论(0) 推荐(1) 编辑