合集-必
摘要：定义其他的环境变量 之前搞vue的时候 可以通过 .env的方式配置开发测试和线上需要的环境变量 uniapp中只有 development 和 production 这两个条件 vu2版本通过process.env.NODE_ENV可以获取到 我如果需要其他的变量怎么办呢： 如 测试 test等
阅读全文
摘要：点击查看代码 <button @click="getMy" data-eventsync="true">获取信息</button> let getMy = () => { if (uni.getUserProfile) { console.log('可以用'); uni.getUserProfile
阅读全文
摘要：点击查看代码 <details> <summary>解决用户拒绝授权问题</summary> uni.openSetting({ success(res) { console.log(res.authSetting) if (res.authSetting?.scope.userInfo) { ge
阅读全文
摘要：点击查看代码 <view class="recommend-view"> <view class="title-view"> 热门推荐 </view> <view class="book-list"> <view class="book-item" v-for="item in list" :key
阅读全文
摘要：点击查看代码 // 授权并获取用户信息 const authorizeAndGetUserInfo = (loginRes) => { uni.getUserInfo({ success(res) { // 用户信息获取成功，处理登录业务逻辑 app.globalData.info = res.us
阅读全文
摘要：新接口getUserProfileFn内置login，如果必须要login返回的参数要隔离开 vue3书写要对按钮配置属性 <button @click="logintou" data-eventsync="true" class="main-login-bottom">授权登录</button>
阅读全文
摘要：1.文本编辑器的下拉框无法使用。即选择字号字体的下拉选择框无法使用。 通过调试，发现不是编辑器的下拉框没有出来，而是下拉框显示在弹出框的底部，猜测是否和z-index属性有关。 产生这个问题的原因是文本编辑器默认的z-index是900，而弹出框的z-index比900大，会将下拉框等覆盖住，即其在
阅读全文
摘要：快应用版本 function chunkArray(array, chunkSize) { let result = []; for (let i = 0; i < array.length; i += chunkSize) { let chunk = array.slice(i, i + chun
阅读全文
摘要：点击查看代码 Set-ExecutionPolicy -Scope Process -ExecutionPolicy Bypass
阅读全文
摘要：Start-Process powershell -Verb runAs Get-ExecutionPolicy Get-ExecutionPolicy -List set-ExecutionPolicy RemoteSigned A
阅读全文
摘要：button { border: none !important; } button::after { border: none !important; }
阅读全文
摘要：点击查看代码 function getStorage(key) { return new Promise((resolve, reject) => { uni.getStorage({ key: key, success: (res) => { resolve(res.data); }, fail:
阅读全文
摘要：首先要在打包好的产物中创建一个文件 之后传到后台测试版本就行，等个半个小时左右重启ide就可以使用 package.json { "industrySDK": true } 附带链接 https://developer.open-douyin.com/docs/resource/zh-CN/mini
阅读全文
摘要：Intersection Observer API 1.注意点 一般都是后端返回数据， 用 this.$nextTick(() => { this.handleScroll(); }); 确保dom加载完成触发我们定制的handleScroll handleScroll() { const cont
阅读全文
摘要：小知识 width:100%与width:auto区别 width:100% : 子元素的 content 撑满父元素的content，如果子元素还有 padding、border等属性，或者是在父元素上设置了边距和填充，都有可能会造成子元素区域溢出显示; width:auto : 是子元素的 co
阅读全文
摘要："render"函数是Vue组件的一个重要方法，它用于描述组件的视图结构，并负责渲染虚拟DOM树。"render"函数是一个JavaScript函数，它接受一个名为createElement的参数，用于创建虚拟DOM节点。这使得你可以使用JavaScript来构建虚拟DOM树，包括元素、组件、指令等
阅读全文
摘要：点击查看代码 /** * @param {string} s * @return {string} */ let removeDuplicates = function (s) { let stack = [] for (let v of s) { if (stack.length && stack
阅读全文
摘要：uniapp原生组件层级问题
阅读全文
摘要：在uni-app框架下，使用scroll-view进行下拉加载时，不要设置 scroll-top 或者 scroll-left 否则会出现，页面抖动的情况
阅读全文
摘要：确保你当前位于要合并文件的源分支上。可以使用 git branch命令查看当前分支，并使用 git checkout命令切换到源分支。 使用 git checkout命令切换到目标分支，即你想要合并文件的分支。 git checkout source_branch -- path/to/file s
阅读全文
摘要：有布尔 先把布尔转为number 数字和字符串 字符串转number，如果前导为0会被忽略，空字符串转换成0，非数字字符串或其他转为NaN 对象和非对象 对象valueOf获取基本类型，对象转为字符串后再转换为数字 还有很多情况未涉及的，请补充
阅读全文
摘要：思路 1. 看页面执行栈倒数第二个，因为最后一个大概都是登录，取到值之后执行一下他的onLoad 2. 路由守卫处理登录失效的页面存储本地，从本地缓存(记录的url)取一下 3. reLaunch首页 在这三种情况都要移除一下本地缓存
阅读全文
摘要：波浪 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>波浪</title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } .blue{ width: 10
阅读全文
摘要：SSE比websocket更轻 SSE是基于http/https协议的 websocket是一个新的协议，ws/wss协议 如果只需要服务端向客户端推送消息，推荐使用SSE 如果需要服务端和客户端双向推送，请选择websocket 不论是SSE还是websocket，对于浏览器的兼容性都不错 轮询是
阅读全文
摘要：普通的递归实 function flatten(arr) { let result = []; for(let i = 0; i < arr.length; i++) { if(Array.isArray(arr[i])) { result = result.concat(flatten(arr[i
阅读全文
摘要：DOMRect 表示的盒子的类型由返回它的方法或属性指定。例如，WebVR API 的 VREyeParameters.renderRect (en-US) 指定了头戴式显示器的一只眼睛应该呈现的影像所在的 canvas 的视口。 https://developer.mozilla.org/zh-C
阅读全文
摘要：
阅读全文
摘要：好玩的 // if (true) { // return // } // // 不会打印 // console.log('1') // if (false) { // return // } // // 会打印 // console.log('2') // if (true) return // /
阅读全文
摘要：点击查看代码 function ellipsisText(longText, displayLength) { // 确保显示长度至少包含省略号的3个字符 if (displayLength < 3) { throw new Error('Display length should be at le
阅读全文
摘要：Steps to reproduce 选择某个选项后会自动关闭 What is Expected? 选择后不自动关闭，等点击按钮后再去触发组件内的关闭方法。 What is actually happening? 自动关闭 Additional comments 这个问题当初在elementui的时
阅读全文
摘要：flex-grow项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。负值对该属性无效。 flex-basis属性定义了在分配多余空间之前，项目占据的主轴空间（main size）。浏览器根据这个属性，计算
阅读全文
摘要：{ path: '/:pathMatch(.)', component: () => import('@/views/error/404.vue') },
阅读全文
摘要：shape-outside定义一个由内容区域的外边缘封闭形成的形状 shape-outside 是一个非常实用的属性，可以实现一些比较复杂的文本环绕效果。 shape-outside 的兼容性比较好，不是特殊情况应该完全适用。
阅读全文
摘要：document.createRange() 是 JavaScript 中的一个方法，用于创建一个 Range 对象，表示文档中的一个范围。Range 对象通常用于选择文档中的一部分内容，然后对其进行操作。 它可以： 设置选中文本范围：可以使用 document.createRange() 方法创建
阅读全文
摘要：清除缓存 onLaunch: function () { console.log('App Launch') const preservedKeys = ['ishowFixPre', 'readTime'] try { const { keys } = uni.getStorageInfoSync
阅读全文
摘要：data-eventsync="true" 添加这个属性
阅读全文
摘要：点击查看代码 <template> <view class="coinCenter"> <scroll-view scroll-y="true" :refresher-enabled="true" :refresher-triggered="retriggered" :style="`height:
阅读全文
摘要：新旧虚拟DOM对比的时候，Diff 算法比较只会在同层级进行，不会跨层级比较。 首先比较两个节点的类型，如果类型不同，则废弃旧节点并用新节点替代。 对于相同类型的节点，进一步比较它们的属性。记录属性差异，以便生成相应的补丁。 如果两个节点相同，继续递归比较它们的子节点，直到遍历完整个树。 如果节点有
阅读全文
摘要：点击查看代码 // h5开发环境 const h5Dev = { baseUrl: 'https://devh5.....' } // h5测试环境 const h5Test= { baseUrl: 'https://testh5.....' } // h5生产环境 const h5Prod= {
阅读全文
摘要：uniapp中post请求会默认header['content-type'] 为 application/json 的数据，会进行 JSON 序列化。但是如果在微信平台content-type必须严格执行
阅读全文
摘要：showLoading 和 showToast 同时只能显示一个； showLoading 应与hideLoading 配对使用； 把请求接口统一封装，开始请求接口时showLoading，请求接口后hideLoading 一个页面同时请求多个接口，由于请求是异步的，很有可能上一个开启了showLo
阅读全文
摘要：小说付费章节渐变颜色配置 position: absolute; top: 0; left: 0; width: 100%; height: 211px; transform: translateY(-100%); background: linear-gradient(1turn, #f2f2f2
阅读全文
摘要：https://doc.weixin.qq.com/doc/w3_AAcAYAbdAFwpM63n1R5SIat3aa4cX?scode=AJEAIQdfAAoYHVCBbdAG4A1QYmAFQ 上面是文档链接 引入 { "plugins": { "novel-plugin": { "versio
阅读全文
摘要：:nth-child(even) or tr:nth-child(2n) 表示 HTML 表格中的偶数行 tr:nth-child(odd) or tr:nth-child(2n+1) 表示 HTML 表格中的奇数行
阅读全文
摘要：iframe是一个内联元素，默认是跟baseline对齐的，iframe后边有个看不见、摸不着的行内空白节点，空白节点占据着高度，iframe与空白节点的基线对齐，导致了div被撑开，从而出现滚动条，查看空白节点捣鬼。 解决方案： 设置 iframe 的 vertical-align: top； 设
阅读全文
摘要：我先输入的 1，已经发送请求了，紧接着输入了 2，3，123，如果在我输入最后一次 123 的时候，我第一次输入的 1 还没有请求成功，那请求 query 为 1 的这个接口将会覆盖 query 为 123123 的搜索结果，因为当 1 成功的时候会将最后一次请求的结果覆盖掉，当然这个概率很小很小，
阅读全文
摘要：选择“查看”下的“命令面板” 输入：View: Reset View Locations 所有的视图会恢复到默认的位置。
阅读全文
摘要：CSS gap 简写属性用于设置行与列之间的间隙（网格间距）。 规范的早期版本将该属性命名为 grid-gap，且为了保持与旧网站的兼容性，浏览器仍然会接受 grid-gap 作为 gap 的别名。 mdn官方传送门
阅读全文
摘要：点击查看代码 添加千分位 function addThousandSeparator(num, separator = ",") { return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, separator); } num.toString()
阅读全文
摘要：点击查看代码 <template> <view class="multiline"> <view class="info"> <view :class="{hide:!iSinfo}" :style="!iSinfo?computedStyle:''"> <view :style="{ color:
阅读全文
摘要：前端数据的返回本来就是流式返回的，不过通常情况下我们需要的是完整的响应体。如果需要类似于ChatGPT那种流式的返回，只需要将请求的响应体等待去掉就可以 点击查看代码 async function getRes(content) { const res = await fetch(url, {...
阅读全文
摘要：在CSS3中，确实有一些属性可以用来创建3D效果和调整景深。主要的属性包括perspective和transform系列属性。下面分别介绍这些属性的使用方法和使用场景。 perspective perspective属性用于为3D空间中的元素设置景深。它决定了观察者与元素之间的距离，从而影响3D变换
阅读全文
浙公网安备 33010602011771号