随笔分类 - web前端
前端知识
摘要：
阅读全文
摘要：DOMRect 表示的盒子的类型由返回它的方法或属性指定。例如，WebVR API 的 VREyeParameters.renderRect (en-US) 指定了头戴式显示器的一只眼睛应该呈现的影像所在的 canvas 的视口。 https://developer.mozilla.org/zh-C
阅读全文
摘要：https://gitee.com/zheng_yongtao/jyeontu-component-warehouse 推荐这个大佬，很厉害悬浮按钮 评论组件 词云 瀑布流照片容器 视频动态封面 3D轮播图 web桌宠 贡献度面板 拖拽上传 自动补全输入框 图片滑块验证 千分位
阅读全文
摘要：Vue-Plugin-HiPrint 是一个Vue.js的插件，旨在提供一个简单而强大的打印解决方案。通过 Vue-Plugin-HiPrint，您可以轻松地在Vue.js应用程序中实现高度定制的打印功能。但是本文只简单介绍 Vue-Plugin-HiPrint 在vue3中如何使用固定模板打印的使
阅读全文
摘要：普通的递归实 function flatten(arr) { let result = []; for(let i = 0; i < arr.length; i++) { if(Array.isArray(arr[i])) { result = result.concat(flatten(arr[i
阅读全文
摘要：http://www.turnjs.com
阅读全文
摘要：https://blog.csdn.net/wang_yu_shun/article/details/121299208 极力推荐这个博主写的，前端有关负数的小技巧
阅读全文
摘要：Promise.withResolvers 使用 Promise.withResolvers() 关键的区别在于解决和拒绝函数现在与 Promise 本身处于同一作用域，而不是在执行器中被创建和一次性使用。这可能使得一些更高级的用例成为可能，例如在重复事件中重用它们，特别是在处理流和队列时。这通常也
阅读全文
摘要：SSE比websocket更轻 SSE是基于http/https协议的 websocket是一个新的协议，ws/wss协议 如果只需要服务端向客户端推送消息，推荐使用SSE 如果需要服务端和客户端双向推送，请选择websocket 不论是SSE还是websocket，对于浏览器的兼容性都不错 轮询是
阅读全文
摘要：波浪 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>波浪</title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } .blue{ width: 10
阅读全文
摘要：思路 1. 看页面执行栈倒数第二个，因为最后一个大概都是登录，取到值之后执行一下他的onLoad 2. 路由守卫处理登录失效的页面存储本地，从本地缓存(记录的url)取一下 3. reLaunch首页 在这三种情况都要移除一下本地缓存
阅读全文
摘要：有布尔 先把布尔转为number 数字和字符串 字符串转number，如果前导为0会被忽略，空字符串转换成0，非数字字符串或其他转为NaN 对象和非对象 对象valueOf获取基本类型，对象转为字符串后再转换为数字 还有很多情况未涉及的，请补充
阅读全文
摘要：uniapp原生组件层级问题
阅读全文
摘要："render"函数是Vue组件的一个重要方法，它用于描述组件的视图结构，并负责渲染虚拟DOM树。"render"函数是一个JavaScript函数，它接受一个名为createElement的参数，用于创建虚拟DOM节点。这使得你可以使用JavaScript来构建虚拟DOM树，包括元素、组件、指令等
阅读全文
摘要：小知识 width:100%与width:auto区别 width:100% : 子元素的 content 撑满父元素的content，如果子元素还有 padding、border等属性，或者是在父元素上设置了边距和填充，都有可能会造成子元素区域溢出显示; width:auto : 是子元素的 co
阅读全文
摘要：Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont
阅读全文
摘要：首先要在打包好的产物中创建一个文件 之后传到后台测试版本就行，等个半个小时左右重启ide就可以使用 package.json { "industrySDK": true } 附带链接 https://developer.open-douyin.com/docs/resource/zh-CN/mini
阅读全文
摘要：button { border: none !important; } button::after { border: none !important; }
阅读全文
摘要：console.log(JSON.stringify(object,null,2));
阅读全文
