- 博客(66)
- 资源 (3)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 vue3 keepAlive组件缓存
使用的是include 匹配，这里我理解keep-alive不参与组件渲染，不能用v-if来显示隐藏，所以如果要动态渲染只能按照官网iniclude 或 Exclude，为什么这么理解呢？这两个 prop 的值都可以是一个以英文逗号分隔的字符串、一个正则表达式，或是包含这两种类型的一个数组。这里用到了effect 所以注意路由meta对应的keepAlive 是响应式的。所以默认是会缓存内部所有组件实例，所以不能通过控制dom的方法来控制。1.通过rouer 的全局前置守卫来控制路由中的meta的参数。
2025-02-20 09:00:00
479
原创 uniapp canvas 生成海报并保存到相册
之前写过一篇canvas小程序画图只要是canvas各种方法的实际应用，有兴趣的小伙伴也可以看看上一篇文章是小试牛刀，这次是更加全面的记录生成海报的实战应用。
2025-02-14 12:02:15
764
原创 uniapp-微信小程序 实现pdf外链在线预览
注意点1:微信小程序外链展示，需要配置白名单注意点2：uniapp虽然提供了web-veiw组件可以展示外链h5页面，但是不支持pdf文件直接预览那么如何在线预览pdf呢？下面是我的解决方案
2024-12-18 18:51:23
1920
3
原创 npm常用指令，npm 下载有问题？
因为2024年1 月 22 日，淘宝原镜像域名（registry.npm.taobao.org）的 HTTPS 证书正式到期并更换为更为低调符合国家法律规定的镜像服务，这是一个完整 npmjs.org 镜像，你可以用此代替官方版本(只读)，同步频率目前为 10分钟 一次以保证尽量与官方服务同步。npm update express（要更新的依赖名）4.每次执行命令前加入–registry指定仓库路径。3.设置当前地址（设置为默认官方npm地址）2.设置当前地址（设置为淘宝镜像）
2024-10-24 12:38:31
197
原创 Hbuilder如何修改px转rpx的比例如图
打开偏好设置后选择语言服务配置，在px转rpx中设置对应比例，例如设计稿是375那就是0.5，设计稿是750就是1，公式按照设计稿宽度/750 得出比例。
2024-10-15 12:09:18
506
原创 Error: module ‘common/side-channel.js‘ is not defined, require args is ‘side-channel‘
【代码】Error: module 'common/side-channel.js' is not defined, require args is 'side-channel'
2024-10-14 11:04:36
413
原创 vant +vite 设计稿是750，postCssPxToRem如何配置
需要注意的是 postcss-pxtorem 的版本 如果是6.x 会有问题.上线时此配置不生效仍然计算为75的比例，所以最好使用。postcss-pxtorem 的版本5.x.x。
2024-10-12 17:17:58
644
1
原创 vite vue-cli 之vue3安装Vue devtools调试工具
官方默认推荐的就是内置vite-plugin-vue-devtools安装使用和Vue.js devtools 使用安装
2024-05-20 14:28:57
1498
原创 VScode 集成终端设置默认打开当前文件夹 mac系统
搜索 openInIntegratedTerminal 如图：点击设置 搜索 ntegrated:cwd 如下图：
2024-04-01 16:21:17
937
原创 JS 节流防抖
防抖是将多次执行变为最后一次执行，一个高频事件触发后 n 秒内函数只会执行一次，如果在 n 秒内高频事件再次被触发，则重新计算时间。这就像如果你正在等公交车，只要在等待时间内有人上车，公交车就会等到这个时间结束后才开走。关键点：setTimeout 定时器 apply arguments 闭包。
2024-03-29 09:30:00
560
原创 Web Speech API的语音识别技术
这是一个实验性技术目前兼容性如图：pc端几乎兼容，移动端部分不兼容网页语音 API 的接口是语音服务的控制接口；它可以用于获取设备上关于可用的合成声音的信息，开始、暂停语音，或除此之外的其他命令。SpeechSynthesis 也从它的父接口继承属性，EventTarget.SpeechSynthesis.paused 只读当SpeechSynthesis 处于暂停状态时， Boolean值返回 true。SpeechSynthesis.pending只读。
2024-03-13 17:26:46
2140
原创 excel-gen.js 导出excel 功能
主要是highcharts图表数据导出为excel，highcharts本身自带导出功能和额外使用excel-gen.js编写导出功能。
2023-11-20 18:04:06
885
原创 模板语言-Handlebars
Handlebars 是什么Handlebars 是一种简单的模板语言。它使用模板与传入的对象来生成HTML 或者其他文本格式。Handlebars 模板看起来像是嵌入了handlebars 表达式的普通文本。
2023-09-11 11:09:14
1354
原创 浏览器端代理proxy 解决跨域
使用express+http-proxy-middleware直接上代码 最后通过http://localhost:3001 访问。
2023-07-27 14:55:23
546
原创 子元素比父元素 z-index高低的问题
大坑---设置父relative z-index:0 子元素居然比父元素的兄弟元素低一个层级！原因：当你将父元素的position属性设置为relative并且z-index属性设置为0时，子元素无论尺寸大小如何都会处于父元素的后面。这是因为在这种情况下，父元素和子元素处于同一个堆叠上下文中，并且父元素的z-index值是0。
2023-07-03 18:10:27
1936
原创 学习svg 基本使用
在左上角是path路径代码 ，左下角自动生成对应的数据 方便可视化画各种简单的图像一键生成svg。并且右上角可以导出svg图片。
2023-06-19 11:04:15
297
原创 css3 grid 布局
网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。上图这样的布局，就是 Grid 布局的拿手好戏。Grid 布局与Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。
2023-06-19 10:36:17
1648
原创 v-html 渲染模板后有些样式没上去或者嵌套子组件样式没上去
引用官方的话说就是：“当标签带有scopedattribute 的时候，它的 CSS 只会影响当前组件的元素”还有一个小tip通过v-html创建的 DOM 内容不会被作用域样式影响，但你仍然可以使用深度选择器来设置其样式。
2023-04-20 10:34:31
947
原创 使用mock&json-server 搭建 mock-server
使用mock配合json-server搭建，需了解nodejs，express，中间件，json-server等知识。
2023-03-29 16:09:46
563
原创 css3 position定位—— sticky 定位
当页面滚动超出目标区域时，它的表现就像 position:fixed;，它会固定在目标位置。
2023-03-24 09:49:02
1553
原创 vue3.0 proxy设置代理不成功
最后还是出现在axios的默认基本路径的配置和代理发生了冲突，代理本身是将请求基本路径代理到目标基本路径。要么设置为项目启动路径http:localhost:8080要么设置为空。axios 基本路径却设置为http:localhost:3000,项目基本路径是http:localhost:8080。代理目标路径为：http:localhost:3000。首先在项目中创建vue.config.js。注意在ts环境下仍为js结尾。此时项目启动仍然报错跨域。axios的基本路径。
2023-03-20 15:33:59
9685
1
原创 vscode autoprefixer插件 将less/scss/css文件自动添加浏览器兼容前缀
在less/scss/css页面，使用ctrl+shift+p快捷键，选择autoprefixer即可自动全部添加。真的方便多了 ，还有它官网，支持线上直接转换。也可自行绑定相关快捷方式。
2023-01-29 17:19:47
2019
原创 vue常见高频面试题整理
JavaScript中的对象是引用类型的数据，当多个实例引用同一个对象时，只要一个实例对这个对象进行操作，其他实例中的数据也会发生变化。而在Vue中，更多的是想要复用组件，那就需要每个组件都有自己的数据，这样组件之间才不会相互干扰。所以组件的数据不能写成对象的形式，而是要写成函数的形式。数据以函数返回值的形式定义，这样当每次复用组件的时候，就会返回一个新的data，也就是说每个组件都有自己的私有数据空间，它们各自维护自己的数据，不会干扰其他组件的正常运行。
2022-10-17 08:30:00
2792
原创 Swiper3.x 自定义指示器-pagination
很久没有更新博客了，最近一直在写静态页面，这就总是避不开swiper轮播，那swiper3.x以上版本怎么自定义一个指示器呢pagination？
2022-09-19 19:03:55
2140
原创 react-redux 的基础用法
React 是 DOM 的一个抽象层（UI 库），并不是 Web 应用的完整解决方案。因此react在涉及到**数据的处理**以及**组件之间的通信**时会比较复杂。对于大型的复杂应用来说，这两方面恰恰是最关键的。因此，只用 React三.class声明组件对store的使用主要用到了connect高阶柯里化函数对仓库的映射和组件的传值的封装三.函数声明的组件对store的使用主要是使用hooks中的useSeletor 和useDispatch来完成redux的数据传递和派送事件.
2022-07-12 18:55:59
361
2
原创 React框架
React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来你只需要描述UI看起来是什么样式，就跟写HTML一样，React负责渲染UI组件时React最重要的内容，组件表示页面中的部分内容使用React可以开发Web应用，使用React可以开发移动端，可以开发VR应用npm i react react-dom 创建React元素 渲染到页面 创建元素 渲染到页面...
2022-07-05 10:04:32
881
1
原创 [system] Map key not configured.
今天写uniapp 用内置组件map时报[system] Map key not configured解决方案在uniapp 的项目的 manifest.json的h5配置里面配置一下key自己去申请，申请腾讯地图的key可点击此处 最终效果
2022-06-29 16:57:54
4899
原创 【同源跨域】---解决ajax跨域问题的三种解决方案
“同源”：协议相同、域名相同、端口相同。“同源的目的” ：只有在一个服务器上的文件才能互相交互，多个服务器之间的文件禁止1995年，同源政策由Netscape公司引入浏览器，最初的目的是某页面所设置的cookie，只能由其“同源”页面打开。如果两个页面拥有相同的协议、域名和端口，那么这两个页面就属于同一个源，其中只要有一个不相同，就是不同源。举例来说，这个网址，协议是，域名是，端口是（默认端口可以省略）。它的同源情况如下。目的：同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。限制：随着互联
2022-06-22 10:45:08
1997
1
原创 vue之组合API-computed函数的学习
定义计算属性：computed函数，是用来定义计算属性的，计算属性不能修改。高级用法：加入set和get函数 目的：让计算属性支持双向数据绑定。给computed传入函数，返回值就是计算属性的值给computed传入对象，get获取计算属性的值，set监听计算属性改变。...
2022-06-14 15:06:20
206
原创 Vue框架
vue3.0最火框架，它是国内最火的前端框架之一性能提升，运行速度事vue2.x的1.5倍左右体积更小，按需编译体积比vue2.x要更小类型推断，更好的支持Ts（typescript）这个也是趋势组合API (composition api) ，能够更好的组织逻辑，封装逻辑，复用逻辑...
2022-05-31 09:32:07
1959
3
excel-gen.js 导出excel 功能
2023-11-20
javaScript基础入门篇-运算符+类型转换+流程控制语句
2021-12-17
flex布局中换行时，行与行之间为什么存在间隙
2021-08-23
push用法失效，为什么没有添加到数组中
2021-05-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人