weixin_65808257的博客

原创 uniapp学习笔记

【代码】uniapp学习笔记。

转载 uniapp 展开 显示更多

【代码】uniapp 展开 显示更多。

原创 前端生成二维码 + 条形码

采用的是qrcode。

原创 uniapp-返回前一页后滚动到顶部

可以替换为对应的uni的滚动api。

原创 写一个支持手势滑动的tab 并支持滚动 和动态更新具左边的距离

【代码】写一个支持手势滑动的tab。

原创 兼容ios x的安全区 前端的一个属性

在具体的网页设计中，使用这个属性可以确保你的网页内容不会被底部的物理或虚拟按钮遮挡，特别是在高端设备上，比如 iPhone X 及后续型号，它们可能会有屏幕底部的特殊区域。是一种用于 CSS 的函数，它可以返回设备屏幕的底部安全区域的尺寸，通常用于适配 iPhone X 及以上设备，这类设备有刘海屏或圆角设计，可能影响页面的显示区域。

原创 根据hls.js 完成直播流HLS（M3U8 格式）播放

使用js的好处在于 类似一个类 不需要再在js外创建很多变量了 也可以在不同的组件完成不同的展示效果。

原创 css笔记

【代码】css笔记。

原创 scss不错的用法

和其他类名或元素选择器，可以方便地编写嵌套规则，从而实现更灵活和简洁的 CSS 结构。是一个非常有用的引用符号，它表示父选择器的引用。

原创 uniapp中的 scroll-view

【代码】uniapp中的 scroll-view。

原创 前端assets 和static的区别

主要用于存储并加载项目运行时需要的各类资源文件，例如图片、样式表和字体。这些文件通常会在用户访问网页时被动态加载，以提高页面的渲染速度和用户体验。则更多地用于存储不会频繁变动的文件，比如网站的Logo、固定页面等。这些文件一般在项目部署时就已经准备好，而不是在用户访问时动态生成。这样把样式表和图片放到assets后 打包时会压缩 提高访问速度。

原创 高德地图 地图控件

同时又发现typescript的window补齐不全。我采用的是npm导入的方法 公司好同事教我的 嘿嘿。

原创 uniapp 相关的swiper的一些注意事项

优点:可以进行高度自适应 （这个uniapp原生swiper没有 只能动态修改 采用js 或者只有几种固定高度时采用变量修改）先推荐一个一个对标pc端swiper的uniapp版本。缺点是自定义分页器不是很好处理 不知道怎么弄。

原创 本地src访问图片403

通过这段代码，可以确保开发环境中不会发送任何。原因：refer 的来源被拦截，不发送refer即可。

原创 Ts学习笔记

表示一个对象，它的所有键都是字符串类型，值都是数字类型。类型的作用是将一个给定的键类型（）组合，创建一个新对象类型。）与一个给定的值类型（

原创 wot-design-uni 学习笔记

【代码】wot-design-uni 学习笔记。

原创 记录学习react的一些内容

由于是在公司实际项目中学习，所以不是很完整 需要一点一点的学。

原创 一些 uniapp相关bug

如上面 使用 包围着代码部分即可解决问题。后续会一个一个的添加。

原创 学习 z-paging

【代码】学习 z-paging。

原创 记录一下在hash模式下使用锚点(配合elm)

【代码】记录一下在hash模式下使用锚点(配合elm)

原创 使用github desk 合并分支

原创 记录一下方便的条件编译

