嘻嘻的妙妙屋-CSDN博客

方式1，splicevar ary = [1,2,3,4];ary.splice(0,ary.length);console.log(ary); // 输出 []，空数组，即被清空了方式2，length赋值为0这种方式很有意思，其它语言如Java，其数组的length是只读的，不能被赋值。如：int[] ary = {1,2,3,4};ary.length = 0;Java中会报错，编译通不过。而JS中则可以，且将数组清空了。var ary = [1,2,3,4];ary.lengt

2022-01-18 16:53:22 3059

原创【Vue3】vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification

问题描述vite打包报错：块的大小超过限制，Some chunks are larger than 500kb after minification：解决方法加大限制的大小将500kb改成1000kb或者更大：chunkSizeWarningLimit:1500build.chunkSizeWarningLimit 类型： number默认： 500块大小警告的限制（以 kbs 为单位）分解块，将大块分解成更小的块：rollupOptions: { outp

2022-01-18 15:53:58 1901

原创【Vue3】项目打包上线部署到服务器

1、npm run build打包项目，生成dist文件夹；2、将dist文件夹复制，粘贴到服务器中；

2022-01-18 15:39:08 2072

原创【HTML】点击直接下载文件

1、使用<a>标签<a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>这样当用户打开浏览器点击链接的时候就会直接下载文件。但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;实例如下：移到标签<a>标签上可以显示文件路径，根据路径提示进行文件路径的补全<!DOCTY

2022-01-18 15:34:02 5423

原创【Vue3】vite 配置IP，解决“vite use `--host` to expose”

问题描述vite 启动后出现 “ Network: use --host to expose ”vite v2.3.7 dev server running at: > Local: http://localhost:3000/ > Network: use `--host` to expose原因分析这是因为IP没有做配置，所以不能从IP启动，需要在 vite.config.js做相应配置；解决方法在 vite.config.js中添加 server.host 为 0.

2022-01-17 20:55:09 6956

原创【CSS】div层调整z-index属性无效原因分析及解决方法

问题描述div层调整z-index属性无效；原因分析在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。z-index无论设置多高都不起作用情况这种情况发生的条件有三个：父标签 position属性为 relative；问题标签无position属性（不包括static）；问题标签含有浮动(float)属性。eg：z-index层级不起作用，浮动会让z-in

2022-01-17 20:47:01 1419

原创【Vue3】axios 封装

首先，在项目 src 目录下新建一个 config 文件夹，并在该文件夹下新建一个 index.js：// index.jsexport default { development: { baseUrl: 'http://xxx.xxx.xxx.xxx:xxxx' // 测试接口域名 }, beta: { baseUrl: 'http://xxx.xxx.xxx.xxx:xxxx' // 测试接口域名 }, release: { baseUrl: 'http:

2022-01-17 20:40:12 7640

原创【Vue3】Ant-Design 文件上传

Vue3 Ant-Design 文件上传

2022-01-17 19:27:28 2337 2

原创【Vue2】Vue2中的事件和方法全解

Vue2中的事件和方法全解

2022-01-17 13:55:57 3585 1

原创【Vue3】使用reactive包裹数组赋值

需求将接口请求到的列表数据赋值给响应数据arr代码const arr = reactive([]);const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.concat(res); // 方法3 可以，但是很麻烦 res.forEach(e => { arr.push(e);

2022-01-17 12:43:31 6017

原创【SpringBoot】跨域(CORS)支持：注解@CrossOrigin

跨域(CORS)支持出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。Spring Framework 4.2 GA为CORS提供了第一类支持，使您比通常的基于过滤器的解决方案更容易和更强大地配置它。所以springMVC的版本要在4.2或以上版本才支持@CrossOrigin使用方法controller 配置 CORS

2022-01-17 12:28:34 379

原创【MySQL】数据表自动生成ER图

环境mysql workbench步骤通过菜单栏 ”Database”，选择“Reverse Engineer…”，输入连接信息，并一路Next；选择要生成ER图的数据库：一路Next，最后excute和close；可以看到，在ERR Diagram区域多了一张图，点击它，就看到了自己想要的ER图了：导出到图片：...

2022-01-17 12:11:58 17932

原创【CSS】设置文字不能被选中&解除限制

方法一：JSif (typeof(element.onselectstart) != "undefined") { // IE下禁止元素被选取 element.onselectstart = new Function("return false"); } else { // firefox下禁止元素被选取的变通办法 element.onmousedown = new Function("return fals

2022-01-16 20:51:30 1100

原创【Vue3】实现动态给id赋值，点击事件获取当前点击的元素的id操作

场景需要让输出的 id 为 0，1……代码<div v-for="(item,index) in list" :key="index" > <div :id="index" @click="b(index)">我是id</div></div>然后在 vue 的实例中就可以拿到对应的 idb(index){ this.list.splice(index,1);}或<div @click="open($event)" id="

2022-01-16 20:24:05 5483 1

Tampermonkey_10_38_59 油猴插件

空空如也