- 博客(191)
- 资源 (1)
- 收藏
- 关注
原创 【2023秋招面经】联想IDG Web前端开发工程师 一面(1h10min)
【2023秋招面经】联想IDG Web前端开发工程师 一面凉经 1h10min
2022-09-30 14:42:52
1046
原创 【Webpack】webpack5 模块联邦(Module Federation)实践
webpack5 模块联邦(Module Federation)- 未来组件包更新解决方案
2022-06-23 17:12:01
6179
1
原创 前端测试工具 SwitchHosts + Charles + Proxy SwitchyOmega
前端测试工具 SwitchHosts + Charles + Proxy SwitchyOmega
2022-06-23 16:24:26
1613
原创 【React】react-infinite-scroll-component 实现滚动加载
react-infinite-scroll-component 实现滚动加载
2022-06-23 11:09:44
4343
原创 【JavaScript】清空数组的三种方式
方式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
3095
原创 【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
1973
原创 【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
5894
原创 【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
7286
原创 【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
1501
原创 【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
7708
原创 【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
6411
原创 【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
394
原创 【MySQL】数据表自动生成ER图
环境mysql workbench步骤通过菜单栏 ”Database”,选择“Reverse Engineer…”,输入连接信息,并一路Next;选择要生成ER图的数据库:一路Next,最后excute和close;可以看到,在ERR Diagram区域多了一张图,点击它,就看到了自己想要的ER图了:导出到图片:...
2022-01-17 12:11:58
18921
原创 【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
1163
原创 【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
5887
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人