首先我们知道 axios这些反向代理在测试环境/生产环境下 都是没有用的;所以我们对于这种上线后的我们需要直接访问 就是完整的url的api 例如https:xxx.com/api/xxx,但是这样就会存在cors 跨域问题 对于这个问题有两种解决方法1：nginx的web服务器；2：服务端cors对我们这个域名或ip地址信任或者携带某个字段；这里我们选择第2种 第一种俺也还没有使用过；然后就是前端了 ，先把第一步的cross-env下载好，然后到package.json文件中修改},/**

原创 [转载] Cookie 最全面的问题

这个的确很有帮助。

原创 vite环境打包

vite打包就不需要依靠其他库了 当然如果是多个环境还是推荐用webpack的那个库。好处就是不需要去修改package.json 但是只有两个环境使用 个人开发使用。然后来到vite.config.ts。

原创 webpack 多环境打包

我们可以通过设置process.env.NODE_ENV,这里我们使用 cross-env 来设置，它是跨平台的、前面一步一步的学习了 uniapp环境打包 现在来看看webpack打包 vite的后面发。2.package.json设置。一般我们有本地 测试 正式环境。就在需要使用的地方直接用即可。

原创 前后台免登操作(已登录后点击跳转后台不需要登录)

【代码】前后台免登操作(已登录后点击跳转后台不需要登录)

原创 vue3 父组件使用v-model直接连接子组件 组件直接暴露属性给父组件

如果遇到emit不能解决或比较麻烦的可以尝试暴露方法 一般使用还是采用emit这个比较符合双向的逻辑，其他时候就可以考虑暴露方法。

原创 面包屑监听方法 vue3版本 其他的可以参考 还是比较方便的,顺便分享一个手写pinia持久化插件

/ 面包屑level: number// 路由等级--用于设置面包屑 多级的。

原创 vue3的h函数和createApp函数的打开方式+IntersectionObserver配合vue指令

因为每次请求或者需要过渡的时候 之前都是每个页面需要过渡都加一个字段loading 每次来判断 然后导入组件 控制loading变化什么的 当写了这个就只需要导入一个函数即可操作。上面就是简单的message了 接下来还有loading的。

原创 学到一个api DOMParser -＞ vue中的v-html

v-html:把字符串中的html转为对应的dom结构 并嵌入标签中。DOMParser：该接口提供将字符串中的。源代码解析为 DOM 的能力。

原创 startViewTransition使用及踩坑

属性控制元素与其背景之间的混合效果。正常模式意味着元素会直接覆盖在其背景上，不会发生任何混合效果。这确保了视图过渡过程中，旧视图和新视图能够清晰地显示而不受背景混合的影响。其中startViewTransition相当于我们css中的过渡（startViewTransition是一个较新的api。当然还有很多用处 我只是采用了我需要的。有了上面的代码就可以成功的完成这样。怎么看都不对 为什么不是那种炫酷的。接下来就需要一个css。

原创 常用 git命令

该文章作为一个备忘录 欢迎补充 目前仅代表本人采用的 未标注的，一般使用可视化代替或没有怎么用过。: 这个选项用于创建一个新的本地分支xx(如果没有的话)，将新的本地。：提交暂存区中的更改到本地仓库，并添加提交信息。：从远程仓库获取最新代码并合并到当前分支。：创建一个新分支并立即切换到这个新分支。：将文件添加到暂存区（可以使用。：初始化一个新的 Git 仓库。分支 (xx yy可以相同)：克隆一个远程仓库到本地。：显示每次提交的具体差异。：切换到指定的现有分支。

原创 uniapp 自定义编译平台

【代码】uniapp 自定义编译平台。

原创 简单的图片问题 主要给自己一个看的位置 ai生成，为方便查找

手势缩放功能是通过处理多点触控事件来实现的。具体来说，就是当用户用两个手指在屏幕上进行操作时，我们根据两个手指之间的距离变化，来动态调整图片的缩放比例。手势缩放的核心在于计算用户的两个手指（触点）之间的距离，并根据距离的变化调整缩放比例。其中，Δx\Delta xΔx 和 Δy\Delta yΔy 分别是两个触点的 x 轴和 y 轴上的距离差。当用户向下滑动图片时，可以监听滑动事件，根据滑动的距离来调整导航条的高度，达到缩小的效果。可以通过监听图片的双击事件，来实现图片的缩放效果。事件来实现这个效果。

原创 h5 适配顶部状态条

【代码】h5 适配顶部状态条。

原创 javaScript-sort()排序

当a>b情况下，a-b>0==>a放在b的后面(b,a) ，再加上a>b的条件==>升序排列；b-a(a,b)同理，降序排列当a0==>(b,a)同理，降序排列当a=b情况下，保持原来的不变从上面可得，不管a和b谁大谁小，a-b永远是升序；b-a永远是降序

原创 css学习笔记之展开列表图标动画

蓝色界面”风格的填充的星图标欢迎下载填充的星矢量图标，“蓝色界面”风格。格式有png、svg、pdf、html代码。可对填充的星图标、符号进行修改、调整大小、修改颜色。今天在这个网站看到了上面类似的效果，然后就想弄一个，然后就有了上面的。

原创 vue3+vite+express+mongoDB上线(新手向)

宝塔面板是一款使用方便、功能强大且终身免费的服务器管理软件，支持Linux与Windows系统。一键配置：LAMP/LNMP、网站、数据库、FTP、SSL，通过Web端轻松管理服务器。我也是第一次部署，不过这几天看了好多好多，一直都没有特别足够的，然后就东拼西凑的了解了大概，所以就想着发出来，也可以方便交流。(打包前要把对应要修改的打包配置添加好)上面写错了，没有域名就写ip地址 例如我的是106.55.186.51。看自己的系统是什么来对应安装(我的xshell是centos的)

原创 第十四届蓝桥杯Web大学组第九题Markdown 文档解析()

【代码】第十四届蓝桥杯Web大学组第九题Markdown 文档解析()