×

vue.js

文档库开发之-vite打包优化

百度用户75525 百度用户75525 发表于2024-04-25 浏览9401 评论0
背景 首次进行组件库文档打包,遇到了一些ts打包报错和css打包警告,记录下处理过程。并且发现打包后的主包的体积过大,有一定优化空间 ts报错处理 当时有好奇为什么开发环境下都不报错,构建才产生这么多ts错误。大致猜想可能vite在dev和build下对ts处理可能有点不一样。 翻查文档得知,vite仅执行.ts文件的转译,并不执行任何类型检查,(可以在构建脚本中运行 tsc --noEmit 或者安装 vue-tsc 然后运行 vue-tsc --noEmit 来对你的 *.v

vue.js

【Vue】踩坑日记:Scoped下动画无效,曾经以为百利而无一害的Scoped,也有自己的限制

刀贱贱 刀贱贱 发表于2024-04-25 浏览4872 评论0
问题描述 ​ 在开发的前期,我清晰的记得使用动画完成了图片放大的效果,当时还写了一篇博文 http://t.csdn.cn/lA9aq上了热榜。可是过了几天之后,这个效果居然“失效了”,我百思不得其解。一度怀疑自己的代码写的有问题,在CSDN等各大博客平台上查找了很久也没找到解决方案。在偶然的尝试下,我发现是scoped影响了动画的效果。真是欲哭无泪,打死我都想不到是scoped的原因。从学习vue的时候就习惯性的在style后面加上scoped,为的是不影响其他组件。曾几何时,我一

vue.js

Uniapp-微信小程序实现全局事件监听并进行数据埋点(微信小程序监听全局点击事件)

归去来兮 归去来兮 发表于2024-04-25 浏览7676 评论0
Uniapp-微信小程序实现全局事件监听并进行数据埋点 零、前言 最近接到需求,领导希望使用微信开放平台上免费的We分析进行数据埋点,但又不希望在现有uniapp开发的微信小程序代码上做侵入式修改,笔者奉命进行了技术调研,考虑通过劫持事件的方式来实现捕获特定事件并上传分析平台的功能。 需要特别注意的是,微信小程序是不能得到document对象的,$el上挂载的也是undefined,自然也就不能通过全局addEventListener的方式来监听特定事件。在调研中想到可以通过劫持小程序

vue.js

vue 安装 vuex 报错 “export ‘xxx‘ was not found in ‘vue‘ (“export ‘watch‘ was not found in ‘vue‘) 并且显示空页面

blmblm blmblm 发表于2024-04-25 浏览21220 评论0
报错如下: 当安装vuex 启动项目报 如下错误 "export 'watch' was not found in 'vue'  "export 'reactive' was not found in 'vue' "export 'inject' was not found in 'vue' 解决方案: 如果你的vue版本是 2.X ,将vuex升到 3.X.X 就能够解决 npm install --save vuex@3.6.2 如果你的vue版本是 3.X ,将vuex

vue.js

wangeditor5在vue3中的全使用过程(图片上传、附件上传、工具栏配置、编辑器配置)

blmblm blmblm 发表于2024-04-24 浏览5554 评论0
1、参考官方的wangeditor5-for-vue3的开发手册 官方文档地址:https://clinfc.github.io/wangeditor5-for-vue3/guide/ 说明为说明要编写这编博客文章? 官方文档的使用手册对于新手来说比较的难看懂,写的也不够详细,源码的封装比较深。写博客的目的是为了详细讲解一个适合项目使用的wangeditor的基本全过程,适合直接复制使用和修改(原官方文档使用原生js编写) 2、下载编辑器的依赖 npm install

vue.js

vue支付项目-APP微信支付功能(vue实现微信支付)

AP图网站美工游戏技术 AP图网站美工游戏技术 发表于2024-04-24 浏览7833 评论0
⭐️⭐️⭐️  作者:船长在船上 🚩🚩🚩  主页:来访地址船长在船上的博客 🔨🔨🔨  简介:CSDN前端领域优质创作者,资深前端开发工程师,专注前端开发,在CSDN总结工作中遇到的问题或者问题解决方法以及对新技术的分享,欢迎咨询交流,共同学习。 🔔🔔🔔   感谢:如果觉得博主的文章不错或者对你的工作有帮助或者解决了你的问题,可以关注、支持一下博主。如有疑问可以留言、评论,看到后会及时回复。  APP安卓、ios微信支付功能: 技术选型:Vue+Vant-ui

vue.js

最详细的vue-socket.io用法

情侣 情侣 发表于2024-04-24 浏览14082 评论0
     通过最近一系列的踩坑之后,总结出了这篇相对较为完善的关于vue-socket.io的使用文章,包含大家困扰的(socket连接、断开重连,以及当连接的地址是动态的情况下,我们应该注意的事项 一.下载vue-socket.io     npm install vue-socket.io --save 二.引入到vue-cli项目中         引入的方式有两种情形,具体根据你们的项目需求来做  a.第一种情景:webSocket连接的地址是固定的 在ma

vue.js

高德地图 key 和 安全密钥 的使用 (高德地图 key 和 安全密钥 的使用方法)

tk88ok tk88ok 发表于2024-04-23 浏览13688 评论0
首先将常量提出到静态配置文件中,方便后期修改时无需重新打包。 1. 在html文件的同级目录新建一个static文件夹,再在里面新建一个config.js文件; 2. 高德地图在2021.12月以后新申请的key必须要搭配安全密钥一起使用; 注意:这个设置必须是在  JSAPI 的脚本加载之前进行设置,否则设置无效。所以安全密钥在入口的 html 文件中引入,页面中正常使用key值即可。 <script type="text/javascript">        

vue.js

vue项目pc适应端和移动端 (vue项目pc端和移动端适配)

liuli liuli 发表于2024-04-23 浏览5736 评论0
vue项目pc端和移动端适配 1、pc端适配 一、样式中根据设计稿确定缩放比例(可以设置全局或者部分页面) 二、监听窗口大小改变,设置根字体大小 created() { // 获取当前设备的宽度,设置rem的根字体大小 let width = window.innerWidth; width = width <= 1200 ? 1200 : width; const htmlObj = document.getElementsByTagName(“html”)[0]; htmlO