木贝西-优快云博客

原创 pnpm 构建 Monorepo workspace项目

pnpm 构建 Monorepo 项目使用背景因为公司要做的项目比较多，项目之间又会相互依赖。目前分为pc后台，pc商城，uniapp项目等等。所以为了代码的复用和代码的规范提交，决定引入pnpm来创建Monorepo项目。Monorepo是什么呢Monorepo 简单的说，是指将公司的所有代码放到一个 Git / Mercurial / Subversion 的代码仓库中。对于很多没听说过这个概念的人而言，无异于天方夜谭。Git 仓库不应该是每个项目一个吗？对于很多用 monorepo 的公司，他

2022-03-23 16:38:43 4663 6

转载 jsplumb dom连线

【代码】jsplumb dom连线。

2024-02-26 15:56:50 241 1

原创 vue 只能输入数字和俩位小数的自定义指令

【代码】vue 只能输入数字和俩位小数的自定义指令。

2023-11-15 16:21:46 336

原创 cmder加入右键

管理员运行cmder。

2023-06-05 13:46:55 354

原创 NSCODE AI 创作助手

总的来说，Vue3在性能、类型推断、代码优化、API设计等方面都有了很大的改进，可以更好地满足现代应用的需要，提高开发效率和性能。更高效的响应式系统：Vue3使用了Proxy对象替代了Vue2的defineProperty来实现响应式的数据绑定，从而提高了响应式系统的性能。更高效的响应式系统：Vue3使用了Proxy对象替代了Vue2的defineProperty来实现响应式的数据绑定，从而提高了响应式系统的性能。更加灵活的组件：Vue3允许组合多个组件到一个单独的组件中，从而更加灵活地管理和组装组件。

2023-06-01 11:40:33 625

原创 CSS抛物线组件

【代码】CSS抛物线组件。

2023-04-18 16:43:02 238

转载一个前端大佬的十年回顾 | 漫画前端的前世今生

一个前端大佬的十年回顾 | 漫画前端的前世今生

2023-04-12 08:52:23 117

原创 vue只能输入俩位小数和数字的正则

1 表示正则表达式中第一个括号内的匹配内容，也就是第一个小数点之前的模式，保留小数点后的 0 到 2 位数字。需要注意的是，在这段代码中使用的正则表达式 /[^0-9]/g 和 /\D/g 是等价的。其中，正则表达式 /[^0-9]/g 中的方括号表示一个字符集，匹配方括号中除 0-9 以外的所有字符；整个正则表达式的含义是，匹配一个或多个数字字符，后面可能跟有一个小数部分，小数部分由一个小数点和一到两个数字字符组成。因此，建议在前端和后端都对用户输入进行有效性校验，确保输入的是有效的数字。

2023-04-04 16:45:45 2591

转载 h5 或者 uniapp打开高德百度腾讯 apple 地图

h5 或者 uniapp打开高德百度腾讯 apple 地图。app端不包含腾讯地图 H5端不包含 apple。

2023-02-23 11:16:37 688

原创 uniapp app h5 小程序腾讯直传cos

/** * 获取视频 * @param {number} count 最多可以选择的文件个数 * @param {Array<String>} sourceType album 从相册选视频，camera 使用相机拍摄 * @param {Array<String>} sizeType 可以指定是原图还是压缩图，默认二者都有 * @returns {Promise<unknown>} */export const chooseVideoByPromise =

2022-05-31 16:52:47 1265

转载 axios如何利用promise无痛刷新token

// 是否正在刷新的标记let isRefreshing = false// 重试队列，每一项将是一个待执行的函数形式let requests = []// 在请求之后拦截自定义处理结果可根据前后端定义的/* 对响应成功做点什么可使用async await 做异步操作*/httpRequest.interceptors.response.use( ({ data, config }) => { const code=String(data.code) con

2022-04-25 15:20:27 307

转载前端宏任务和微任务的理解

