关注
分享
JavaScript Node.js
彭世瑜
记录我的工作学习笔记
展开
-
微信小程序/uniapp：class和style不生效的问题
非常重要：小程序端不支持 classObject 和 styleObject 语法。原创 2024-07-04 16:51:35 · 406 阅读 · 0 评论 -
uniapp/微信小程序：rich-text 富文本中图片自适应
/** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、height属性 * 2.img标签添加style属性：max-width:100%;height:auto * 3.修改所有style里的width属性为max-width:100% * 4.去掉<br/>标签 * @param html * @returns {void|string|*} */export function formatRichText(html){ let n原创 2021-11-15 10:07:19 · 2768 阅读 · 0 评论 -
FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory（JS stacktrace ）
linux服务器打包vite项目报错。原创 2024-06-29 20:26:11 · 120 阅读 · 0 评论 -
微信小程序/uni-app tabBar 页面传参问题
先看下他们的文档1、微信小程序需要跳转的 tabBar 页面的路径 (代码包路径)（需在 app.json 的 tabBar 字段定义的页面），路径后不能带参数。2、uni-app需要跳转的 tabBar 页面的路径（需在 pages.json 的 tabBar 字段定义的页面），路径后不能带参数那么问题来了，我从tabA跳转到tabB怎么传参呢？原创 2024-06-21 18:00:03 · 578 阅读 · 0 评论 -
使用Vue3.js + Rendertron创建SSR服务端渲染应用
服务端可根据请求头 User Agent，判断如果是Baiduspider，返回渲染后的页面。访问：http://127.0.0.1:8082/渲染刚刚创建的Vue.js应用。返回客户端的html。原创 2022-10-08 14:54:33 · 581 阅读 · 0 评论 -
JavaScript校验用户输入的字符串是否为正整数
在看它的测试用例，发现：只要是数值类型都为真，显然不满足我们的场景。还可以使用正则表达式,为了兼容本身就是正整数的值，也做了一次判断。场景：校验用户输入的字符串是否为正整数。测试用例全部通过，满足需求了。通过写测试用例来验证。原创 2024-05-21 17:20:50 · 262 阅读 · 0 评论 -
Vue：start value has mixed support, consider using flex-start instead
编译vue项目的时候出现一个warning警告。原创 2024-04-25 15:27:11 · 149 阅读 · 0 评论 -
uni-app：微信小程序分享页面到微信好友和朋友圈
添加生命周期函数就生效，可以自定义onLoad(){},/* * uniapp微信小程序分享页面到微信好友*/onShareAppMessage() {},/* * uniapp微信小程序分享页面到微信朋友圈*/onShareTimeline() {},参考uni-app学习：uniapp微信小程序分享页面到微信好友和朋友圈。...原创 2020-08-24 18:20:28 · 7730 阅读 · 0 评论 -
JavaScript：使用color-convert实现颜色色值转换
【代码】JavaScript：使用color-convert实现颜色色值转换。原创 2024-04-16 11:43:32 · 286 阅读 · 0 评论 -
js：lodash template文件模板语法和应用
文档。原创 2024-03-01 17:25:13 · 653 阅读 · 0 评论 -
中华人民共和国行政区划数据：Administrative-divisions-of-China：adcode、vant-area-data
Administrative-divisions-of-China是中华人民共和国行政区划：省级（省份）、 地级（城市）、 县级（区县）、 乡级（乡镇街道）、 村级（村委会居委会） ，中国省市区镇村二级三级四级五级联动地址数据。地区码为 6 位数字，前两位代表省份，中间两位代表城市，后两位代表区县，以 0 补足 6 位。可以下载数据包：https://github.com/modood/Administrative-divisions-of-China/releases。原创 2024-02-27 10:18:53 · 490 阅读 · 0 评论 -
js：通过input标签或Drag拖拽文件实现浏览器文件上传获取File文件对象
文档通过读取文件可以获取File对象的信息。原创 2024-02-25 16:14:28 · 1264 阅读 · 0 评论 -
shell判断上一条命令是否执行成功
【代码】Failed at the node-sass@4.14.1 postinstall script.原创 2024-02-21 11:27:27 · 929 阅读 · 0 评论 -
Failed at the node-sass@4.14.1 postinstall script.
【代码】Failed at the node-sass@4.14.1 postinstall script.原创 2024-02-21 11:15:28 · 782 阅读 · 0 评论 -
Linux：国内镜像下载安装Node.js和pnpm
找到对应 平台 + 版本 的Node下载已编译好的包https://nodejs.org/en/download/releases/wget https://nodejs.org/dist/v10.9.0/node-v10.9.0-linux-x64.tar.xz // 下载tar xf node-v10.9.0-linux-x64.tar.xz // 解压cd n...原创 2019-03-27 10:58:59 · 1546 阅读 · 1 评论 -
微信小程序：发送小程序订阅消息
使用 小程序端获取的登录凭证（code）通过服务端接口获取。注意：这里和文档不一样，接口调用成功时，不会返回。)手动配置获取模板 ID。原创 2024-01-10 09:43:57 · 1688 阅读 · 1 评论 -
Error: EACCES: permission denied, mkdir
【代码】Error: EACCES: permission denied, mkdir。原创 2023-12-24 17:29:58 · 656 阅读 · 0 评论 -
微信小程序：EventChannel实现页面间事件通信通道
基础库 2.7.3 开始支持，低版本需做兼容处理。EventChannel：页面间事件通信通道。原创 2022-09-28 16:03:27 · 939 阅读 · 0 评论 -
微信小程序uni-app：常用Form表单组件input、textarea、picker使用示例
【代码】微信小程序uni-app：常用Form表单组件使用示例。原创 2023-12-07 11:52:00 · 997 阅读 · 0 评论 -
微信小程序：chooseimage从本地相册选择图片或使用相机拍照
【代码】微信小程序：chooseimage从本地相册选择图片或使用相机拍照。原创 2023-12-06 10:02:55 · 1143 阅读 · 0 评论 -
微信小程序：button微信开放能力打开客服会话分享到聊天框
父元素需要设置为相对定位。原创 2023-12-02 20:16:59 · 478 阅读 · 0 评论 -
js：react使用zustand实现状态管理
【代码】js：react使用zustand实现状态管理。原创 2023-11-16 15:29:28 · 766 阅读 · 0 评论 -
VSCode常用插件和字体设置
open in browser # 浏览器中打开原创 2020-05-03 23:10:36 · 9539 阅读 · 0 评论 -
js: less-vars-to-js将 LESS 变量转换为 JavaScript 对象
less-vars-to-js 是一个用于将 LESS 变量转换为 JavaScript 对象的工具。它可以帮助你在使用 LESS 编写样式的同时，可以方便地在 JavaScript 代码中使用这些变量。原创 2023-11-14 16:28:18 · 595 阅读 · 0 评论 -
js：Lodash一个JavaScript 实用工具库
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。文档。原创 2023-11-14 10:04:48 · 331 阅读 · 0 评论 -
js：Browserslist用特定语句查询浏览器列表的工具与Babel和Postcss配置使用
在 package.json 中增加browserslist 配置。Browserslist 是一个用特定语句查询浏览器列表的工具。比对两次输出，将浏览器兼容范围减小后，代码直接就是箭头函数。在 package.json 中 配置 postcss。package.json 配置browserslist。有如下代码，需要通过babel转译为兼容浏览器的代码。在 package.json 中配置babel。不配置browserslist的情况下。Browserslist 将依赖。安装 babel依赖。原创 2023-11-09 15:32:48 · 529 阅读 · 0 评论 -
React:实现一个定时器计数器，每秒自动+1
以上写法有一个问题，页面会永远停留在数字1，并不会发生变化。需求：实现一个定时器计数器，每秒自动+1。原创 2023-11-08 18:02:50 · 818 阅读 · 0 评论 -
Javascript实现快速排序Quicksort
（2）所有小于"基准"的元素，都移到"基准"的左边；所有大于"基准"的元素，都移到"基准"的右边。（3）对"基准"左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。（1）在数据集之中，选择一个元素作为"基准"（pivot）。原创 2023-11-08 17:15:37 · 174 阅读 · 0 评论 -
js：React中使用classnames实现按照条件将类名连接起来
React中可以借助classnames实现。Vue中的类名可以这么写。原创 2023-11-08 13:51:29 · 408 阅读 · 0 评论 -
基于React使用swiperjs实现竖向滚动自动轮播
很多文章，都只提供了js部分，包括官方的文档也只有js部分，如果css设置不正确，会导致轮播图不自动播放。使用的swiper版本：v11.0.3。完整依赖 package.json。需要设置swiper容器的尺寸。使用vite创建react应用。原创 2023-11-07 11:46:52 · 964 阅读 · 0 评论 -
js：可选链运算符（?.）和空值合并运算符（??）
是一个逻辑运算符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。使用可选链运算符（?.）就可以很好的规避这个问题。假设有两个对象，数据而结构如下。获取嵌套对象的name属性。原创 2023-11-04 12:03:40 · 278 阅读 · 0 评论 -
PostCSS通过px2rem插件和lib-flexible将px单位转换为rem(root em)单位实现大屏适配
因为lib-flexible.js 原本是用来适配移动端的，所以，需要改动一些代码才能适配PC大屏，只能通过整个文件引入，不要通过npm安装，否则每次安装都需要重新修改代码。需要注意的是，这个缩放是基于宽度缩放的，如果屏幕尺寸比例不一致，会导致竖向的内容会缺失，或者出现滚动。在尺寸为1200px的屏幕宽度下，可以还原为代码中设置的尺寸。在尺寸为1400px的屏幕宽度下，可以还原为代码中设置的尺寸。就不一样，进而导致页面元素的尺寸也不一样，实现了缩放效果。这样，在不同的屏幕下，计算出来的根元素。原创 2023-11-04 10:14:58 · 944 阅读 · 0 评论 -
SortableJS：vuedraggable实现元素拖放排序
【代码】SortableJS。原创 2023-11-01 22:30:33 · 469 阅读 · 0 评论 -
Day.js轻量级 JavaScript 时间日期处理库可替代Moment.js
Day.js 是一个仅 2kb 大小的轻量级 JavaScript 时间日期处理库，和 Moment.js 的 API 设计保持完全一样。如果你曾经用过 Moment.js ，那么你已经知道如何使用 Day.js 。Day.js 2kbMoment.js 18.2kb文档https://www.npmjs.com/package/dayjs安装npm install dayjs --save使用示例var dayjs = require("dayjs");// 格式化时间dayjs原创 2020-07-24 17:26:18 · 2406 阅读 · 1 评论 -
使用json-bigint库处理后端返回数值型数据精度丢失问题
使用json-bigint库处理后端返回数值型数据精度丢失问题原创 2023-10-24 10:38:18 · 570 阅读 · 0 评论 -
微信小程序：全局状态管理mobx-miniprogram、mobx-miniprogram-bindings
安装npm install --save mobx-miniprogram mobx-miniprogram-bindings定义 store.js/** * 全局状态管理 */import { observable, action } from 'mobx-miniprogram';export const store = observable({ // 数据字段 numA: 1, numB: 2, // 计算属性 get sum() { return th原创 2021-10-20 12:03:20 · 7885 阅读 · 0 评论 -
Vue3.js：自定义组件 v-model
Vue3的自定义`v-model`和vue2稍有不同原创 2023-10-17 10:08:36 · 858 阅读 · 0 评论 -
swiper.js实现叠加轮播效果
文档：swiperjs https://swiperjs.com/在线demo:https://mouday.github.io/front-end-demo/swiperjs.html实现源码<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &.原创 2021-11-24 14:14:50 · 5591 阅读 · 6 评论 -
js：获取鼠标点击位置，弹出提示框
/ 监听鼠标点击事件。原创 2022-06-19 20:57:44 · 1899 阅读 · 0 评论 -
js：对dom元素class属性进行读取、更新、移除操作
综上，一共有三种方式对dom元素class属性进行读取、更新、移除操作。DOMTokenList对象。原创 2023-09-07 15:52:30 · 1936 阅读 · 0 评论