JS
fina_
这个作者很懒,什么都没留下…
展开
-
在vue2在组件上使用 v-model
vue2在组件上使用 v-model原创 2022-02-25 18:24:30 · 448 阅读 · 0 评论 -
this.$refs类型识别问题、四种类型写法
ts,$refs类型完善,$refs上能查询到 codemirror对象,但是不能访问到 codemirror 对象下面一级的对象转载 2022-02-18 17:45:50 · 688 阅读 · 0 评论 -
FileReader对象的使用
前端文件上传并解析文件内容,FileReader对象的使用原创 2022-01-28 17:39:04 · 513 阅读 · 0 评论 -
Component is missing template or render function.
引入组件之后不显示。现象:1、组件的 mounted 可以触发。2、组件结构就是不渲染。3、组件有写有template。4、components里面注册了原创 2021-12-10 15:21:01 · 7999 阅读 · 1 评论 -
做一个聊天室
整体架构掘金@功能vue-at 组件原创 2021-10-25 17:37:25 · 84 阅读 · 0 评论 -
资源引入 require
requirerequire 的使用位置:template 里面使用会报错,要在JS里面使用。img src 使用 require 并且动态拼接 遇到的错误// 正确async function getApp() { try { const { data } = await api.getApp(); data.forEach((item) => { list1.push({ icon: require('../../../asset原创 2021-10-19 17:11:40 · 334 阅读 · 0 评论 -
同步、异步
async-awaitasync-await 可以把同步的函数转换为异步的函数相关案例: try { getBaseInfo(); } catch (error) { console.log(error); }这时候想 打印出来 error 是不可能的,因为 getBaseInfo 是异步函数,而 try catch 又是同步的。所以正确写法是 try { await getBaseInfo(); } catch (error) { co原创 2021-10-19 16:49:22 · 71 阅读 · 0 评论 -
全局挂载的函数与注销——重复调用函数
场景:window.resize( ) 了一个函数,然后第一次打开页面调用一次,第二次打开页面调用两次。。。。原因:1、window.addEventListener 全局挂载,只有当全局生命周期结束时候,函数会自动回收2、这个组件mounted一次,就挂在一个 ‘resize’ 在 window.addEventListener 上所以要手动注销const instanceResize = ()=>{}// 定义onMounted(() => { ne原创 2021-10-19 16:36:49 · 669 阅读 · 0 评论 -
组件数据交互——eventBus / vuex / provide / prop
eventBuseventBus因为是使用的一个全局VUE实例,所以每使用一次后,就多一个eventBus,这会导致“想调用一次eventBus,但无意将历史eventBus一起调用了”这种问题解决办法:解决办法是在使用eventBus的组件内,在使用完后,记得销毁eventBus。beforeDestroy钩子函数里面销毁eventBusvuexprovideprovide...原创 2021-10-08 10:46:38 · 155 阅读 · 0 评论 -
页面跳转——router.push或者window.open
window.open(url,target,features,replace)打开一个新窗口,或者是已命名窗口。url:target:features:replace:router.push$router.push({path:`/first/second/${row.groupId}`,});//router.push的路由路径,如果最前面没有斜杠的话,会和原路径拼接到一起...原创 2021-09-10 14:22:22 · 951 阅读 · 0 评论 -
clipboard——复制
常见方法:1、clipboard.js2、document.execCommand()已废弃3、Navigator.clipboard (原生)参考:JavaScript复制内容到剪贴板MDN——Navigator.clipboard原创 2021-07-26 15:41:55 · 548 阅读 · 0 评论 -
axios
axios是一个第三方JS库,用于实现接口调用的用法:① 下载,然后再像一个JS文件引入 axios.js文件② 或者 使用npm 安装axios特征:(axios是一个基于promise用于浏览器和node.js的 HTTP 客户端),是一个基于promise,可以用于浏览器的 http 客户端 和 node.js的 http 客户端支持浏览器和node.js (浏览器、node.js都是客户端,是环境) 支持promise 支持请求拦截器、响应拦截器 自动转换JSON数..原创 2021-07-26 15:22:45 · 223 阅读 · 0 评论 -
vue——@component——继承 的一些知识点
vue的@component的学习背景:有一次要用到继承来写,继承里面又涉及到 super.created() 的访问,然后又涉及到在父类访问 this.$store 和 this.属性 ... 这些都出问题了,报错信息写在情况:祖父类:import components1 from '@/components';import { Component, Vue } from 'vue-property-decorator';@Component({ components:.原创 2021-07-21 11:54:26 · 3810 阅读 · 0 评论 -
从login到第一个页面
/login 页面 → 点击 确定 login 请求成功 → this.$router.push({ name: 'index' }) // 根路由→ 进入路由拦截器(因为 to.path 不为登录路由,然后又没有用户信息,所以第一次获取用户信息,然后生成动态路由)(获取用户信息那一部分,在state.userInfo里面存储了模块权限和操作权限)if(to.path===登录路由){ next()}else{ if(vuex的userinfo有){ ...原创 2021-07-20 15:53:27 · 94 阅读 · 0 评论 -
记一次 登录 404
1、原因baseURL出错了,导致的,修改devServer.proxy.target 就可以了原创 2021-07-17 15:41:02 · 408 阅读 · 0 评论 -
promise.then() 的大坑
这次想用promise.then 做一个异步请求addTable().then(resolve()) 注:这是错误写法,没有一部效果addTable().then(()=> { resolve()}) 注:这是正确的原创 2021-07-01 11:31:36 · 232 阅读 · 0 评论 -
moment 与 moment.unix 区别 & moment用法
moment官方解释区别:moment(...) // 时间为毫秒moment.unix(...) // 时间为秒原创 2021-06-22 14:45:30 · 1956 阅读 · 0 评论 -
TS 学习进度表
目录基础类型变量声明基础类型变量声明原创 2021-06-03 18:56:51 · 90 阅读 · 0 评论 -
忘记密码功能实现
1、首先禁用浏览器的记住密码功能、然后完成记住密码/忘记密码功能2、 首先浏览器有记住密码功能,浏览器会识别 input 输入框,如果是type= password 输入框就会自动天入密码。浏览器记住密码自动补全是通过寻找代码中的input的type和name来定位元素的。浏览器以password 的input框为定位,它之前的一个输入框就是账号输入框。然后会给他们 赋初值。...原创 2021-05-28 11:16:17 · 1253 阅读 · 0 评论 -
数组方法合集
2021年5月19日arr.map((item)=>{...}).filter(item=>item) // 筛选数组并去掉不符合条件的项持续更新...原创 2021-05-19 19:47:49 · 58 阅读 · 0 评论 -
/:id 格式传参
/:id 形式 等同于 /${id}原创 2021-05-11 17:11:38 · 1335 阅读 · 0 评论 -
ant-design——vue——带默认参数的函数传递参数
在使用 ant-design 的 datePicker 的时候,遇到了 @change 方法,该方法不用写参数,就默认传递两个参数。我想要再传递一个 index 过来,怎么办呢?格式:@chaneg = "onChange"解决:1、尝试了 onChange($event,index){...}。此方法的问题在于,人家两个参数,我只是运气好,其中一个参数(第一个)对应$event,却把 dateString 弄丢了。2、正确的处理方法有两种(但我只成功了一种): ...原创 2021-05-06 21:31:41 · 1628 阅读 · 0 评论 -
window.open() 下载文件问题分析
首先这种模式适用于后端返回文件流的模式。window.open() 打开新的链接,这个链接访问到文件地址之后,就开始下载。其实同理 用a链接下载也是可以的,a链接添加 download 属性,然后herf链接是要下载的文件原文参考:https://blog.csdn.net/weixin_46074961/article/details/105677732 https://blog.csdn.net/qq_38555490/article/details/99697993...原创 2021-03-18 14:11:36 · 15305 阅读 · 0 评论 -
正则表达式
菜鸟教程正则表达式 test讲解():表示一个表达式^:标志以……开头。除非用在[ ] 以内,表示不匹配方括号以内的字符,其他时候标志着开始?:匹配前面的表达式一次或0次| :两项之间的一个选择test方法:匹配前面的字符串是否含有path路径...原创 2021-03-09 14:31:44 · 65 阅读 · 0 评论 -
Cookie localStorage sessionStorage
三者区别、localStorage sessionStorage的使用:原文转载自:https://blog.csdn.net/justlpf/article/details/82662365Cookie 的使用(原生 & jQuery):原文转载自:https://www.cnblogs.com/qiujianmei/p/10824682.html转载 2021-01-04 16:32:23 · 97 阅读 · 0 评论 -
动态路由
关键词:component:resolve=>require(['xxx'],resolve),动态路由的使用,为何抛弃import原创 2020-12-28 17:33:52 · 122 阅读 · 0 评论 -
Promise
Promise :解决异步问题的一种方案,promise是一个对象,从他可以获取异步操作的消息。可以解决回调地狱问题Promise :是一个函数,也是一个对象Promise的then可以重构Promise的回调函数上一个then的返回值类型有两种。 如果返回一个promise对象,下一个then的 参数函数 的参数得到的就是上一个then的结果。 上一个then如果返回一个普通值,则返回的普通值会传递给下一个then,通过th...原创 2020-12-20 15:24:09 · 70 阅读 · 0 评论 -
复习-JS
JS基础js组成:DOM+BOM+ECMAScript。(DOM+BOM主要在api阶段学)输入输出prompt 输入语句,返回值是字符串变量变量声明特殊情况:不声明 不赋值 直接使用报错如下图:xxx is not defined命名规范重点:驼峰命名法、区分大小写、字母数字下划线美元数据类型数字数字类型范围:isNAN数据类型转换转换为字符串:转换为数字:如果 遇到字符开头,parceInt()/parce..原创 2020-12-08 20:10:06 · 132 阅读 · 0 评论