随笔分类 - web前端
前端知识
摘要：app应用的logo+版本号及版本名字，使用api 新版本检测弹框组件封装首页也要引入使用 用户协议和隐私政策
阅读全文
摘要：编辑个人资料-头像昵称性别年龄生日个性签名，更新后要改本地缓存和通知个人空间页面更改 粉丝/关注列表和拉黑列表布局和逻辑类似 收藏和历史阅读记录和帖子列表组件一直article-item 关于反馈意见进入类似聊天页面展示历史反馈此间包含了时间内容和头像，目前封装的组件，底部还有提交新反馈，内容与发布
阅读全文
摘要：源于自己升级了一次hbuilderx，因为升级后项目跑不起来了，后来有时间排查了一下，是因为不再支持display为none的时候了，所以为了不影响业务实现，并且新版本hbuilderx也能运行，采用opacity解决，如果遇到更好的方式可以留言
阅读全文
摘要：头像进入该页面(判断是否是登录者) 使用head-tab-swiper组件（使用插槽自定义头和long-page）可以在别人的个人空间评论（类似qq的留言） 拉黑及举报（违规/不感兴趣两大类及各个子类使用radio-group）popup组件关闭后刷新个人空间页面 登录者的个人空间 核心按钮（已关注
阅读全文
摘要：选择分类及选择话题picker的使用 多图上传 +自定义 预览 删除二次确认(正在上传不可删除，上传进度条/报错信息，使用task对象删除) 上传失败和报错提示 进度条 唯一id 选择可以上传的数量(计算属性) 上传成功计算属性遍历拿到数组条件为进度条为100且无报错信息
阅读全文
摘要：tabbar-swiper+long-page组件封装 组件类型定义ComponentPublicInstance类型 组件封装了长列表遍历了swiper-item此时类型附带[]，如果调用子组件的方法可以(this.$refs['组件ref属性值'] as 驼峰ComponentPublicIns
阅读全文
摘要：用户协议和隐私政策 自定义通用的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
阅读全文
摘要：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 的兼容性比较好，不是特殊情况应该完全适用。
阅读全文
浙公网安备 33010602011771号