标签: JavaScript

青苗 | 3周前 | JavaScript

yarn 安装 + 缓存位置修改

https://classic.yarnpkg.com/lang/en/ 安装 Yarn js npm install -g yarn 缓存位置修改 js yarn config set global-folder "你的磁盘路径" 检查当前 yarn 的 全局安装位置 yarn global dir

 41 |  1 |  0 JavaScript

青苗 | 4周前 | JavaScript

nodejs 国内镜像源

推荐使用阿里的镜像源 通过 config 命令配置 通过全局配置指定镜像源: npm config set registry https://registry.npmmirror.com 在安装模块的时候指定镜像源 使用npmmirror镜像源 安装 loaddash 模块 npm install loaddash --registry https://registry.npmmirror.com 编辑 /.npmrc 加入下面内容 还可以通过配置文件指定全局配置镜像源 registry=https://registry.npmmirror.com 使用 cnpm 如果你不想修改镜像源,每次安装过程时指定镜像源又嫌麻烦的话,可以安装 cnpm 这个模块,这样在之后安装模块的时候使用 cnpm命令代替 npm命令,同样能使用该镜像源。 npm install -g cnpm --registry=https://registry.npmmirror.com 参考资料 https://npmmirror.com/ 淘宝

 57 |  1 |  0 JavaScript

青苗 | 4周前 | JavaScript

nodejs 版本升级

