xiao_qiang666的博客

原创 uniapp如何获取系统剩余存储空间(仅android可用)

【代码】uniapp如何获取系统剩余存储空间(仅android可用)

原创 uniapp 动态控制横屏（APP 端）

中解锁，避免影响其他页面。

原创 uniapp，Anroid10+版本如何保存图片并删除

Android 10系统开始 进一步增强了平台功能，为外部存储设备上的应用和用户数据提供了更好的保护。作为这项工作的一部分，平台引入了进一步的改进，以简化向分区存储的转换。为了让用户更好地控制自己的文件，保护用户隐私数据，并限制文件混乱情况，Android 11在分区存储基础上限制了应用访问其他应用的文件。简言之：分区存储，不允许内存随意删除，只允许删除app以内的文件。

原创 uniapp项目中node_modules\sass\sass.dart.js的体积过大怎么处理

虽然Dart Sass是Sass的主要实现之一，但有时它可能会比Node-Sass占用更多的空间。如果你不需要Dart Sass特有的功能，可以考虑切换到Node-Sass（注意Node-Sass已停止维护，但在一些环境中仍可使用）。

原创 el-select滚动分页加载、模糊搜索

src/plugins/select目录下创建 select.js，并在main.js中全局引入// 获取element-ui定义好的scroll盒子});},});代码说明：document.querySelector：querySelector() 方法仅仅返回匹配指定选择器的第一个元素。Element.scrollHeight：在不使用滚动条的情况下为了适应视口中所用内容所需的最小高度（只读）Element.scrollTop：获取或设置一个元素的内容垂直滚动的像素数。

原创 在uni-app中使用SQLite

后续的操作成功后，会在手机磁盘的根路径下生成transfer【数据库实例名】文件夹里面包含transfer.db、transfer.db-shm、transfer.db-wal其中transfer.db 可以通过navicat等工具打开。

原创 uniapp中对于文件和文件夹的处理，内存的查询

注意：如果不用箭头函数的话，在plus.的方法里面是不能使用this访问外部变量的，一定一定要使用。dataNum为文件的保质期。

原创 uniapp如何获取时区

使用 moment-timezone 库。

原创 js数据处理代码片段

使用Array.reduce（）向数组中添加值，后面的一个数等于前面两个数相加之和（前两个除外）。isNaN和parseFloat（）来检查参数是否是一个数字，使用isFinite（）来检查数字是否是有限的。使用replace（）匹配每个单词的第一个字符，并使用toUpperCase（）来将其大写。使用reduce（）来获取数组中的所有元素，并使用concat（）来使它们flatten。使用递归，使用reduce（）来获取所有不是数组的元素，flatten每个元素都是数组。）结合得到数组中的最大值。

原创 i18n数据自动转化工具

【代码】i18n数据自动转化工具。

原创 vue2 如何设置i18n的默认语言为当前浏览器的语言

直接用一行三元运算符就解决了，踩坑记录。原始代码lang/index。

原创 前端工作中问题点拆分

├── build --------------------------------- 项目构建(webpack)相关配置文件，配置参数什么的，一般不用动│ ├── build.js --------------------------webpack打包配置文件│ ├── check-versions.js ------------------------------ 检查npm,nodejs版本。

原创 node.js知识点总结

执行中的事件叫IO事件， setlmmediate在当前队列中立即执行，setTimout/setInterval把执行定时到下一个队列， process. nextTick在当前队列执行完，下次遍历前执行。Node.js是单线程的，异步是通过一次次的循环事件队列来实现的。同步则是阻塞式的IO，这在高并发环境中会是一个很大的性能问题，所以同步一般只在基础框架启动时使用，用来加载配置文件、初始化程序等。（2）功能强大，非阻塞式I/O，在较慢的网络环境中，可以分块传输数据，事件驱动，擅长高并发访问。

原创 uniapp如何i18n国际化

【代码】uniapp如何i18n国际化。

原创 css 动态class

2、data中定义不同的字段对应的不同class值。1、模板中可以根据字段来动态设置css样式。

原创 给div添加滚动条，并设置滑轨为透明

【代码】给div添加滚动条，并设置滑轨为透明。

原创 使用vscode调试前端debug

