行如逆水行舟，不进则退

前端开发中遇到的一些小问题记录1. 让iconfont图标旋转1. 让iconfont图标旋转想让iconfont图标旋转一定要将其设置为行内块元素i.active::before { display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg);}...

/ 返回值会暴露给模板和其他的选项式 API 钩子。'renderjs返回的值-->''我是来自renderjs的数据'// 接收逻辑层发送的数据。// 接收逻辑层发送的数据。// 发送数据到逻辑层。// 调用逻辑层函数。

【代码】nuxt3项目搭建相关。

【代码】【uniapp小程序】使用cheerio去除字符串中的HTML标签并获取纯文本内容。

* 设置蒙版上下左右渐变显示 *//* 设置蒙版上下左右渐变显示 */

/禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止。//禁止远程网页使用plus的API，有些使用mui制作的网页可能会监听plus.key，造成关闭页面混乱，可以通过这种方式禁止。//一定要append到当前的页面里！//一定要append到当前的页面里！//如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取。//如果是首页的onload调用时需要延时一下，二级页面无需延时，可直接获取。

[TOC](uni-app 安卓禁用侧滑返回/虚拟返回(vue3 hook))

uniapp全局配置固定横屏打包后首页出现样式比例不对，页面跳转后恢复。去掉pages.json文件中的固定横屏配置，去页面添加手动横屏。//解除屏幕方向的锁定，但是不一定是竖屏；大致是资源加载顺序的问题。

【代码】Vue3 vite使用postcss-px-to-viewport（适配vant）

如果使用了keep-alive组件，当前组件会额外增加两个生命周期。通过这两个声明周期，失活时记录页面原滚动位置，激活时滚回原位置。

NProgress是一个基于HTML5的JavaScript进度条组件，它提供了一个简单的进度条，可以显示当前的进度。NProgress是一个轻量级的库，具有易于使用的API和易于自定义的样式。

中文文档：[https://gitcode.com/vbenjs/vite-plugin-mock/blob/main/README.zh_CN.md)

使用插件i18n实现国际化多语言

Vue3的响应原理和Vue2不同，它就规避了这种造成响应丢失的情况，所以在Vue3中是没有$set这个API的。但是Vue3的响应原理还是有缺陷的，还是有可能出现响应丢失的情况。但我暂时没遇到过，等下次遇到的时候再来研究记录。

webp图片在一些苹果手机上无法显示，可以使用字符串的 replace() 方法，将 webp 的后缀名替换为 jpg 的后缀名。ios处于安全性的考虑，不大支持http引入外部资源，所以引入外部资源的时候最好用https，防止引入失败。监听error事件，当事件目标位img标签时，替换图片路径中的webp。toLocaleString在部分苹果手机不能用。，所以用时间文本获取时间戳的时候要做一下处理。ios识别不了时间文本里的。

"OpenInstall.parseUrlParams()获取链接参数"'OpenInstall资源加载完成'

检查是否配置正确的微信开发者工具安装地址，要精确到.exe文件。

【代码】引用微信jssdk实现h5二次分享。

vue通过vant列表实现下拉到底部加载更多列表数据

阻止用户通过浏览器控制台修改CSS样式

纯文本内容展开收起（可套用）

效果展示在开发中有时候需要用到一些表格或图片等进行数据展示。但有时候会因为数据过长，没有办法在可视区内展示全部的数据，但屏幕下滑时又会将数据的标题头部划走不方便我们的查看。这时会做一个在屏幕可见区滑动到这部分数据时，将这部分数据的标题头部始终保持在顶部，类似于excel表格的冻结窗格。这个效果可以用js来实现，但需要监听窗口滚动事件、计算元素位置等等，会比较麻烦。如果利用粘性定位sticky，就可以只通过简单的css就可以实现这一效果。效果如下图：参考代码粘性定位可以被认为是相对定位和固定定

关于git推送后却没有记录贡献的解决办法

vue由于eslint报的各种错的解决方式报错：Mixed spaces and tabs no-mixed-spaces-and-tabs报错：Mixed spaces and tabs no-mixed-spaces-and-tabs.eslintrc.js文件的 rules 添加 'no-mixed-spaces-and-tabs': 0

用animation做无缝匀速滚动原理应用原理最外层需要一个可视大小的盒子（黑色部分）。记得给这个盒子添加高度（高度和蓝粉色盒子一样）在可视的盒子里需要放一个盒子，该盒子的宽度就是粉色蓝色盒子宽度的总和，其实也就是你需要动画部分宽度的两倍。然后需要给这个box一个相对定位 position: relative粉色和蓝色盒子里放的是一样的东西，通过这样来达到视觉上无缝的效果。需要给这两个盒子加绝对定位 position: absolute 。我们就是通过改变它们lefft right 值来实现滚动

swiper需要选中swiper-slide项添加样式时，出现两项同时添加样式的问题问题原因解决问题需要选中swiper-slide项添加样式时，出现两项同时添加样式的问题，如图原因开启loop循环模式时，里面有一些swiper-slide项是复制生成的，就会导致它们拥有一样的id属性，当你根据这个id属性去添加class时，就会出现重复的问题解决需要设置 loop: false（暂时没去在开启loop模式的同时解决这个问题的方法）...

在盒子内侧伪造两个对边内阴影思路如图，在盒子内侧伪造两个对边内阴影。用box-shadow 无法达到只要对边阴影的效果，只能取单边、临边或四个边。思路在盒子的前后各造两个伪元素，给这两个伪元素分别定位到盒子两侧，通过背景色线性渐变来达到一个看似阴影的效果。（注意，父盒子记得加定位）.box { position: relative;}.box::before,.box::after { content: ""; display: block; position: abs

swiper两边导航按钮定位被压住的解决办法问题原因解决注意问题如图，swiper两边的导航按钮需要定位到父盒子外面时，被压住原因是因为swiper的容器盒子swiper-container里也有相对定位解决我们需要把swiper的容器盒子swiper-container改成静态定位.swiper-container { position: static;}注意我们在用swiper-container的时候最好嵌套在你需要swiper的盒子里面，不要直接给这个父盒子添加swip

1. 无法选中文字css方法2. 文字单行显示，超出显示省略号3. 文字n行显示，超出显示省略号4. 元素隐藏但仍占有位置5. Vue路由跳转后回到视图顶部6. 背景渐变7. 复制文本到粘贴板8. 长按复制（vue）9. 判断微信内置浏览器10. 时间戳格式化11. flex中防止元素被挤压变形12. 判断手机系统类型13. ‘/n’换行不生效14. 中英文混用文本尾部不对齐15. 关于正则表达式16. 首字母排序分组

网上教程很多，但因为各个版本兼容等等问题，试了好久才引入运用成功。以下是直接引用swiper的方式（非vue-awesome-swiper）（vue-awesome-swiper的方式引用后有问题，目前不知道怎么解决）安装npm install swiper@5main.js引入样式import "swiper/css/swiper.css"在需要使用到的组件内引入swiperimport Swiper from 'swiper'例子<template> <d

ctrl + shift +p 打开命令面板直接搜索

问题描述在已经安装好了Easy Less插件的前提下，保存less文件后生成的css文件中不显示计算结果。解决办法给运算式加括号()