- 博客(15)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 【vue3】ref全家桶
ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个.valueproperty，指向该内部值。在vue3中，定义的常量不是响应式的，修改值的时候页面不会发生变化。如果参数是一个ref，则返回内部值，否则返回参数本身。这是的语法糖函数。toRef可以用来为源响应式对象上的某个property新创建一个ref。然后，ref可以被传递，他会保持对其源property的响应式连接。将对象某个属性变成可响应式的，并且是双向的。
2023-06-19 15:57:49
132
原创 Parsing error: Unexpected token错误解决方案
问题描述：import动态导入，将js文件单独打包时，webpack打包错误import('./test') .then((res) => { // 文件加载成功 console.log(res.mul(2, 5)); }) .catch(() => { console.log('文件加载失败'); });构建出错：ERROR in ./src/js/index.jsModule Error (from ../../node_modules/_
2021-10-18 16:41:37
33044
4
原创 webpack5用url-loader打包后出现图片打不开、资源重复问题
问题描述使用webpack5进行图片资源打包时，打包后图片打不开，并且有重复的图片资源。问题分析1、webpack.config.js配置文件代码：const { resolve } = require("path");const HtmlWebpackPlugin = require("html-webpack-plugin");module.exports = { entry: "./src/index.js", output: { filename: "b
2021-08-26 17:16:10
893
3
原创 img 标签显示不出https源的图片
问题描述web端（PC）端使用img标签。src为https域的源。发现403，图片请求失败。解决方案只针对web端。在head里添加代码<meta name="referrer" content="no-referrer">
2021-08-06 10:31:36
1005
1
原创 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
3868
原创 echarts地图tooptip滚动显示，地图随之一起选中状态展示
主要代码 this.mapOptions = { tooltip: { show: true, backgroundColor: "rgba(0,0,0,0.8)", borderColor: "rgba(0,0,0,0.8)", textStyle: { color: "#fff" }, formatter: fu
2021-06-17 16:11:30
363
原创 本地部署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
141
原创 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
205
原创 IE下字符串转日期对象出错
问题描述：将例如："2021-05-08 00:00" 字符串想转换成时间戳，第一步，现将字符串转换成日起对象，发现打印出来不可用的日期格式，在谷歌下是可以正常穿换成日期对象的。解决方法：查询了相关资料后，发现IE下想要转换成日期对象，格式必须为"2021/05/08"；再次尝试：转换成功...
2021-05-27 10:22:58
114
原创 vue项目打包部署后默认路由不正确问题
问题描述：vue项目本地开发的时候默认路由没问题，例如redirect:"/index"但是部署以后，服务器上默认路由不正确，现在遇到的问题是，会默认跳转到login页面，前提项目没有做路由权限。解决方案：打开路由index.js文件，添加:base:"/"const routers = new Router({ mode: "history", base: "/"})再次打包发布到服务器，发现问题解决。...
2021-04-27 14:13:20
1165
原创 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
79
原创 本地部署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
213
原创 swagger转md或其他文档
问题描述：很多开发接入了swagger插件生成了对应的接口页面。但是每次查看接口的时候需要后端同学开启服务查看对应的swagger接口页面。所以我们想到将每次生成的swagger直接转换成word、md或者其他格式。解决方案1、打开对应的swagger页面，点击项目名称下方的链接。打开链接会是一个内容为json格式的页面。将页面另存为json。2、解析json文件为对应的文档这里解析直接采用的yapi生成对应的模板；在yapi项目中直接新建项目，导入刚刚保存的json。就会生成新的swag
2021-04-26 16:50:49
2087
原创 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
765
1
原创 JS的堆、栈，数据赋值
一、 堆(heap)和栈(stack)栈(stack)会自动分配内存空间，会自动释放。堆(heap)动态分配的内存，大小不定也不会自动释放二、数据类型1、基本类型（简单的数据段，存放在栈里面，占固定大小的空间）基本类型有：Undefined、Null、Boolean、Number 和String。这些类型在内存中分别占有固定大小的空间，他们的值保存在栈空间，我们通过按值来访问的。...
2018-08-09 18:09:00
520
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人