单步调试：运行到自己写的文件下一行语句，比如a = func_b©，如果func_b是其他文件定义的复杂函数，则进入其他文件，运行下一步；单步跳过：运行到当前文件夹的下一行，跳过当前语句，调用其他文件夹的所有语句。比如a = func_b©，如果func_b是其他文件夹定义的复杂函数，直接跳过；单步跳出：当debug陷入某个循环时，直接跳过当前循环。F5-继续：直接跳到下一个断点。点击箭头后项目会在运行到打断点的地方停下。重启：重新debug。

原创 vue使用v-clipboard实现复制功能

是一个与 Vue.js 相关的指令或功能，它通常与结合使用。在 Vue.js 中，可以用于将文本或其他内容用户的剪贴板中。具体来说，指令可以与 Vue 的元素或组件结合使用，当该元素或组件被触发（例如，通过点击）时，将特定的内容（如绑定的数据或属性）复制到剪贴板中。

原创 uniapp中预览base64图片

1、首先要安装插件image-tools，插件地址：https://ext.dcloud。最近uniapp项目中接收到图片的base64编码，想要实现图片预览。

原创 vue项目引入阿里图标后如何新增图标至项目中

3、复制代码，替换至项目中的iconfont.css。1、在阿里官网找到合适的图标添加至项目。4、在如下三个文件中添加新增的图标。2、将文件下载至本地。

原创 adb通过wifi调试android设备：

例如：D:\QMDownload\SoftMgr\HBuilderX.2.7.14.20200618.full\HBuilderX\plugins\launcher-tools\tools\adbs ，在此位置打开cmd。5、输入adb connect 192.XXX.XXX.XXX（android设备的ip地址）1、保证android设备跟计算机在同一个局域网下，两者之间使用usb线连接。4、输入 adb tcpip 5555,开启端口。3、输入命令 adb devices 查看设备。

原创 vue2 query路由传参，页面接收监听

实现路由跳转并传递查询数据，a页面跳转b页面。

原创 页面样式模板

【代码】页面样式模板。

原创 vue如何修改项目的图标

1、可以去阿里巴巴图标库下载一个.jpg .jpeg .gif .png等图像格式的图片，使用转换工具，转为.ico文件。图片转换工具：https://www.bitbug.net/打开vue项目找到public文件夹下的.ico文件替换就可以了。

原创 vue如何封装一个消息列表

此处只是一个demo，具体的内容根据实际情况填充。1、template中。

原创 vue+高德地图

【代码】vue+高德地图。

原创 el-time-select如何设置多个时间段，且每个时间段之间不相互重合

点击添加按钮，会判断是否与已有时间段重合。

原创 vue中使用el-table需要根据返回的不同数据信息展示不同的数据使用slot：

<el-table-column label="用户角色" align="center" :show-overflow-tooltip="true" > <template slot-scope="scope"> <span v-if="scope.row.level == '0'">创建者</span>

原创 did you register the component correctly? For recursive components, make sure to provide the “name“

这里组件中引用自身【递归组件】时，报错did you register the component correctly?components, make sur【你注册的组件正确吗？对于递归组件，请确保提供“name”选项。

原创 uniapp中页面通信的全局事件

【代码】uniapp中页面通信的全局事件。

原创 uniapp中websocket的使用（二）适用页面存在多个长连接

页面中会存在适用多个长连接的情况。

原创 uniapp中websocket的使用（一）适用页面只会存在单个长连接

将websocket封装成一个类。

原创 uniapp中如何使用vuex设置全局变量

【代码】uniapp中如何使用vuex设置全局变量。

原创 el-tooltip 里面如何借助slot放至按钮

原创 uniapp中Android原生插件开发中调用c++语言生成的so库开发

5、在自己创建的moudle中保持跟so库中c++方法前面的路径一致，创建java包即（包名要和so库的类名一致），调用so库中的方法。8、然后打包生成自定义基座，即可使用。3、在java文件中调用库中的方法。7、将压缩包放至uniapp中。

原创 npm ERR! code 1

这种情况需要更改package.jison文件中的node-sass版本号，更改为对应的版本，例如本地的node版本为。需要更改对应的node-sass版本号为8.0.0。然后再 npm install就可以啦。更改完成重新install。

原创 前端开发好用的轮子

阿里图标库： https://www.iconfont.cn/search/index?数据智慧大屏组件库：http://datav.jiaminghi.com/guide/activeRingChart.html。正常的pc端开发： https://vue.ruoyi.vip/system/menu。移动端h5页面可用：http://mui.ucmed.cn/#/zh-CN/intro。ruoyi框架架构：https://www.ruoyi.vip/图标制作：ico图标制作。