自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 在creact-react-app当中使用craco插件,配置生产环境取消console解决办法

terser-webpack-plugin配置生产环境取消console后报“options has an unknown property ‘sourceMap’”

2024-07-17 10:54:26 169

原创 nuxt3访问不存在路由重定向至首页

nuxt3中访问不存在路由出现Page not found:这种情况下希望跳转到首页避免错误展示。

2023-12-07 10:59:14 568

原创 Vue3中自定义组件实现v-model

Vue3中 自定义组件实现v-model

2023-06-26 10:49:10 590

原创 vue3父组件触发子组件事件或数据

vue3 父组件调用子组件事件,子组件需通过defineExpose暴露方法或者数据

2022-08-24 14:23:05 4698 1

转载 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 704

转载 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 451

原创 解决小程序直播组件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 12058

原创 vue + element-ui Table 多页选择数据并记录保存选中的数据

需求: 开发中我们常常会用到表格的复选框功能,在表格进行翻页或者切换条数时,希望还能记住之前的勾选项。问题:当我选了第一页的一条数据时,点到第二页,数据就刷新了,第一页选的选项也就没有保存了,所以就只能永远选择一页内的数据。<el-table ref="multipleTable1" :data="tableData4" tooltip-effect="dark" style="...

2019-09-18 10:39:19 2402

原创 为什么 vue.js存在某些情况下 v-model绑定数据不实时更新呢?

最近做项目多次出现这个问题,尝试多次解决了,浪费挺多时间,写出来给有这类问题的朋友一个参考。问题再给vue data中object类型数据赋值时存在不实时显示的情况解决方法:见Vue.js中文官网->进阶->深入响应式原理->变化检测问题 受现代 JavaScript 的限制(以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对

2017-09-20 11:54:36 19301

转载 解决弹出的窗口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 2879

转载 了解DocumentFragment 给我们带来的性能优化

JavaScript里还有这样一个很有用的东西:DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上,对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构,而效率高是它真正的优势,试验表明,它比直接操作DOM快70%。DocumentFragment例子我们要使用UL元素,然后往里面插入L

2017-05-11 11:34:04 382

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除