标签: JavaScript

青苗 | 2022-12-15 | JavaScript

nodejs 异常 stack Error: Can't find Python executable "python", you can set the PYTHON env variable.

异常： stack Error: Can't find Python executable "python", you can set the PYTHON env variable. 解决方法： 清空 npm 缓存 cmd npm cache clean --force 管理员身份执行命令 cmd npm install --global --production windows-build-tools 安装成功提示！ cmd --------- Visual Studio Build Tools ---------- Still waiting for installer log file... ------------------ Python -------------------- Successfully installed Python 2.7 注意 C:\Users\用户名\.windows-build-tools\python27 添加到系统环境变量 执行命令： cmd npm
 124 |  0 |  0 JavaScript

青苗 | 2022-12-07 | JavaScript

html 如何设置访问页面自动重定向到新页面

在 head 元素中加入 meta 属性 html <html <head <!--0s 后, 重定向到爱组搭- <meta http-equiv="refresh" content="0;url=http://aizuda.com" </head <body </body </html js 重定向 js window.location="http://aizuda.com";

 85 |  0 |  0 JavaScript

青苗 | 2022-11-10 | JavaScript

yarn 安装 + 缓存位置修改

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

 101 |  1 |  0 JavaScript
1 解决
450 阅读

opensslErrorStack: [ 'error:03000086:digital envelope routines::initializati

JavaScript

青苗 | 2022-11-03 | 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/ 淘宝
 176 |  1 |  0 JavaScript

青苗 | 2022-11-03 | 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 点击安装即可
 140 |  0 |  0 JavaScript

青苗 | 2022-10-21 | JavaScriptJavaGoTypeScript

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
 413 |  0 |  0 JavaScriptJava

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
 131 |  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 = {

 163 |  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);

 165 |  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) {

 258 |  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':
 200 |  1 |  0 VueJavaScript

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

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

 197 |  1 |  1 VueJavaScript

阿超 | 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...
 200 |  1 |  1 JavaScript前端相关

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

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
 237 |  3 |  1 VueJavaScript