月下云生

摘要： 1.引入插件，js中修改css,安装vueUse npm i @vueuse/core (vueuse/core,VueUse是一款基于组合式API的函数集合,https://vueusejs.com/guide/) 2.定义全局css变量，在app.vue中 :root { --size: 14p 阅读全文

摘要： 参考：https://www.bilibili.com/video/BV15z4y1a7MN/?p=2&vd_source=98c9b1513d613fd9769c84ee8395d93f 一、CSS 1.说一下CSS的盒模型 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容cont 阅读全文

摘要： 学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.禁止点击穿透 在移动端浏览器上不使用click事件而使用touch事件是因为click事件有着明显的延迟，后续又出现fastclick。该解决方案监听用户是否做了双击操作，可正常使用click事件，而点击穿透就交给fastcl 阅读全文

摘要： 学习 中高级前端必须注意的40条移动端H5坑位指南 | 网易三年实践 1.调用系统功能 a标签能快速调用移动设备电话/短信/邮件功能，input标签可快速调用移动设备相册文件 <!-- 拨打电话 --> <a href="tel:10086">拨打电话给10086小姐姐</a> <!-- 发送短信 阅读全文

摘要： 1.IntersectionObserver 接口（从属于 Intersection Observer API）提供了一种异步观察目标元素与其祖先元素或顶级文档视口（viewport）交叉状态的方法。其祖先元素或视口被称为根（root） 2.监听目标元素与其祖先或视窗交叉状态的手段，其实就是观察一个 阅读全文

摘要： 1.需求 在后台请求中有一些请求数据量比较大无法一下返回，需要增加loading动画，为了方便控制想在请求的时候增加一个参数isLoading，默认关闭，传真值时开启动画。这便需要拓展axios中增加个性化参数配置。但是如何进行类型的定义呢？ 2.操作 如上，在做左边增加了isLoading参数，代 阅读全文

摘要： 在vue中引入图片等静态资源，由于部署的时候需要打包，打包后文件名字路径不一致，导致显示不了。以下为解决的几种方式： 1.样式直接引入： <div class="imgItem"> <div class="imgLogo"></div> </div> .imgLogo { width: 100px; 阅读全文

摘要： vue3中ref,reactive等api和自定义组件等每个页面都要引入很麻烦，偷懒是人的天性，故引入自动导入插件，以此记录： 1.vue3的api自动导入 使用前： <script setup lang="ts"> import { ref, onMounted } from 'vue' cons 阅读全文

摘要： 在开源项目中发现canvas实现签名功能以此记录：http://www.youlai.tech/pages/52d5c3/ HTML： <div class="canvas-dom"> <el-button plain type="text" style="margin-left:20px;marg 阅读全文

摘要： 效果如下，文字随着背景明暗变化 <svg viewBox="0 0 660 300"> <defs> <filter id="comform"> <feImage :href="image1" x="0" y="0" width="100%" height="100%" preserveAspect 阅读全文