- 博客(12)
- 收藏
- 关注
RSS订阅原创 vite搭建react，集成less，配置alias别名，配置proxy跨域，vite环境变量和模式，使用react-router-dom路由，状态管理Redux，配置Ant Design样式库
使用vite搭建react项目，集成less，配置 alias 别名，配置 proxy 跨域，vite环境变量和模式，使用 react-router-dom 路由，状态管理Redux，配置 Ant Design 样式库
2025-03-04 09:37:16
1295
原创 在creact-react-app当中使用craco插件，配置生产环境取消console解决办法
terser-webpack-plugin配置生产环境取消console后报“options has an unknown property ‘sourceMap’”
2024-07-17 10:54:26
322
原创 nuxt3访问不存在路由重定向至首页404 Page not found
nuxt3中访问不存在路由出现Page not found:这种情况下希望跳转到首页避免错误展示。
2023-12-07 10:59:14
932
转载 Vue inspect 命令
// 导出 webpack 配置信息(导入到项目目录中)，webpack.config.js 可修改成自定义文件名vue inspect > webpack.config.js// 输出 指定环境 的配置信息 mode：production、test、developmentvue inspect --mode <mode>// 查看所有已配置规则名称列表vue inspect --rules输出为：[ 'vue', 'images', 'svg',
2022-03-06 17:01:07
822
转载 css中calc()计算函数在less编译出错解决方法
问题在使用less编写以下样式时：height: calc(100% - 10px);会被编译成：height: calc(90%);我们想要的结果应该是减去 10px 而不是 10%！解决这是因为less自带有 减 的方法，导致在编译时，会直接进行减法运算，而忽视了单位。所以需要添加 ~ 符号进行转义，使其原样输出：height: ~"calc(100% - 10px)";或者height: calc(~"100% - 10px");以上代码皆可解决！...
2022-01-18 10:45:50
517
原创 解决小程序直播组件live-player全屏问题
解决小程序直播组件live-player全屏问题链接: 官网live-player.小程序自带组件live-player并没有提供全屏按钮，需要自己手写全屏和退出全屏实现思路：点击视频 显示放大图标 点击放大和缩小图标 调用对应api代码wxml<view bindtap="showFull"> <view class="live-video" bindtap="showFull"> <live-player id="livePlayer" src=
2021-12-22 14:50:15
12414
原创 vue + element-ui Table 多页选择数据并记录保存选中的数据
需求： 开发中我们常常会用到表格的复选框功能，在表格进行翻页或者切换条数时，希望还能记住之前的勾选项。问题：当我选了第一页的一条数据时，点到第二页，数据就刷新了，第一页选的选项也就没有保存了，所以就只能永远选择一页内的数据。<el-table ref="multipleTable1" :data="tableData4" tooltip-effect="dark" style="...
2019-09-18 10:39:19
2533
原创 为什么 vue.js存在某些情况下 v-model绑定数据不实时更新呢?
最近做项目多次出现这个问题，尝试多次解决了，浪费挺多时间，写出来给有这类问题的朋友一个参考。问题再给vue data中object类型数据赋值时存在不实时显示的情况解决方法：见Vue.js中文官网->进阶->深入响应式原理->变化检测问题 受现代 JavaScript 的限制（以及废弃 Object.observe），Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对
2017-09-20 11:54:36
19737
转载 解决弹出的窗口window.open会被chrome浏览器阻止的问题
原因分析1 当浏览器检测到非用户操作产生的新弹出窗口，则会对其进行阻止。因为浏览器认为这不是用户希望看到的页面2 在chrome的安全机制里面，非用户触发的window.open方法，是会被拦截的。var btn = $('#btn');btn.click(function () { //不会被拦截 window.open('http://cssha.com')});如上 wi
2017-05-15 16:38:48
3075
转载 了解DocumentFragment 给我们带来的性能优化
JavaScript里还有这样一个很有用的东西：DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。DocumentFragment例子我们要使用UL元素，然后往里面插入L
2017-05-11 11:34:04
443
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人