前端笔记
张小哇
Life begins at the end of your comfort zone
展开
-
【vue3】ref全家桶
ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个.valueproperty,指向该内部值。在vue3中,定义的常量不是响应式的,修改值的时候页面不会发生变化。如果参数是一个ref,则返回内部值,否则返回参数本身。这是的语法糖函数。toRef可以用来为源响应式对象上的某个property新创建一个ref。然后,ref可以被传递,他会保持对其源property的响应式连接。将对象某个属性变成可响应式的,并且是双向的。原创 2023-06-19 15:57:49 · 187 阅读 · 0 评论 -
vue项目中使用jsonp
一、安装插件vue-jsonpnpm i vue-jsonp -S二、在项目中使用插件2.1 全局引用import { VueJsonp } from 'vue-jsonp'// Vue Plugin.Vue.use(VueJsonp)// Now you can use this.$jsonp in Vue components.const vm = new Vue()vm.$jsonp('/some-jsonp-url', { myCustomUrlParam: 'veryN原创 2021-07-29 17:20:24 · 3930 阅读 · 0 评论 -
本地部署yapi接口管理平台
一、所需环境~nodejs(7.6+)mongodb(2.6+)安装MongoDB,并创建yapi数据库全局安装yapinpm install -g yapi-cli --registry https://registry.npm.taobao.org二、 如何开启服务yapi server开启yapi服务,会输出可视化页面的地址。三、如何使用然后打开MongoDB链接输入好各配置项以后,点击开始部署。输出部署成功以后,在yapi部署目录下新建终端,这里就是C:\Users\m原创 2021-06-03 17:32:53 · 165 阅读 · 0 评论 -
elementUI 日期区间选择区间不可用在IE上失效
问题描述:需求为昨天开始往前推两年内的时间可以选择,其余时间置灰不可选。实现方案如下:// 两年内时间可选const pre = new Date();// 获取两年前这个月的1号const fullDate = (pre.getFullYear() - 2) + "/" + (pre.getMonth() + 1) + "/" + pre.getDate();const judgeDate = new Date(fullDate);const _yesterday = new Date();原创 2021-05-27 10:33:06 · 250 阅读 · 0 评论 -
IE下字符串转日期对象出错
问题描述:将例如:"2021-05-08 00:00" 字符串想转换成时间戳,第一步,现将字符串转换成日起对象,发现打印出来不可用的日期格式,在谷歌下是可以正常穿换成日期对象的。解决方法:查询了相关资料后,发现IE下想要转换成日期对象,格式必须为"2021/05/08";再次尝试:转换成功...原创 2021-05-27 10:22:58 · 138 阅读 · 0 评论 -
vue项目打包部署后默认路由不正确问题
问题描述:vue项目本地开发的时候默认路由没问题,例如redirect:"/index"但是部署以后,服务器上默认路由不正确,现在遇到的问题是,会默认跳转到login页面,前提项目没有做路由权限。解决方案:打开路由index.js文件,添加:base:"/"const routers = new Router({ mode: "history", base: "/"})再次打包发布到服务器,发现问题解决。...原创 2021-04-27 14:13:20 · 1232 阅读 · 0 评论 -
vue修饰符
Vue修饰符1.常用事件修饰符.stop.prevent.capture.self.once.passive<!--.stop阻止事件冒泡;.self只响应自己的事件,不响应子节点冒泡上来的事件--><div @click.self="parentClick"> <a href="javascript:void(0)" @click.stop="childClick"></a></div><!--.pre原创 2021-04-26 17:13:36 · 95 阅读 · 0 评论 -
本地部署yapi接口管理平台
一、所需环境nodejs(7.6+)mongodb(2.6+)安装MongoDB,并创建yapi数据库全局安装yapinpm install -g yapi-cli --registry https://registry.npm.taobao.org二、 如何开启服务yapi server开启yapi服务,会输出可视化页面的地址。三、如何使用然后打开MongoDB链接输入好各配置项以后,点击开始部署。输出部署成功以后,在yapi部署目录下新建终端,这里就是C:\User原创 2021-04-26 17:11:19 · 238 阅读 · 0 评论 -
swagger转md或其他文档
问题描述:很多开发接入了swagger插件生成了对应的接口页面。但是每次查看接口的时候需要后端同学开启服务查看对应的swagger接口页面。所以我们想到将每次生成的swagger直接转换成word、md或者其他格式。解决方案1、打开对应的swagger页面,点击项目名称下方的链接。打开链接会是一个内容为json格式的页面。将页面另存为json。2、解析json文件为对应的文档这里解析直接采用的yapi生成对应的模板;在yapi项目中直接新建项目,导入刚刚保存的json。就会生成新的swag原创 2021-04-26 16:50:49 · 2204 阅读 · 0 评论 -
elment-ui 日期选择器 月份区间选择的问题解决
elment-ui 日期选择器月份区间选择的问题解决问题描述日期选择器-月份区间选择;设置不可用时间后,(如设置当前月份往前推两年时间不可用);可用日期第一个月点击不生效。点击四月不能选中,其他月份正常解决方法之前的不可用日期写法为:const pre = new Date();const twoYears = pre.setFullYear(pre.getFullYear() - 2);return time.getTime() > Date.now() || time.get原创 2021-04-26 10:42:47 · 808 阅读 · 1 评论 -
JS的堆、栈,数据赋值
一、 堆(heap)和栈(stack)栈(stack)会自动分配内存空间,会自动释放。堆(heap)动态分配的内存,大小不定也不会自动释放二、数据类型1、基本类型(简单的数据段,存放在栈里面,占固定大小的空间)基本类型有:Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间,他们的值保存在栈空间,我们通过按值来访问的。...原创 2018-08-09 18:09:00 · 540 阅读 · 0 评论