随笔分类 - web前端
前端知识
摘要：用户协议和隐私政策 自定义通用的navbar组件 自定义登录/注册/验证码/忘记或重置密码(防抖60s) 个人中心页面顶部区域 头像昵称粉丝关注点赞+帖子评论帖子回复帖子收藏 banner+浏览历史记录 设置区域 编辑资料(顶部也有侧边固定) 账户与安全(手机号绑定附带脱敏+用户id+密码修改+黑名
阅读全文
摘要：使用 force-use-old-canvas="false" 使用微信小程序的cover-view会有很多问题，并且不一定生效，只需要在canvas的标签内添加 force-use-old-canvas="false" 就可以了
阅读全文
摘要：选择“查看”下的“命令面板” 输入：View: Reset View Locations 所有的视图会恢复到默认的位置。
阅读全文
摘要：const drillFields = defineModel<string[]>('drillFields', { get(val) { return reactive(val || []); }, }); const drillTitles = defineModel<string[]>('dr
阅读全文
摘要：git push --all
阅读全文
摘要：iframe是一个内联元素，默认是跟baseline对齐的，iframe后边有个看不见、摸不着的行内空白节点，空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条，查看空白节点捣鬼。 解决方案： 设置 iframe 的 vertical-align: top； 设
阅读全文
摘要：:nth-child(even) or tr:nth-child(2n) 表示 HTML 表格中的偶数行 tr:nth-child(odd) or tr:nth-child(2n+1) 表示 HTML 表格中的奇数行
阅读全文
摘要：https://doc.weixin.qq.com/doc/w3_AAcAYAbdAFwpM63n1R5SIat3aa4cX?scode=AJEAIQdfAAoYHVCBbdAG4A1QYmAFQ 上面是文档链接 引入 { "plugins": { "novel-plugin": { "versio
阅读全文
摘要：小说付费章节渐变颜色配置 position: absolute; top: 0; left: 0; width: 100%; height: 211px; transform: translateY(-100%); background: linear-gradient(1turn, #f2f2f2
阅读全文
摘要：showLoading 和 showToast 同时只能显示一个； showLoading 应与hideLoading 配对使用； 把请求接口统一封装，开始请求接口时showLoading，请求接口后hideLoading 一个页面同时请求多个接口，由于请求是异步的，很有可能上一个开启了showLo
阅读全文
摘要：点击查看代码 // h5开发环境 const h5Dev = { baseUrl: 'https://devh5.....' } // h5测试环境 const h5Test= { baseUrl: 'https://testh5.....' } // h5生产环境 const h5Prod= {
阅读全文
摘要：data-eventsync="true" 添加这个属性
阅读全文
摘要：document.createRange() 是 JavaScript 中的一个方法，用于创建一个 Range 对象，表示文档中的一个范围。Range 对象通常用于选择文档中的一部分内容，然后对其进行操作。 它可以： 设置选中文本范围：可以使用 document.createRange() 方法创建
阅读全文
摘要：shape-outside定义一个由内容区域的外边缘封闭形成的形状 shape-outside 是一个非常实用的属性，可以实现一些比较复杂的文本环绕效果。 shape-outside 的兼容性比较好，不是特殊情况应该完全适用。
阅读全文
摘要：{ path: '/:pathMatch(.)', component: () => import('@/views/error/404.vue') },
阅读全文
摘要：flex-grow项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。负值对该属性无效。 flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算
阅读全文
摘要：Steps to reproduce 选择某个选项后会自动关闭 What is Expected? 选择后不自动关闭，等点击按钮后再去触发组件内的关闭方法。 What is actually happening? 自动关闭 Additional comments 这个问题当初在elementui的时
阅读全文
摘要：点击查看代码 function ellipsisText(longText, displayLength) { // 确保显示长度至少包含省略号的3个字符 if (displayLength < 3) { throw new Error('Display length should be at le
阅读全文
摘要：直接被JS写死的debugger关键字下了断点。行吧，不让调试就不让调试吧，关闭开发者工具之后，直接跳到了空白页。 开发者工具Ctrl+F8可以禁用断点调试 点击查看代码 <!DOCTYPE html> <html> <header> <title>test</title> </header> <b
阅读全文
摘要：好玩的 // if (true) { // return // } // // 不会打印 // console.log('1') // if (false) { // return // } // // 会打印 // console.log('2') // if (true) return // /
阅读全文