npm 命令升级 js 查看当前node版本 $ node -v 清除npm缓存 $ npm cache clean -f 全局安装n $ npm install -g n 升级到最新稳定版 $ n stable 升级到最新版 $ n latest n 列出已安装的Node.js版本 n latest 安装最新版本(包含最新特性的版本,不推荐用于生产环境) n stable 安装最新稳定版(不推荐用于生产环境) n lts 安装最新长期维护版(生产环境推荐) n <版本号 根据版本号安装对应版本的Node.js 官方下载 [点击下载 Recommended For Most Users 版本](https://nodejs.org/zh-cn/) 下载了 node-v18.12.0-x64.msi 点击安装即可

 39 |  0 |  0 JavaScript

青苗 | 2个月前 | GoJavaJavaScriptTypeScript

Protobuf 生成 Go Java Javascript 等文件

protobuf 简介 [protocol-buffers 官网](https://developers.google.com/protocol-buffers/) protobuf (protocol buffer) 是谷歌内部的混合语言数据标准。通过将结构化的数据进行序列化(串行化),用于通讯协议、数据存储等领域的语言无关、平台无关、可扩展的序列化结构数据格式。 ![3f3fca408c324376bec46e03d6ecf00b.png](//img01.aizuda.com/v1/image/preview/1583274127333003264) ProtoBuf 中的数据是按顺序进行排列,而整体的结构为若干个 field ,每一个 field 中由 Tag-[Length]-Value 组成。Length是可选的,而是否存在 Length 是通过 Tag 的类型来决定的。也就是说如果是指定的类型,比如 int64 ,那我们就可以知道 Value 的长度,也就不用在依靠 Length 来对其空间进行描述。 对比 JSON 和 XML XML

 218 |  0 |  0 GoJava

vip | 2022-09-16 | JavaScript

你不知道的 console.log 替代品

现在,假设您正在编写一些JS代码,但它无法正常工作。你做的第一件事是什么?你是Console.log 它!因此,我将告诉您 Console.log 的一些替代方案。 使用解构 通过使用 javascript 对象的破坏能力,您可以这样做: const { log } = console; log("hi"); log("testing"); 你可以将log函数更改为您想要的任何其他名称,如下所示: const { log: myLog } = console; myLog("hi"); myLog("testing"); console.group 曾经想对您的日志进行分组吗?这个方法很适合你! console.group("groupName"); console.log("hi"); console.log("testing"); console.groupEnd(); console.group("groupName2"); console.log("hi"); console.log("testing"); console.gr

 63 |  1 |  0 JavaScript

阿超 | 2022-09-03 | 前端相关JavaScript

js canvas视频截帧

礼貌是儿童和青年都应该特别小心地养成习惯的第一件大事——约翰·洛克 先放代码: javascript <script / @param src string 视频url @param currentTime double 视频截取位置,单位秒 @return 截取图片的 base64 / function getImgFromVideoUrl(src, currentTime) { if (!src) return if (!currentTime || currentTime < 0) { // 如果传入截取位置小于0, 给个默认值 currentTime = 0.001 } return new Promise(resolve = {

 77 |  1 |  0 前端相关JavaScript

阿超 | 2022-08-31 | 前端相关JavaScript

资源路径与blobUrl互转

害怕树敌的人永远得不到真正的朋友——哈兹里特 首先是普通资源 URL 转换为 blobUrl javascript // 生成blobURL const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://vampireachao.gitee.io/imgs/preview/3356_3.jpg', true); xhr.responseType = 'blob'; xhr.onload = function (e) { if (this.status 200) { var blob = this.response; console.log(blob); // document.getElementById("myImg").src = URL.createObjectURL(blob);

 109 |  2 |  0 前端相关JavaScript

tobizh | 2022-08-12 | JavaScript

电商管理后台sku生成

spu sku如果不懂的话可以百度,这篇只教你如何实现,整体分为4个步骤,你可以根据自己的业务,灵活使用。 ![5df5ecbfe15a43849be9fcd8545ca51a.png](//img01.aizuda.com/v1/image/preview/1557953936739012608) 1. 获取源数据 数据源的简单模型(这里就不贴实际的数据结构,可以在源码中查看) javascript let metaData=[[1],[2,3,4],[5,6],[7]] 2. 生成sku sku数据的简单模型 javascript let sku=[[1,2,5,7], [1,2,6,7], [1,3,5,7], [1,3,6,7], [1,4,5,7], [1,4,6,7]] 可以看的出来最终生成了 1x3x2x1 = 6 条记录 javascript descartes(metaData) {

 169 |  0 |  0 JavaScript

王磊 | 2022-08-05 | VueJavaScript

前端开发奇淫巧技之-自动表单填充

前言 有人统计过,你做一个表单页面,你和测试要索然无味的录入多少次表单参数吗?尤其是手机号,身份证号码,纳税人识别号等,还写了一堆正则来卡自己,后端还有重复性校验,每次自测都觉得头发在掉。 为什么不写个功能造福开发团队呢?? 既然大家都讨厌录入表单参数,为什么不写个小工具让他自动填充呢?有了这个功能我自己头发少掉了很多,测试妹妹也对我温柔了很多。 分析 1、支持固定值填充,比如一些字典,我可以写死他默认选哪个。 2、支持根据正则反向生成符合此正则的字符串 3、支持内置模板,像邮箱,手机号,用户名等等,不用我自己写正则了 4、支持下拉框选中,如果能支持级联就更好了 贴核心代码 注:初版本,待完善。 js // 本组件使用suchjs来生成自定义规则 https://www.suchjs.com/ import ReRegExp from "reregexp"; //let globalSuch = {}; // key 字典类型,value 字典生成方法 let extRule = { 'userName':

 139 |  1 |  0 VueJavaScript

阿超 | 2022-07-29 | 前端相关Vue前端开发环境JavaScript

vscode-vue-debug

睡在哪里都是睡在夜里。——贾平凹《废都》 今天写个node+vue的vscode里对chrome进行debug 首先确保你的路径是项目根目录,懒得踩坑或者去对应配置 我这里用[ vue-cli ](https://cli.vuejs.org/zh/index.html %E8%B5%B7%E6%AD%A5)创建一个新的 vue 项目 没有 tyarn 或者 cnpm 的话可以安装一个 shell npm i -g cnpm yarn tyarn --registry=https://registry.npm.taobao.org 查看全局依赖存储路径 yarn global dir ![image-20220319155235943](https://waibi.oss-cn-chengdu.aliyuncs.com/blog/image-20220319155235943.png) 然后是配置环境变量 对应路径注意不是在 Data 目录里: shell C:\Users\achao\AppData\Local\Yarn\bin

 134 |  1 |  1 前端相关Vue

阿超 | 2022-07-29 | 前端相关JavaScript

debugのChrome篇

我来到这个世界为的是看太阳和蔚蓝色的田野。——巴尔蒙特 chrome 中如何 debug ?我们可以打开 chrome 的控制台 ![image-20201201203437207](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203437207.png) 找到我们的文件 ![image-20201201203500555](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203500555.png) 然后在想要调试的地方打断点 ![image-20201201203527958](https://waibi.oss-cn-chengdu.aliyuncs.com/picGo/image-20201201203527958.png) 然后执行到此处的时候就会触发调试 ![image-20201201203556273](https://waibi.oss-cn-chengdu.aliyuncs.com/p...

 143 |  1 |  1 前端相关JavaScript

恩康 | 2022-07-27 | 前端相关Vue前端开发环境JavaScript

Nvm Node多版本 切换工具

Nvm是什么 Nvm是管理node版本的工具、支持安装多个node版本、避免以为切换node版本需要卸载/安装,使用nvm指令即可快速切换node版本。 Nvm安装 官方地址:https://github.com/coreybutler/nvm-windows/releases 选择nvm的安装目录 选择nvm install的node版本的安装路径 Nvm使用 安装node版本 nvm install 16.16.0 查看当前所有的安装node版本 nvm list 使用 那个版本的node nvm use version 查看当前使用的node版本 nvm current

 154 |  3 |  1 前端相关Vue

超级管理员 | 2022-07-17 | 前端开发环境JavaScript

NodeJs 安装及环境配置

NodeJs 安装及环境配置 官网地址 https://nodejs.org Nodejs 官方下载 https://nodejs.org/en/download/ windows 下载 Windows Installer (.msi) 版本点击安装即可, 本文主要是介绍 linux 环境安装配置。 Linux 下载选择 Linux Binaries (x64) 版本,下文以 v16.16.0 版本为例。 下载安装包 cd /usr/local wget https://nodejs.org/dist/v16.16.0/node-v16.16.0-linux-x64.tar.xz xz -d node-v16.16.0-linux-x64.tar.xz tar -xvf node-v16.16.0-linux-x64.tar 安装配置环境变量 为了方便未来升级版本,修改包名为 nodejs mv node-v16.16.0-linux-x64 nodejs 建立软连接: ln -s /usr/l

 616 |  4 |  0 前端开发环境JavaScript