JavaScript中分为同步任务和异步任务，而异步任务中又分为宏任务和微任务两种;代码示例：function app() { setTimeout(() => { console.log("1-1"); Promise.resolve().then(() => { console.log("2-1"); }); }); console.log("1-2"); Promise

2022-04-07 16:29:14 1859

原创 wangEditor vue3新增自定义菜单清除源码视图清除格式格式刷

<template> <div> <div id="vocen-ediltor"> </div> <PhotoGallery @returnPhoto="returnPhoto" ref="PhotoGalleryRef"></PhotoGallery> </div></template><script lang="ts"> import { defineCompon

2022-03-28 16:52:53 3300

原创前端node.js 自动打包上传到sftp 并通知钉钉机器人

sftp上传const path = require('path')const axios = require('axios');const package=require('./package.json')const shell = require("shelljs");if (shell.exec("yarn build").code !== 0) { // 执行npm run build 命令 shell.echo("Error: get coding failed"

2022-03-23 15:09:44 1586

原创 uview2.0适配uniapp3.0 app

首页按照uview官方例子引入此时h5 小程序是没有任何报错需要更改第一点需要更改第二点此时app已经可以正常运行

2022-03-23 14:58:38 513

原创 uniapp cli 创建vue2.0脚手架坑

目前正处于vue2和3交替阶段，版本问题随之太多了，特别依赖与第三方组件或者框架，就会导致依赖冲突不兼容等问题问题一vue cli 版本过高Error: Cannot find module 'webpack/lib/RuleSet'全局vue/cli 改成4.5.15版本可解决上述问题原因：当前vue 版本过高而uniapp适配垃圾更改vue cli版本步骤卸载之前版本npm uninstall -g @vue/cli安装3.0及其以后版本npm install -g @vue/

2022-03-23 14:45:34 2370 2

原创前端工程化pnpm 管理workspace 统一版本号

参考vue源码releaseconst fs = require('fs')const path = require('path')const chalk = require('chalk')const args = require('minimist')(process.argv.slice(2))const semver = require('semver')const currentVersion = require('../package.json').versionconst {

2022-03-11 09:20:51 1993

原创 npm installl preinstall

可再次约定更新依赖得npm或者pnpm或者yarn "scripts": { //执行工程自身preinstall "preinstall": "node ./scripts/preinstall.js" },preinstall.jsif (!/pnpm/.test(process.env.npm_execpath || '')) { console.warn( `\u001b[33mThis repository requires using pnpm as th

2022-03-11 09:11:29 1773

转载我把 Vue3 项目中的 Vuex 去除了，改用 Pinia

Piniapinia 目前已经是 vue 官方正式的状态库。适用于 vue2 和 vue3，本文只描述vue3的写法。image-20220217155244154.pngpinia 的优势相对于以前的 vuex，pinia具有以下优势更简单的写法，代码更清晰简洁，支持composition api和options api语法更完善的 typescript 支持，无需创建自定义复杂的包装类型来支持 TypeScript，所有内容都是类型化的，并且 API 的设...

2022-03-09 08:35:44 2677

原创 shelljs

// 局部模式const shell = require('shelljs')const fs = require('fs')const files = fs.readdirSync('../packages/components').filter(name => !["theme-default", "index.ts", "types.ts","package.json","version.ts","Base"].includes(name))// 解压的webhook// const

2022-03-08 16:48:43 1457

转载 npm如何发布scope库，@xxx/yyy

如何发布带命名的npm包呢? 经常有看到@xxx/yyy类型的开源npm包，尝试修改package.json的name属性为@xxx/yyy，npm却提示发布报错，有点懵！原因是你不是收费用户,来，按以下步骤走一遍.一注册npm账号去npm上注册自己的账号，这个有很多介绍，不赘述。二成为收费用户哈哈，7美刀/mon，成为用户后你就可以发布@xxx/yyy这样的库了，好处是npm包管理可以更加合理，也不会再npmjs.com上生产垃圾代码.。建议有很多开源库的同学成为收费用户^_^.高

2022-03-01 14:52:26 897

转载 vue3+ts+vite 发布vue组件到npm包

vue3+ts+vite发布组件到npm系统环境vue:3.2.6 vite:2.5.4 ts:4.3.2创建项目npm init vite@latest模板选择vue、vue-ts编写组件打开项目在src/components文件夹下新增文件,我这里叫TestPub.vue编写代码如下<template> <button class="testButtonClass">我是测试要发布的按钮组件</button>&l

2022-03-01 14:50:16 2044 8

原创 jest运行报错 Cannot use import statement outside a module

这是因为jest没支持es6导入导出将测试环境添加到项目根目录下的 .babelrc 中：{ "env": { "test": { "plugins": ["@babel/plugin-transform-modules-commonjs"] } }}安装 ECMAScript 6 转换插件：npm install --save-dev @babel/plugin-transform-modules-commonjs...

2022-02-17 15:06:18 4926

转载使用Jest测试JavaScript (入门篇)

1 什么是 Jest?JestJest是 Facebook 的一套开源的 JavaScript 测试框架，它自动集成了断言、JSDom、覆盖率报告等开发者所需要的所有测试工具，是一款几乎零配置的测试框架。并且它对同样是 Facebook 的开源前端框架 React 的测试十分友好。2 安装Jest2.1 初始化package.json在shell中输入以下命令，初始化前端项目并生成package.json：npm init -y2.2 安装Jest及相关依赖在s

2022-02-16 16:11:36 1179

转载各大市场应用上架整理

应用宝https://open.qq.com/reg注册： 1.QQ账号 2.统一社会信用代码 3.营业执照基本信息： 1.应用名称 2.应用分类 3.简介 4.一句话简介安装包： 1.已签名apk 2.测试账号及密码 3.发布类型图标素材： 1.应用小图标 16*16 20k内 PNG格式 2.应用图标 512*512 200k内直角图标 3.应用截图 3-5张 320*480以上 JPG/PNG 单张不能超过1M 4.介绍视频版权证

2022-02-15 13:56:34 206

转载安卓APP应用在各大应用市场上架方法整理

想要把APP上架到应用市场都要先注册开发者账号才可以。这里的方法包括注册帐号和后期上架及一些需要注意的问题。注意：首次提交应用绝对不能随便删除，否则后面再提交会显示应用APP冲突，会要求走应用认领流程，那个时候就会相当麻烦啦。1、腾讯应用宝腾讯开放平台地址：http://open.qq.com注册开发者帐号地址：https://ssl.zc.qq.com/v3/index-chs.html重要提示：开发者QQ号码一旦注册不能变更，建议使用公司老板或法人的QQ号码而不是员工私人号码注册，以免遇到员工离

2022-02-14 14:15:50 8323

原创微信小程序授权登录

loginButton (){ let resUlt=this.getLoginInfo() let resCode=this.getLoginCode() Promise.all([resUlt,resCode]).then((res) => { console.log(res,"222") }) }, getLoginCode(){ return new Promise((resolve, reje

2021-12-26 10:46:26 344

原创 UEeditor vue-ueditor-wrap关于自定义按钮和在当前焦点插入内容踩坑

踩坑vue-ueditor-wrap 这个封装了 UEeditor富文本，在@ready 会返回富文本实例 <vue-ueditor-wrap @ready="ready" ref="vueUeditor" :config="myConfig" v-model="content" @beforeInit="addCustomButtom"/> ready (editorInstance) { this.editorInstance=editorInstance

2021-11-29 17:08:12 3261 10

转载以后画 Canvas，我决定用这个 20k Star 的库了…

1导语我们想在画布上画个基本的简单形状的时候，使用 Canvas 不会觉得有什么繁琐。但当画布上需要任何形式的互动，绘制复杂的图形和在特定情况需要改变图片的时候,使用原生 canvas API 将会变得很困难。而 Fabric 旨在解决这个问题。Fabric.js 是一个强大而简单的 Javascript HTML5 画布库 Fabric 在画布元素之上提供交互式对象模型 Fabric 还具有 SVG-to-canvas（和 canvas-to-SVG）解析器图片为了方便,下面我将通过 vue项目

2021-09-16 08:32:35 255

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

nvm最新自用nvm最新自用nvm最新自用nvm最新自用nvm最新自用

iis 负载均衡安装文件ARRv2-5

uni-ecarts.rar

Funtable.rar

vue浏览器本地调试扩展

apizz扩展资源压缩包

cmder_mini.rar

空空如也