BARAN的小站🔥🔥🔥

本地环境搞起来 下载源码，安装依赖 vscode 创建默认 launch.json，添加参数"args": ["ls"] F5 运行看下是否打印出东西来 在入口文件里面打断点尝试调试，如果断点成功，说明环境OK 技术点整理 file:../abc方式引入依赖包（优于 link），发布的时候自动替换为正常的版本号12345678{ "dependencies": { "@lerna/global-options": "file:../global-options", "dedent": "^0.7.0", "npmlog": "^4.1.2", "yargs": "^14.2.2" }} JS事件循环，宏任务，微任务12345678910111213console.log(1)setTimeout(() ...

目前支持以下几类依赖包管理 官网文档==>package.json doc dependencies依赖关系在一个简单的对象中指定，该对象将程序包名称映射到版本范围。 npm i is-odd -s/-S/--save写成不识别的-d/-A/-B/-C等会默认为--save devDependencies该脚本将在发布之前运行，因此用户可以使用该功能而无需他们自己对其进行编译。 npm i is-odd -D/--save-dev peerDependencies/peerDependenciesMeta optionalDependencies像dependencies对象一样。区别在于构建失败不会导致安装失败。运行npm install --no-optional将阻止安装这些依赖项。 npm i is-odd -O/--save-option bundledDependencies/bundleDependencies 依赖关系的指定版本范围 官网文档==>semver version必须version完全匹配 >version 必须大于 ...

脚手架简介脚手架本质是一个操作系统的客户端，它通过命令执行 vue create vue-test-app --force -r https://registry.npm.taobao.org 这条命令由四部分组成： 主命令：vue command：create command 的 param：vue-test-app option： --force：可以理解为--force true，可简写为-f trueor-f -r https://...：https://...是-r的param 脚手架执行原理 - 在终端输入命令：`vue create vue-test-app` - 终端解析出`vue`命令：`which vue`（`win`用`git bash`） - 终端在环境变量中找到`vue`命令 - 终端根据`vue`命令链接到实际文件`vue.js` - 终端利用`node`执行`vue.js` - `vue.js`解析`command/options` - `vue.js`执行`command` - 执行完毕，退出执行 从应用的角度看如何开发一个脚手架？vue- ...

git规范master仓库、dev开发、release上线 开始开发创建分支dev/0.0.1 上线push并marge分支dev/0.0.1到master分支 打上标签release/0.0.1 删掉dev/0.0.1分支 开发的时候自动创建dev/0.0.2分支 git repo—fork—>own git repo—clone—>loal repo（本地创建分支开发，一般由脚手架统一管理比较好）开发完成后loal repo—push—>own git repo—pull requests—code review(代码检查/评审)—合并—>git repo—>打个tag，删掉开发分支 脚手架开发流程脚手架项目初始化 npm init -y # 初始化 npm 项目 cnpm install --global lerna # 安装 lerna（如果 cnpm 不好使可以用 yarn） cnpm i -D lerna # 安装 lerna lerna init # 初始化项目12345678# .gitignore.vscode.ideano ...

在 aplayer 上面增加了页面跳转、刷新会接着上一句继续播放、页面关闭其它页面继续播放功能 正在播放音乐的页面关闭后，下次打开浏览器也会接着上一句继续播放 发布了 npm 包 aplayer2 准备 获取音乐列表ID 打开QQ音乐PC客户端并登录，依次点击【音乐馆】【排行】【新歌榜】【批量操作】【全选】【添加到】【添加到新歌单】【输入歌单名并保存】 在左侧创建的歌单找到【歌单名】并单击，点击【分享】【复制链接https://c.y.qq.com/base/fcgi-bin/u?__=f346JO4t】 打开浏览器粘贴到地址栏https://y.qq.com/n/yqq/playlist/8037641642.html，音乐列表ID就是8037641642 配置\_config.butterfly.yml或者\themes\butterfly\_config.yml 12345678910# Inject the css and script (aplayer/meting)（******此处修改******）aplayerInject: enable: true p ...

1234567891011cd /optyum -y install wgetwget https://github.com/jumpserver/installer/releases/download/v2.6.1/jumpserver-installer-v2.6.1.tar.gztar -xf jumpserver-installer-v2.6.1.tar.gzcd jumpserver-installer-v2.6.1export DOCKER_IMAGE_PREFIX=docker.mirrors.ustc.edu.cncat config-example.txt# 用户名 admin# 密码：5Lov@wife or admin./jmsctl.sh start 安装https://github.com/jumpserver/jumpserver/releases/tag/v2.6.1curl -sSL https://github.com/jumpserver/jumpserver/releases/download/v2.6.1/quick_start.sh | sh ...

算法 解决问题的计算方法 程序=数据结构+算法 判断括号是否闭合思路：使用栈解决，遇到 ( 入栈，遇到 ) 出栈，栈空了合法 12345678910111213141516171819202122/** * 判断括号是否闭合 * @param {String} str */function brackets(str) { var arr1 = str.split('') var arr2 = [] for (let i = 0; i < arr1.length; i++) { if (arr1[i] === "(") { arr2.push("(") } else if (arr1[i] === ")") { arr2.pop() } } return !arr2.length}// 测试用例 true 闭合，false 未闭合brackets(&#x ...

初始化项目 npm init -y cnpm i -D rollup 配置rollup.config.dev.js 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647const path = require('path')const rollupResolve = require('rollup-plugin-node-resolve')const rollupCommonjs = require('rollup-plugin-commonjs')const babel = require('rollup-plugin-babel')const json = require('rollup-plugin-json')const vue = require('rollup-plugin-vue')const postcss = require(&#x ...

代码index.js 123import {test} from 'test'export default test 第一步，安装 node-babel cnpm i -D @babel/nodenpx babel-node index.js 此时报错 1Error: Cannot find module '@babel/core' 第二步安装 @babel/core cnpm i -D @babel/corenpx babel-node index.js 此时报错 12345import * as test from 'test';^^^^^^SyntaxError: Cannot use import statement outside a module意思是：SyntaxError：无法在模块外部使用import语句 第三步添加配置文件.babelrc or babel.config.json 1234567891011121314151617{ "presets&q ...

免费证书申请 腾讯云 七牛云 阿里云 站长之家 商务中国 公网 IP SSL 证书示例：https://106.54.251.56 Sectigo 公网 IP SSL 证书==>一年800+ SSL盾==>一年500+ 公网 IP 地址 SSL/TLS 证书==>一年400+ 环度网信==>一年880+ 数字证书网==>一年880+ ssl配置以IP证书nginx配置为例 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647server { listen 80 default_server; listen [::]:80 default_server; location / { add_header "AccessControll-Allow-Origin" "*"; root /home/www; index index.html inde ...

JS 优化移动端 active 方法 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364<meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover"><ol> <li class="bg1">111111111111</li> <li class="bg2">222222222222</li> <li class="bg3">333333333333</li> <li class="bg4">444444444444</li> ...

Crypto加密 Crypto.subtle仅支持https Notifications API系统通知api1234567891011121314// https://developer.mozilla.org/zh-CN/docs/Web/API/Notifications_APIfunction notification(title, content, iconurl) { Notification.requestPermission().then(function(permission) { if(permission == 'granted') { var mynotification = new Notification(title, { body: content, icon: (iconurl||document.getElementById('meAvatar').src) ...

使用说明 不需要登录和注册，以 github 为例加速仓库所有内容 格式：固定地址 https://cdn.jsdelivr.net/gh/+github用户名/+github公开仓库名 完整示例：https://cdn.jsdelivr.net/gh/jquery/static/README.mdgithub仓库建好 加速的时候要等会。 配置参考npm 加速123456789101112131415161718192021222324# load any project hosted on npmhttps://cdn.jsdelivr.net/npm/package@version/file# load jQuery v3.2.1https://cdn.jsdelivr.net/npm/jquery@3.2.1/dist/jquery.min.js# use a version range instead of a specific versionhttps://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.jshttps://c ...

官网文档 https://docs.microsoft.com/zh-cn/powershell/ https://docs.microsoft.com/zh-cn/windows-server/administration/windows-commands/windows-commands shell的使用 直接执行shell文件 /bin/sh test.shell 直接执行shell语句 /bin/sh -c "ls -al|grep node_modules" 其它 复制 1234567# 帮助copy /?# 复制文件到文件docker exec -it jenkins copy test.txt a.htmldocker exec -it jenkins copy /var/test.txt a.html# 复制文件或文件夹下的子文件到文件夹docker exec -it jenkins copy /var/test.txt test\ 进程查看 1netstat -aon|findstr "4000" 修 ...

mongo文档==>所有的角色 可视化工具 打开Robo 3T 官网 点击Download Studio 3T Only下载安装即可

npm.taobao.org淘宝 NPM 镜像，registry.npm.taobao.org 是从 r.cnpmjs.org 进行全量同步的，同步频率10分钟。 开源镜像: http://npm.taobao.org/mirrors Node.js 镜像: http://npm.taobao.org/mirrors/node alinode 镜像: http://npm.taobao.org/mirrors/alinode phantomjs 镜像: http://npm.taobao.org/mirrors/phantomjs ChromeDriver 镜像: http://npm.taobao.org/mirrors/chromedriver OperaDriver 镜像: http://npm.taobao.org/mirrors/operadriver Selenium 镜像: http://npm.taobao.org/mirrors/selenium Node.js 文档镜像: http://npm.taobao.org/mirrors/node/latest/doc ...

字符集1234567utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312；gb2312简单中文，包括6763个汉字；BIG5繁体中文，港澳台等用；GBK包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312；UTF-8则包含全世界所有国家需要用到的字符；记住一点：以后我们统统使用UTF-8字符集，这样就避免出现字符集不统一而引起乱码的情况了。 标题标签12345678单词缩写：head 头部、标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题，即：h1 h2 h3 h4 h5 h6标题标签语义：作为标题使用，并且依据重要性递减!---### 注意：h1标签因为重要，尽量少用，一般h1都是给logo使用。 段落标签 123456单词缩写：paragraph 段落在网页中要把文字有条理的显示出来，离不来段落标签，就如同写文章需要首行缩进、需要分段一样，整个网页也可以分为若干个段落。段落标签：<p>文本内容</p>是HTML文档中最常见的标签，默认情况下，文本在一个段落中会 ...

可索引的集合对象 这些对象表示按照索引值来排序的数据集合，包括数组和类型数组，以及类数组结构的对象。 Array所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。 JavaScript的 Array 对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。 数组37个方法，具体参考文档123456789101112131415161718192021222324252627282930/*slice方法*/[1,2,3,4,5,6].slice(2) // [3, 4, 5, 6][1,2,3,4,5,6].slice(2,5) // [3, 4, 5][1,2,3,4,5,6].slice(-2) // [5, 6][1,2,3,4,5,6].slice(6) // []/*判断是否为数组*/Array.isArray([])/*浅层次复制数组的 3 种方法--->浅层次指非二维数组或包含对象*/var arr=[1,2,3]var newarr = [...arr]// 方法1var newarr = Object. ...

js文档MDN doc 简介JavaScript是一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。本节主要带大家熟悉JavaScript语句，巩固JavaScript基础，应对JavaScript相关面试提问。 程序的三种基本结构顺序结构：从上到下执行的代码就是顺序结构，程序默认就是由上到下顺序执行的；分支结构：根据不同的情况及判断，执行对应代码；循环结构：重复执行一段代码。 JS 由三部分组成，分别是：DOM BOM ES(5 6 ….) 前端框架类库： JQuery Lodash JS 框架： React Vue Angular Ext JS Backbone 工具： webpack（Build） jest（Test） ESlint（Lint） Template（EJS） 应用方面的（Echarts/D3/three） 区别： 框架—包含—>库框架—调用—>运行代码（如：生命周期函数）—调用—>库 数据及类型判断1234567891011121314151617181 ...

介绍 免费、开源、跨平台 服务器上的 Javascript 运行环境 基于 Chrome V8 引擎，事件驱动、非阻塞式I/O 安装 win自行下载程序安装 centos安装如下12345678# wget https://nodejs.org/dist/v14.16.1/node-v14.16.1-linux-x64.tar.xz // 下载# tar xf node-v10.9.0-linux-x64.tar.xz // 解压# cd node-v10.9.0-linux-x64/ // 进入解压目录# ./bin/node -v // 执行node命令 查看版本设置软连接（需要管理员权限）ln -s /home/cxvh/soft/node-v14.16.1-linux-x64/bin/ /usr/local/bin/ ln -s /home/cxvh/soft/node-v14.16.1-linux-x64/bin/ /usr/local/bin/ 全局 ...