- 博客(84)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 vscode eslint+prettier+volar(vuter)代码自动格式化
{ "workbench.editor.enablePreview": false, //打开文件不覆盖 "search.followSymlinks": false, //关闭rg.exe进程 "liveServer.settings.donotShowInfoMsg": true, "files.autoSave": "afterDelay", "editor..
2018-04-22 17:26:02
46492
13
原创 vite2 Error: Unknown variable dynamic import
兄弟们我来救你们了前端做动态路由权限vite2.0最开始在dev环境导入这样组件，发现是没问题，但是打包到线上 就会报找不到模块 menu.component = () => import(`../views/${url}.vue`)解决方法： // 首先把你需要动态路由的组件地址全部获取 let modules = import.meta.glob('../views/**/*.vue') // 然后动态路由的时候这样来取 menu.component = mod
2022-01-17 12:10:17
4324
1
原创 File “urllib3/connectionpool.py“, line 677, in urlopen
运行docker-compose up -d 报错ubuntu@ip-10-0-2-13:~/myapp/src$ docker-compose downWARNING: The VERSION_TAG variable is not set. Defaulting to a blank string.Traceback (most recent call last): File "urllib3/connectionpool.py", line 677, in urlopen File "u
2021-09-06 11:32:38
2895
2
原创 vscode调试node es6
{ // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "name": "启动程序", "program": "${
2021-08-12 11:17:51
237
原创 知识汇总清单
Javescript1.执行上下下文简而言之，执行上下文是评估和执行 JavaScript 代码的环境的抽象概念。每当 Javascript 代码在运行的时候，它都是在执行上下文中运行。2.执行栈执行栈，也就是在其它编程语言中所说的“调用栈”，是一种拥有 LIFO（后进先出）数据结构的栈，被用来存储代码运行时创建的所有执行上下文。...
2021-07-08 14:18:15
115
原创 Node支持 import
1.安装"@babel/core":"^7.14.6","@babel/node":"^7.14.5","@babel/preset-env":"^7.14.5",
2021-06-15 17:22:40
1042
原创 TypeScript总结
1.基础类型：number,string,null,undefinde,symbol,boolean，void2.对象类型
2021-06-11 11:05:51
227
1
原创 centos8 docker-compose.yml
version: "3"services: docker_gitlab: image: gitlab/gitlab-ce container_name: gitlab ports: - "9001:9001" - "9002:443" - "9003:22" volumes: - "/home/gitlab/etc:/etc/gitlab" - "/home/gitlab/log:/var/log/gitla.
2021-06-01 11:06:06
368
原创 docker centos安装redis
1.配置docker-comose.yml文件 docker_mongodb: image: mongo container_name: mongodb environment: MONGO_INITDB_ROOT_USERNAME: root MONGO_INITDB_ROOT_PASSWORD: example ports: - "9201:27017" volumes: - "/home/mongod
2021-06-01 11:04:55
115
原创 centos docker安装mongodb
1.配置docker-comose.yml文件 docker_mongodb: image: mongo container_name: mongodb environment: MONGO_INITDB_ROOT_USERNAME: root MONGO_INITDB_ROOT_PASSWORD: example ports: - "9201:27017" volumes: - "/home/mongod
2021-06-01 11:03:57
136
原创 docker gitlab+jenkins 前端自动化
1.生产ssh密钥ssh-keygen -t rsa -b 2048 -C "<comment>"cd ~/.sshid_rsa id_rsa.pub known_hostscat xxx_rsa2.添加公钥到gitlab(用户设置-SSH密钥)3.添加私钥到jenkins(General-源码管理-git) --拉代码Repository URLssh://git@xxxx:9003/root/front-demo.git4.在jenkins构建.
2021-04-13 16:43:01
516
原创 centos8 docker安装jenkins
1.在home文件下创建项目目录compose -docker-compose.ymljenkins -data #数据 2.配置docker-compose.yml文件version: "3"services: docker_jenkins: user: root #使用jenkins最高权限,防止映射文件的时候权限不足 image: jenkins/jenkins container_name: jenkins
2021-04-10 15:24:56
221
原创 centos8 docker安装gitlab
前言：看了网上很多教程，发现都是无脑copy的。发现了很多问题：1.修改ip和端口时，容器或者主机中修改：vim /opt/gitlab/embedded/service/gitlab-rails/config/gitlab.yml 这个文件是没有用的，重启服务器就还原了。2.要想修改成功必须修改容器中的 vi /etc/gitlab/gitlab.rb 这个文件，修改完了之后必须要执行gitlab-ctl reconfigure 这个命令，不然也会还原。1.在home文件下创建项目目录..
2021-04-10 10:25:47
775
原创 centos8 安装docker docker-compose
1.如果系统之前有docker请先卸载（如果是新系统可以跳过此步） sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-latest-logrotate \
2021-04-08 14:35:17
1261
原创 centos8 yum 换源
1.备份旧的源mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo.backup2.下载对应版本的阿里源（wget -O 下载并以指定的文件名保存）wget -O /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-8.repo3.删除yum旧的缓存，生产新的换源后的缓存 yum makecache
2021-04-08 12:02:13
3753
原创 windows 下docker 部署 vue3
1.创建vue项目vue create xxxx2.vue根目录下创建.dockerignore文件node_modules3.vue根目录下创建目录（nginx）并创建文件(default.conf)server { listen 80; server_name localhost; #charset koi8-r; access_log /var/log/nginx/host.access.log main; err
2021-04-06 14:14:22
983
原创 windows下docker部署 gitlab 环境
1.拉取官方的gitlab镜像docker pull gitlab/gitlab-ce2.配置镜像的端口映射和容器映射
2021-04-06 14:00:54
952
原创 git学习
1.因为Git是分布式版本控制系统，所以，每个机器都必须自报家门git config --global user.name "Your Name"git config --global user.email "email@example.com"2.提交git add.git commit -m '注释'3.版本回退git loggit reset --hard 1094a4.重返未来git refloggit reset --hard 3bds5.撤..
2020-09-11 15:31:51
210
原创 nginx入门，配置
1.前往nginx官网下载nginx,我这里选择主线版本1.13.122.解压nginx安装包并通过命令行启动nginx3.在游览器输入localhost,出现下面页面代表启动成功4.根据需求通过文件来配置nginx,配置文件在conf/nginx.conf#user nobody; # 用户权限worker_processes auto; # 工作进程的数量...
2019-05-08 11:11:41
352
原创 Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by serv
mysql 报错Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client起因：mysql8.0加密方式的原因报错。解决办法：执行指令mysql -u root -p1...
2018-07-30 22:23:34
13914
18
原创 服务器部署
1.NginxNginx主要是用来做反向代理、智能调度（负载均衡）。首先，了解一下什么是代理、什么是反向代理：翻墙软件、VPN就属于代理服务器，他们是代表网民发起请求。对于服务器来说，它并不知道真正的网民IP，它认为VPN服务器就是请求发起者。Nginx就属于反向代理服务器，网民首先请求到它，它再向真正的服务器发请求。对于网民来说，它认为Nginx服务器就是真正提供服务的，并不知道真实服务器是哪个...
2018-04-13 19:49:14
1203
原创 npm 淘宝镜像设置
1.使用我们定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm --registry=https://registry.npm.taobao.org2.把npm的register给永久设置过来就好了，这样使用cnpm或者npm就没差别了。（可选可不选）npm config set registry https://registry.npm...
2018-04-01 17:59:25
20552
1
原创 javascript基础知识点
1.javascript中this指向问题1:全局变量默认挂载在window对象下2:一般情况下this指向它的调用者3:es6的箭头函数中，this指向创建者，并非调用者. 效果：内部函数的this 应该绑定到其外层函数对应的对象上,可以不使用第四条来绑定this了。4:通过call、apply、bind可以改改变this的指向参考： http://www.jb51.net/article/1...
2018-03-18 11:15:27
287
原创 Error: Cannot find module 'core-js/library/fn/get-iterator'解决方案
把node_modules 删了 重新 cnpm install 或者 npm install 安装一下就可以解决了据我分析可能是npm包的问题。
2018-02-02 15:42:41
18262
4
原创 前端知识汇总
总结一些知识点，感谢参考文章中所有的作者1.css的transition 属性我们来理一下css3的transition属性好不好： https://www.toutiao.com/i6396533266110743042/ 点击打开链接2.Flex布局flex语法篇：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.htm
2018-01-24 17:42:13
182
原创 mongodb 环境配置
第一步：在安装程序下,设置目录 data/ conf -->配置文件目录 mongod.conf-->配置文件 db -->数据库目录 log -->日志文件目录 mongodb.log 第二步：设置mongod.conf配置文件 #数据库路径dbpath=e:\mongodb\data\db#日志输出文件路径logpath=e:\m...
2018-01-16 17:38:43
408
转载 前端常见跨域解决方案
转载：http://igeekbar.com/igeekbar/post/491.htm什么是跨域？跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。广义的跨域：1.) 资源跳转： A链接、重定向、表单提交2.) 资源嵌入：、、、等dom标签，还有样式中background:url()、@font-face()等文件外链3.)
2018-01-12 10:03:04
264
原创 数组连续分组
// 连续分组 devideIntoGroups(arr) { let index = 0 let arrnew = [] for (var i = 0; i < arr.length - 1; i++) { if (typeof arrnew[index] === 'undefined') { arrnew[index
2017-12-29 09:39:21
917
原创 style.left和offsetLeft和offsetWidth和scrollTop区别
style.left和offsetLeft offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值， 这同offsetLeft是相同
2017-12-08 16:40:23
288
原创 Error: Can't find Python executable "python", you can set the PYTHON env variable.解决办法
错误原因：Node.js 在安装模块的时候报错，缺少python环境。解决办法 运行下面代码:npm install --global --production windows-build-tools参考： https://github.com/nodejs/node-gyp
2017-11-07 00:39:10
104390
16
原创 webapp屏幕适配
1.使用rem 为什么使用rem 参考如下两篇文章： http://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html http://hjingren.cn/2017/03/15/%E7%A7%BB%E5%8A%A8%E7%AB%AF%E5%B1%8F%E5%B9%95%E9%80%82%E9%85%8D%E7%9A%84
2017-09-08 11:17:06
485
原创 export export-default import 使用场景
参考 点击跳转 http://es6.ruanyifeng.com/#docs/module1.export命令变量 // 写法一export var m = 1;// 写法二var m = 1;export {m};// 写法三var n = 1; //重新取个名字export {n as m};方法// 正确export function f() {};// 正确function
2017-08-21 18:29:58
2641
原创 Vuex入门
Vuex 是什么？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。简单点来说就是一个web端的数据库，主要目的是解决路由跳转也就是vue-Router之间切换数据传递的问题。使用方法1.创建一个这样的目录：2.state.js 这里面放的是数据库中的数据const state = { titleone: '', titletwo: '', name:'', ag
2017-08-21 11:39:27
435
原创 Vue.js 踩坑
//创建全局组件Vue.component("my-header",{ template:"<p>这是{{word}}head组件</p>", /无效data data:{ word:"你好" }});new Vue({ el:"#app", // template:"<p>hello{{word}} world</p>",
2017-08-02 15:47:19
715
原创 gulp简单使用
第一步：npm install gulp -gnpm install gulp --save-dev第二步： 第三步：在根目录下创建dist 和gulpfile.js第四步： js压缩到一个文件里 css压缩到一个文件里 第五步：
2017-08-02 10:21:07
216
原创 前端开发常用库
1.轮播图 OwlCarousel2 地址：https://github.com/OwlCarousel2/OwlCarousel22.图片响应式布局 picturefill 地址：https://github.com/scottjehl/picturefill3.Css样式重置 normalize.css 地址：https://github.com/necolas/normalize.
2017-08-01 16:30:14
390
原创 响应式布局
整体 1.//移动端<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">//兼容IE <meta http-equiv="X-UA-Compatible" co
2017-08-01 15:56:41
256
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人