博客园 - 宫圆薰
uuid:6cbd1ba2-f883-4c34-aed1-30dde64a3a3e;id=690511
2023-12-26T08:35:35Z
宫圆薰
https://www.cnblogs.com/kymming/
feed.cnblogs.com
https://www.cnblogs.com/kymming/p/17928255.html
操作对象数组 - 宫圆薰
1.将对象数组按照一定的数量进行切割 应用场景:列表前端分页,swiper翻页等 json数据如下: const arr = [ { "name": "AAA", "info": '01' }, { "name": "BBB", "info": '02' }, { "name": "CCC", "i
2023-12-26T07:37:00Z
2023-12-26T07:37:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1.将对象数组按照一定的数量进行切割 应用场景:列表前端分页,swiper翻页等 json数据如下: const arr = [ { "name": "AAA", "info": '01' }, { "name": "BBB", "info": '02' }, { "name": "CCC", "i <a href="https://www.cnblogs.com/kymming/p/17928255.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/17409433.html
微信公众号跳转微信小程序 - 宫圆薰
1. 参看微信官方文档(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21) ① vue跳转微信小程序(https://www.jianshu.com/p/c3db8f177845,
2023-05-17T09:24:00Z
2023-05-17T09:24:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 参看微信官方文档(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21) ① vue跳转微信小程序(https://www.jianshu.com/p/c3db8f177845, <a href="https://www.cnblogs.com/kymming/p/17409433.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/17168187.html
vue3全家桶跟随笔记 - 宫圆薰
前期准备环境: node (18.14.2) , 安装pnpm 1. 安装vue3空项目 ## 创建工程 npm create vite@latest "项目名字" --template vue-ts ## 进入工程目录 cd "项目名字" ## 安装依赖 npm i ## 运行 npm run d
2023-03-01T06:56:00Z
2023-03-01T06:56:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】前期准备环境: node (18.14.2) , 安装pnpm 1. 安装vue3空项目 ## 创建工程 npm create vite@latest "项目名字" --template vue-ts ## 进入工程目录 cd "项目名字" ## 安装依赖 npm i ## 运行 npm run d <a href="https://www.cnblogs.com/kymming/p/17168187.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16996443.html
从对象数组中提取某些属性组成新的对象数组 - 宫圆薰
let arrold = [ { name: "name1", age: "1", date: '2016-05-03' }, { name: "name2", age: "2", date: '2016-05-02' }, { name: "name3", age: "3", date: '201
2022-12-21T07:58:00Z
2022-12-21T07:58:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】let arrold = [ { name: "name1", age: "1", date: '2016-05-03' }, { name: "name2", age: "2", date: '2016-05-02' }, { name: "name3", age: "3", date: '201 <a href="https://www.cnblogs.com/kymming/p/16996443.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16952959.html
webpack.config.js文件配置选项 - 宫圆薰
// 引入一个包 const path = require("path"); const HTMLWebpackPlugin = require("html-webpack-plugin"); const { CleanWebpackPlugin } = require("clean-webpack
2022-12-05T09:32:00Z
2022-12-05T09:32:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】// 引入一个包 const path = require("path"); const HTMLWebpackPlugin = require("html-webpack-plugin"); const { CleanWebpackPlugin } = require("clean-webpack <a href="https://www.cnblogs.com/kymming/p/16952959.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16952912.html
tsconfig.json文件配置选项 - 宫圆薰
{ // include 用来指定哪些ts文件需要被编译 "include": [ // src 目录下的所有ts文件 // ** 任意目录 // * 任意文件 "./src/**/*" ], // exclude 不需要被编译的文件 // 默认值 ["node_modules","bower_co
2022-12-05T09:22:00Z
2022-12-05T09:22:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】{ // include 用来指定哪些ts文件需要被编译 "include": [ // src 目录下的所有ts文件 // ** 任意目录 // * 任意文件 "./src/**/*" ], // exclude 不需要被编译的文件 // 默认值 ["node_modules","bower_co <a href="https://www.cnblogs.com/kymming/p/16952912.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16951606.html
TS学习笔记 - 宫圆薰
### 1. 类型系统 #### 数字类型声明: let e:number; #### 字符串类型声明: let e:string; #### 布尔类型声明: let e:boolean=true; //也可以声明完直接进行赋值,如果变量的声明和赋值是同时进行的,ts 可以自动对变量进行类型检测 等
2022-12-05T02:17:00Z
2022-12-05T02:17:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】### 1. 类型系统 #### 数字类型声明: let e:number; #### 字符串类型声明: let e:string; #### 布尔类型声明: let e:boolean=true; //也可以声明完直接进行赋值,如果变量的声明和赋值是同时进行的,ts 可以自动对变量进行类型检测 等 <a href="https://www.cnblogs.com/kymming/p/16951606.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16911861.html
移动端整屏翻动特效 - 宫圆薰
写在前面: 转自:http://www.wfuyu.com/s/jquerygroup/limq12lf.html 1. HTML部分: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com
2022-11-21T08:37:00Z
2022-11-21T08:37:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】写在前面: 转自:http://www.wfuyu.com/s/jquerygroup/limq12lf.html 1. HTML部分: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Com <a href="https://www.cnblogs.com/kymming/p/16911861.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16910932.html
关于移动端适配方案 - 宫圆薰
写在前面: 转自:https://blog.csdn.net/weixin_43686133/article/details/110535069 JS部分: 第一种: /** * 设置根元素font-size * 当设备宽度为375(iPhone6)时,1rem=100px * 除以100并将px换
2022-11-21T03:43:00Z
2022-11-21T03:43:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】写在前面: 转自:https://blog.csdn.net/weixin_43686133/article/details/110535069 JS部分: 第一种: /** * 设置根元素font-size * 当设备宽度为375(iPhone6)时,1rem=100px * 除以100并将px换 <a href="https://www.cnblogs.com/kymming/p/16910932.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16696550.html
nvm项目切换不同的node版本 - 宫圆薰
1. 安装nvm 安装地址:https://github.com/coreybutler/nvm-windows/releases 由于后来的报错,我安装了1.1.7 版本 https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 2
2022-09-15T06:51:00Z
2022-09-15T06:51:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 安装nvm 安装地址:https://github.com/coreybutler/nvm-windows/releases 由于后来的报错,我安装了1.1.7 版本 https://github.com/coreybutler/nvm-windows/releases/tag/1.1.7 2 <a href="https://www.cnblogs.com/kymming/p/16696550.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16670228.html
数组相关操作 - 宫圆薰
1. 将数据对象重组成需要的数组 const obj = { fileId: '2022091247189020160833,2022091247189166178204', fileName: 'logo-axa.png,1.zhimg.jpg', time: '2022-09-08 13:20:
2022-09-08T09:24:00Z
2022-09-08T09:24:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 将数据对象重组成需要的数组 const obj = { fileId: '2022091247189020160833,2022091247189166178204', fileName: 'logo-axa.png,1.zhimg.jpg', time: '2022-09-08 13:20: <a href="https://www.cnblogs.com/kymming/p/16670228.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16476704.html
node对应sass版本 - 宫圆薰
1. 第一步: 查看node版本和npm 版本: node -v (v16.16.0) npm -v (6.13.4) 2. 第二步: 卸载掉本机node-sass sass-loader 卸载不掉的话手动删掉 3. 第三步: npm cache clean --force (清除npm缓存) cn
2022-07-14T02:27:00Z
2022-07-14T02:27:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 第一步: 查看node版本和npm 版本: node -v (v16.16.0) npm -v (6.13.4) 2. 第二步: 卸载掉本机node-sass sass-loader 卸载不掉的话手动删掉 3. 第三步: npm cache clean --force (清除npm缓存) cn <a href="https://www.cnblogs.com/kymming/p/16476704.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16473497.html
uniapp+wevview+微信小程序的各种坑 - 宫圆薰
1. 遇到参数【object Object】 处理: 传参的时候使用JSON.stringify包裹 实例:url: '/pageA/dialog/dialog?params=' + JSON.stringify(this.params)
2022-07-13T05:11:00Z
2022-07-13T05:11:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 遇到参数【object Object】 处理: 传参的时候使用JSON.stringify包裹 实例:url: '/pageA/dialog/dialog?params=' + JSON.stringify(this.params) <a href="https://www.cnblogs.com/kymming/p/16473497.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16427783.html
数组的各种处理场景 - 宫圆薰
1. Filter 基础定义: 菜鸟(https://www.runoob.com/jsref/jsref-filter.html),mdn(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Object
2022-06-30T09:29:00Z
2022-06-30T09:29:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. Filter 基础定义: 菜鸟(https://www.runoob.com/jsref/jsref-filter.html),mdn(https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Object <a href="https://www.cnblogs.com/kymming/p/16427783.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16280663.html
GIT相关操作 - 宫圆薰
GIT回退到指定版本 1.通过git log命令或git管理工具查找要退回到的提交记录的哈希值(类似:25694fdd0bc5bc111111e409047a54f386c2db55) 2.根据哈希值回退本地代码库(该哈希值对应的提交会被保留):git reset --hard 哈希值 3. 强推代
2022-05-17T06:22:00Z
2022-05-17T06:22:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】GIT回退到指定版本 1.通过git log命令或git管理工具查找要退回到的提交记录的哈希值(类似:25694fdd0bc5bc111111e409047a54f386c2db55) 2.根据哈希值回退本地代码库(该哈希值对应的提交会被保留):git reset --hard 哈希值 3. 强推代 <a href="https://www.cnblogs.com/kymming/p/16280663.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/16242537.html
微信小程序---uniapp实战相关 - 宫圆薰
1. uniapp使用uni.navigateTo({})无法跳转到tabBar的页面的问题 解决方案: 使用方法:uni.switchTab({})或者 uni.reLaunch 区别在于:uni.switchTab: 跳转列表不会刷新,跳转到 tabBar 页面,并关闭其他所有非 tabBar
2022-05-07T06:47:00Z
2022-05-07T06:47:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. uniapp使用uni.navigateTo({})无法跳转到tabBar的页面的问题 解决方案: 使用方法:uni.switchTab({})或者 uni.reLaunch 区别在于:uni.switchTab: 跳转列表不会刷新,跳转到 tabBar 页面,并关闭其他所有非 tabBar <a href="https://www.cnblogs.com/kymming/p/16242537.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/15577439.html
vue+websocket实时语音转写 - 宫圆薰
1. 参考科大讯飞官网 (https://www.xfyun.cn/doc/asr/rtasr/API.html#%E6%8E%A5%E5%8F%A3%E8%AF%B4%E6%98%8E) 2.注意事项:浏览器录音需要使用localhost,127.0.0.1,https测试,不可使用http 3.
2021-11-19T07:14:00Z
2021-11-19T07:14:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1. 参考科大讯飞官网 (https://www.xfyun.cn/doc/asr/rtasr/API.html#%E6%8E%A5%E5%8F%A3%E8%AF%B4%E6%98%8E) 2.注意事项:浏览器录音需要使用localhost,127.0.0.1,https测试,不可使用http 3. <a href="https://www.cnblogs.com/kymming/p/15577439.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/15268561.html
微信小程序登录授权及手机号获取 - 宫圆薰
小程序相关
2021-09-14T09:18:00Z
2021-09-14T09:18:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】小程序相关 <a href="https://www.cnblogs.com/kymming/p/15268561.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/15176128.html
工作问题随笔 - 宫圆薰
1.小程序篇 ① 小程序强制横屏 "pageOrientation": "landscape" ② 小程序禁止橡皮筋效果(页面具体代码同上) "disableScroll":true ③ 小程序胶囊条悬浮(页面具体代码同上) "navigationStyle": "custom"
2021-08-23T07:30:00Z
2021-08-23T07:30:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】1.小程序篇 ① 小程序强制横屏 "pageOrientation": "landscape" ② 小程序禁止橡皮筋效果(页面具体代码同上) "disableScroll":true ③ 小程序胶囊条悬浮(页面具体代码同上) "navigationStyle": "custom" <a href="https://www.cnblogs.com/kymming/p/15176128.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kymming/p/12987837.html
禁止video在移动端全屏播放 - 宫圆薰
只需要添加3个属性即可: <video src="你的视频地址" controls="controls" loop="loop" id="v1" muted="muted" webkit-playsinline="" x5-playsinline="" playsinline="" poster="
2020-05-29T07:48:00Z
2020-05-29T07:48:00Z
宫圆薰
https://www.cnblogs.com/kymming/
【摘要】只需要添加3个属性即可: <video src="你的视频地址" controls="controls" loop="loop" id="v1" muted="muted" webkit-playsinline="" x5-playsinline="" playsinline="" poster=" <a href="https://www.cnblogs.com/kymming/p/12987837.html" target="_blank">阅读全文</a>