随笔分类 - web前端
前端知识
摘要：小知识 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));
阅读全文
摘要：思路 时间乃是时间戳毫秒级别 进入阅读页面 记录当前进入页面的时间 如果是0:0:0 要重置时长 如果不是凌晨，查看今天是否阅读过，如果阅读过要在之前的阅读时长存储一下 更新时长 之前记录了(包含上次)进入页面的时间，在此基础上获取最新的时间并减去进入页面的开始时间得到时长，并在上次时长累加，接下来
阅读全文
摘要：Start-Process powershell -Verb runAs Get-ExecutionPolicy Get-ExecutionPolicy -List set-ExecutionPolicy RemoteSigned A
阅读全文
摘要：点击查看代码 Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass
阅读全文
摘要：1.文本编辑器的下拉框无法使用。即选择字号字体的下拉选择框无法使用。 通过调试，发现不是编辑器的下拉框没有出来，而是下拉框显示在弹出框的底部，猜测是否和z-index属性有关。 产生这个问题的原因是文本编辑器默认的z-index是900，而弹出框的z-index比900大，会将下拉框等覆盖住，即其在
阅读全文
摘要：新接口getUserProfileFn内置login，如果必须要login返回的参数要隔离开 vue3书写要对按钮配置属性 <button @click="logintou" data-eventsync="true" class="main-login-bottom">授权登录</button>
阅读全文
摘要：点击查看代码 const baseUrl = 'https://your-api-base-url.com'; function getAuthToken() { // 获取token的逻辑，可能会从全局状态、本地存储等地方获取 // 返回token字符串或null } function updat
阅读全文
摘要：点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us
阅读全文
摘要：点击查看代码 <view class="recommend-view"> <view class="title-view"> 热门推荐 </view> <view class="book-list"> <view class="book-item" v-for="item in list" :key
阅读全文
摘要：点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge
阅读全文
摘要：点击查看代码 :nth-child(){},用来选择父元素下的第n个子元素。 注意：:nth-child(){}是根据父元素下所有子元素进行排序 :nth-child(2n){}，选中父元素下偶数行的子元素。 :nth-child(2n+1){}，选中父元素下奇数行的子元素。 :nth-child(
阅读全文
摘要：在实现tab的时候，margin-bottom:-1px无效的问题 active的tab项，要指定他的border-top, 如： border-top: 1px solid #fff; border-bottom: none; margin-bottom: -1px; background: #f
阅读全文
摘要：推荐 concurrently 点击查看代码 "dev": "concurrently \"nodemon --exec electron . \" \"vite\"", 成熟的脚手架 日常开发可以使用 electron-vite (opens new window)或 electron-vite-
阅读全文
摘要：VS Code 对 TS 类型支持友好，前端开发者主流的编辑器 HbuilderX 对 TS 类型支持暂不完善，期待官方完善 👀 工作区禁用 Vetur 插件(Vue2 插件和 Vue3 插件冲突) 工作区禁用 @builtin typescript 插件（禁用后自动开启 Vue3 的 TS 托管
阅读全文
摘要：点击查看代码 - 输入验证和过滤：对于用户输入的数据，进行严格的验证和过滤。可以使用正则表达式或其他验证方式，确保输入的数据符合预期的格式和内容。同时，对于特殊字符进行转义处理，防止恶意代码的注入。 - 输出编码：在将用户输入的内容输出到页面上时，进行正确的编码处理。使用合适的编码函数将特殊字符进行
阅读全文
摘要：uniapp底层跨端原理 - 代码编写：开发者使用Vue.js框架编写uniapp的代码，包括页面结构、样式和逻辑等。 - 编译过程：在编译过程中，uniapp会将Vue.js的代码转换为各个平台所需的代码。这一转换过程由uniapp的编译器完成。 - 平台特定代码生成：根据不同平台的特性和要求，u
阅读全文
浙公网安备 33010602011771号