随笔分类 - 前端框架
发表于 2023-10-28 11:23阅读：1952评论：0推荐：0
摘要：一、引入依赖 1、安装依赖包 在终端中使用以下命令： npm install @types/mockjs --save 此处使用了@types进行引入，是因为在.ts文件引用包时，默认必须有类型声明，不能是any。 有很多依赖包是用纯JS写的，没有类型声明。 因此使用@types作为类型声明的集中仓
阅读全文 »
发表于 2023-10-23 08:33阅读：6099评论：0推荐：0
摘要：一、子组件 使用vue3官方提供的setup语法糖中给出的defineEmits、defineProps、defineExpose来定义父子间的传参值和关联方法（useContext在3.2版本之后已去除）。 <script setup lang="ts"> const emitEvents = d
阅读全文 »
发表于 2023-10-22 09:37阅读：1921评论：0推荐：0
摘要：一、引入element-plus element-ui只支持vue2，vue3需要引入element-plus进行使用，两个分别对应vue2和3两个版本，各自独立，无法跨级兼容。 地址：https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖： npm
阅读全文 »
发表于 2023-10-20 11:15阅读：5937评论：0推荐：0
摘要：一、监听方法 vue3中定义的变量默认不是响应式的，所以只能监听用ref和reactive定义的数据和变量。 监听前要确保引入相关依赖ref、reactive、watch： <script setup lang="ts"> import { ref,watch,reactive } from 'vu
阅读全文 »
发表于 2023-10-19 10:21阅读：1454评论：0推荐：0
摘要：一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下，老项目需要使用vue2运维，新项目使用vue3开发，因此需要两种环境共存。 找一个合适的位置，新建一个文件夹，在该文件夹目录下，打开cmd终端，运行命令： npm install @vue/cli --registry=htt
阅读全文 »
发表于 2023-10-18 09:06阅读：375评论：0推荐：0
摘要：一、环境部署 1、nvm下载 下载地址：https://github.com/coreybutler/nvm-windows/releases 2、nvm安装 打开安装程序后按流程走就行，中间的安装地址可以自定义调整。 注：在选择node.js的路径时，默认路径为C盘里的安装路径，如果本地在该路径下
阅读全文 »
发表于 2023-09-14 10:56阅读：454评论：0推荐：0
摘要：一、问题如下 在vue的style样式中使用了less，而在less中直接使用普通的动画效果时效果会失效，无法对样式呈现出应有的效果。 这个是在less编译为css时，添加的动画效果和其他的附加样式一同被进行了编译操作，导致原本定义的动画名称无法被查到，所以不生效。 要解决这个问题，就得绕过动画名称
阅读全文 »
发表于 2023-08-06 11:15阅读：1464评论：0推荐：0
摘要：一、配置环境变量 将使用的adb环境路径（D:\HBuilderX 3.4.6\HBuilderX\plugins\launcher\tools\adbs）配置到环境变量（控制面板-》系统-》高级系统设置-》环境变量编辑）中： 二、查看adb相关信息 打开cmd命令行 1、使用adb version
阅读全文 »
发表于 2023-03-13 09:44阅读：1707评论：0推荐：0
摘要：一、页面元素 需要全屏展示的div或其他元素标签的id要设置，方便获取dom节点。 再添加一个可以触发点击事件的元素进行操作。 <div id="fullDom"> <span @click="fullScreen">全屏显示</span> </div> 二、脚本逻辑 1、预置一个用于控制是否全屏显
阅读全文 »
发表于 2023-01-26 15:44阅读：2513评论：0推荐：0
摘要：一、安装依赖 主要用到以下两个依赖： html2canvas：通过获取HTML的某个元素，然后生成Canvas，能让用户保存为图片。 jspdf：基于HTML5的客户端解决方案，用于生成各种用途的 PDF 文档。 npm install html2canvas jspdf --save 二、全局引入
阅读全文 »
发表于 2023-01-16 15:56阅读：752评论：0推荐：0
摘要：一、问题如下 要使用element-ui的表格时，在main.js中同时全局引入了element和i18n时，页面会报错如下： Error in render : TypeError: Cannot read properties of undefined (reading '_t') 该问题是i1
阅读全文 »
发表于 2022-10-06 09:45阅读：1003评论：0推荐：0
摘要：一、打包组件 可以建立一个打包工具类，将所有的需要全局挂载的自定义组件进行打包封装，避免main.js过于杂乱。 import gbInput from '../components/gbInput/gbInput' //... //自定义组件打包安装类，引入main.js后全局挂载，避免每个用到的
阅读全文 »
发表于 2022-09-22 15:03阅读：535评论：0推荐：0
摘要：一、问题如下 起初一直以为toFixed就是js中用于四舍五入保留小数的方法，直到最近遇到一个付款明细计算合计金额的时候出现了保留的最后一位数偏差问题。财务相关的数据是不允许出现金额不一致的问题的，即便是1分钱的差值。于是在网上搜索了许多这个方法相关的问题，发现好像比较特殊。 有的文章说toFixe
阅读全文 »
发表于 2022-09-08 18:04阅读：5775评论：0推荐：0
摘要：一、微信浏览器判断代码 isWechat: function() { //获取user-agaent标识头 var ua = window.navigator.userAgent.toLowerCase(); //判断ua和微信浏览器的标识头是否匹配 if (ua.match(/micromesse
阅读全文 »
发表于 2022-08-31 10:53阅读：776评论：0推荐：0
摘要：一、下载依赖 官方地址：https://pandao.github.io/editor.md/ 二、页面代码 1、需要使用到的依赖资源 除了上述资源外，还需要引入jquery.js，该js引入部分需要放置在editormd.min.js引入之前。 2、代码整合 <html> <head> <titl
阅读全文 »
发表于 2022-08-30 15:46阅读：2892评论：0推荐：0
摘要：一、代码 <html> <head> <title>wss协议视频流展示</title> </head> <!-- 网页视频播放器 --> <script src="http://cdn.jsdelivr.net/npm/xgplayer/browser/index.js" charset="utf
阅读全文 »
发表于 2022-08-14 17:16阅读：670评论：0推荐：0
摘要：一、简介 Thymeleaf 是可以渲染HTML5 内容的Java模板引擎，与JSP等模板引擎类似可以与Spring MVC等框架集成。它可以直接被浏览器打开，浏览器会忽略未定义的Thymeleaf标签属性，展示模板的静态页面效果。而通过Web 应用程序访问时，则会动态地替换掉静态内容来使页面动态显
阅读全文 »
发表于 2022-07-24 14:30阅读：437评论：0推荐：0
摘要：一、动画实例 1、平移效果 <!DOCTYPE html> <html> <head> <title>测试</title> <style> .test { width: 5px; height: 5px; background: #000000; border-radius: 5px; animat
阅读全文 »
发表于 2022-05-29 11:45阅读：5733评论：0推荐：0
摘要：一、滚动监听 1.监听方法 通过@scroll事件进行监听，回调参数为事件 @scroll="scrollEvent($event)" 常用于滚动条滚动时懒加载数据，避免一次性拉取过多数据造成渲染时卡顿。或者上拉到顶触发数据刷新。 2.触底判断 在滚动条滚动的过程中，每次只要滚动条的位置发生了变化，
阅读全文 »
发表于 2022-05-26 14:01阅读：949评论：0推荐：0
摘要：一、问题描述 在页面中执行操作时，往往会遇到短时间内重复点击造成的多次触发问题，频繁调取接口。或者由于数据量较大，查询时间比较长，结果还没返回的时候，用户不耐烦了进行重复点击，同样会造成多次触发问题。 在遇到这类问题时，当然后台接口可以进行加锁，来避免接口重复调用。不过近期在做前端，因此尝试从前端进
阅读全文 »
