BARAN的小站🔥🔥🔥

meta12<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> link标签 因为页面切换主题网速慢会出现空白区域影响体验，就了解相关优化方法，下面做个整理 rel preload优先加载（as必填的吧） prefetch预加载（空闲时加载） dns-prefetch使浏览器主动去执行域名解析的功能。 preconnect浏览器要建立一个连接，一般需要经过DNS查找，TCP三次握手和TLS协商（如果是https的话），这些过程都是需要相当的耗时的，所以preconnet，就是一项使浏览器能够预先建立一个连接，等真正需要加载资源的时候就能够直接请求了。 prerender不仅会加载资源，还会解执行页面，进行预渲染，但是这都是根据浏览器自身进行判断。123456<!-- 浏览器加载资源顺序如下 --><link rel="prefetch" as="video" hre ...

先看下要做什么吧 打开https://github.com/cxvh会看到cxvh仓库的README.md文件 接下来从两方面介绍如何去编辑 首选懒人快速生成的方法，简单，快捷 自定义编辑、构建 懒人快速生成 打开生成网站 Title是标题，有示例，参考编写即可 Subtitle小标题，可以做个简短的自我描述 Work项目名称+链接、在学习什么、关于、邮箱、所有的项目链接、你的博客地址、简历地址、你认为你很有趣~ Skills技能专长、选中你会的，会生成图标 Social社交、联系方式 Add-ons附加组件、会生成一些分析图标等 Support支持（没用过不太懂） 配置好后点击Generate README生成，复制到你的https://github.com/名称/仓库名和名称一样的仓库/README.md，然后commit就看到了 自定义编辑、构建这里主要说下流程和需要注意的细节（以下通过开发工具为vscode，使用github仓库） 先从wakatime说起，它主要对项目进行分析，它通过你本地的开发工具打开的项目、链接对应git仓库进行分析 打开网站https:/ ...

官网doc 快速上手入门指南 从 vue 配置文件认识 webpack导出配置文件vue inspect > webpack.config.js 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771 ...

doc GUI工具Another Redis Desktop Manager config配置点击搜索找到 redis.conf 文件 搜索 SNAPSHOTTING 1234567891011121314151617181920212223242526272829303132333435363738394041################################ SNAPSHOTTING ################################## Save the DB on disk:## save <seconds> <changes>## Will save the DB if both the given number of seconds and the given# number of write operations against the DB occurred.## In the example below the behavior will be to save:# after 900 sec ( ...

安装 axios doc npm install axios -S 封装 axios.js12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970// 封装 axios 的请求，返回重新封装的数据格式// 对错误的统一处理import axios from 'axios'import errorHandle from './errorHandle'class HttpRequest { constructor(baseUrl) { this.baseURL = baseUrl } // 获取 axios 配置 getInsideConfig() { const config = { baseURL: this.baseURL, headers:  ...

本地环境搞起来 下载源码，安装依赖 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" 修 ...