随笔分类 -  Vue

Vue的一些知识
摘要:组件代码/components/float-bubble.vue <template> <transition> <div ref="dragArea" class="drag-area" @touchstart.stop="handleTouchStart" @touchmove.prevent. 阅读全文
posted @ 2024-07-30 10:22 huihuihero 阅读(427) 评论(0) 推荐(0) 编辑
摘要:移动端项目配置:在index.html里添加以下代码即可 <script> let sUserAgent = navigator.userAgent.toLowerCase(); let isIpad = sUserAgent.match(/ipad/i) == "ipad"; let isIpho 阅读全文
posted @ 2023-09-04 11:05 huihuihero 阅读(123) 评论(0) 推荐(0) 编辑
摘要:##直接贴代码 ``` /** * 截取视频画面 * @param {*} url 视频播放链接 * @param {*} width 画面的截取宽度 * @param {*} height 图片的截取高度 */ export function cutVideoCover(url, width = 阅读全文
posted @ 2023-08-09 13:15 huihuihero 阅读(410) 评论(0) 推荐(0) 编辑
摘要:直接贴代码 <template> <div class="demo-container"> <el-input onkeyup="value=value.replace(/\D|/g,'')" v-model="codeValue" ref="codeInputElem" placeholder=" 阅读全文
posted @ 2023-06-28 18:00 huihuihero 阅读(930) 评论(0) 推荐(0) 编辑
摘要:###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269 阅读全文
posted @ 2023-05-05 15:34 huihuihero 阅读(158) 评论(0) 推荐(0) 编辑
摘要:DevTools failed to load source map: Could not load content for webpack:///node_modules/element-plus/es/index.mjs.map: Fetch through target failed: Uns 阅读全文
posted @ 2023-04-20 10:22 huihuihero 阅读(558) 评论(0) 推荐(0) 编辑
摘要:###标准化浏览器样式差异 项目引入normalize.css,(引入顺序根据优先级从小到大-->从上往下) https://gitcode.net/mirrors/necolas/normalize.css?utm_source=csdn_github_accelerator ###标准化富文本样 阅读全文
posted @ 2023-04-14 11:35 huihuihero 阅读(11) 评论(0) 推荐(0) 编辑
摘要:###前提条件 src/components/TEditor.vue里,引入自带的paste插件 在配置项(init)里的plugins里添加 paste ###关于粘贴图片自动上传 【效果】用户复制一个本地图片或者截图后,在编辑器里粘贴,首先以blob文件流形式展示; 然后执行自动上传到接口,并在 阅读全文
posted @ 2023-04-14 11:10 huihuihero 阅读(1294) 评论(0) 推荐(1) 编辑
摘要:##分析项目代码体积 yarn add webpack-bundle-analyzer 在webpack.dev.conf.js中配置 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlug 阅读全文
posted @ 2023-04-10 15:38 huihuihero 阅读(382) 评论(0) 推荐(0) 编辑
摘要:##转自:槐序之夏: https://blog.csdn.net/qq_42403643/article/details/129264032 一、为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的 阅读全文
posted @ 2023-04-10 15:35 huihuihero 阅读(961) 评论(0) 推荐(0) 编辑
摘要:###静态资源路径应该是http开头,访问的时候变成了https开头,导致找不到资源。 ##原因是index.html的一项默认配置,注释掉就好了 阅读全文
posted @ 2023-03-23 16:39 huihuihero 阅读(358) 评论(0) 推荐(0) 编辑
摘要:##官方文档 https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html ##贴代码 ``` 【index.html】引入wx文件 【微信登录页面】 //二维码dom容器 //引入 阅读全文
posted @ 2023-03-13 11:13 huihuihero 阅读(413) 评论(0) 推荐(0) 编辑
摘要:##官网:https://panjiachen.github.io/vue-element-admin-site/zh/ ##安装过程报错 ###tui-editor更名toast-ui/editor导致的报错 https://blog.csdn.net/lilikk1314/article/det 阅读全文
posted @ 2022-12-12 10:46 huihuihero 阅读(197) 评论(0) 推荐(0) 编辑
摘要:##直接贴代码 ###封装一个方法 /** * @param { * } file input选择后返回的file对象 */ export const compressImage = (file) => { // 参数file,是通过input 选择本地文件获取的 return new Promis 阅读全文
posted @ 2022-11-09 14:16 huihuihero 阅读(103) 评论(0) 推荐(0) 编辑
摘要:####友情链接:uniapp中使用websocket实现实时聊天功能 https://www.cnblogs.com/huihuihero/p/13491922.html ##直接贴代码 <div class="chat-content"> <div class="comment-list" id 阅读全文
posted @ 2022-10-12 16:07 huihuihero 阅读(172) 评论(0) 推荐(0) 编辑
摘要:###注意:使用此方式会使页面比例缩放,所以会导致一些依附于页面比例的功能失效,并且产生一些奇怪的Bug。请勿轻易使用 ##示例图 ##示例代码 //zoom样式设置可以放在任何元素上,不是必须放在app根元素上 <div id="app" :style="`zoom:${scaleRadio}`" 阅读全文
posted @ 2022-09-22 14:11 huihuihero 阅读(2499) 评论(0) 推荐(0) 编辑
摘要:###转自 https://blog.csdn.net/hl_qianduan/article/details/119899037 阅读全文
posted @ 2022-08-07 15:04 huihuihero 阅读(32) 评论(0) 推荐(0) 编辑
摘要:####请求方式 1、【xhr】 new XMLHttpRequest() xhr.open() xhr.send (过于繁琐) 2、jQuery $.get $.post (与Vue react不操作dom的开发思想相悖) 3、fetch (不支持ie) 4、axios (推荐使用) ####视频 阅读全文
posted @ 2022-08-05 10:31 huihuihero 阅读(435) 评论(0) 推荐(1) 编辑
摘要:##vue版本的相关操作 ####全局卸载vue npm uninstall vue -g ####全局安装最新vue版本(当前为3.0+) npm install vue@next -g ####全局安装vue2.6.14版本(当前2.0中的最新版本) npm install vue@2.6.14 阅读全文
posted @ 2022-05-26 11:00 huihuihero 阅读(1888) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示