- 博客(71)
- 收藏
- 关注
原创 dotenv配置并加载环境变量
dotenv是一个不依赖任何模块的环境变量加载器,它从.env文件中加载变量到上这样就可以将项目的代码和环境配置分开存储。这是基于理论实现的。软件通常会作为一种服务来交付,即软件即服务(SaaS Software as a Service)。
2023-04-16 14:33:24
1508
原创 ESLint插件开发
项目中添加插件之后,插件中导出的规则默认情况下是关闭的,需要使用者逐一开启,使用不方便。然后在安装了ESLint插件的编辑器中鼠标悬浮的出问题的代码上,点击快速修复,或者直接使用快捷键( Ctrl+O Ctrl+O)就会弹出弹窗展示建议。将当前的包链接到本地全局模块,由于我们自己开发的npm并没有发布,所以通过npm link命令将该包发布到本地,然后在需要使用的项目中通过。或者编辑器插件修复,将会直接修复相关问题,而提供建议则是依靠编辑器插件给用户提供选择,告诉用户有更好的实现如果用户选择了则才会修复。
2023-04-15 00:14:44
527
1
原创 Yeoman 脚手架工具
异步写入API很难用,Yeoman提供了一个同步的文件写入系统API,将每一个文件写入 内存中的文件系统,在Yeoman运行完成的时候一次性写入硬盘。这个时候我们就有了一个生成器,如果是本地开发的生成器,还没有发布为npm模块,我们可以使用npm创建全局模块并使用npm link 链接到本地,(pnpm 的多包管理也不错)用户在使用生成器的时候对于某些问题总是提供相同的输入,对于这些问题,我们可以记住用户得选择,并将该答案作为新的默认值。一部分复杂的生成器可能会提供额外的生成器用来生成项目的较小的部分。
2023-04-13 00:15:01
744
原创 ESLint检测VUE和JSON文件
ESLint 默认只支持检测JS文件中的文件,无法识别其它类型的文件,如果需要检测其它类型的文件就需要安装并指定对应的处理器,有点类似webpack的loader。
2023-04-09 19:19:55
1107
原创 docker,命令集合
镜像命令查看镜像docker image搜索镜像docker search mysql下载镜像docker pull 删除镜像docker rmi -fdocker rmi -f $(docker images -aq)容器命令docker pull centos新建容器并启动docker run [] iamge# 参数说明--name ‘Name’ 容器名字-d 后台运行方式-it 使用交互方式进入容器查看内容-p 指定容器端口 -p 8080:8080 -
2022-03-18 13:36:56
1444
原创 Vue2组件间通信
Vue2.x 组件通信共有12种props :父级向子级传递数据,单向;$emit / v-on :子级通过触发事件向父级传递数据 ,单向;.sync : 父子之间通信 双向,相当于组合了props和$emit/v-on;v-model : 父子之间通信 双向,可以理解为一个特殊化的 .sync ;ref :父级通过ref获取子级的实例,从而可以获取子级数据或者调用方法;$children\ $parent:子级通过 $parent 访问父级实例从而获取属性和方法,兄弟组件也可以通过
2021-12-21 13:24:08
491
原创 使用Prettier格式化代码
Prettier 文档Prettier Prettier 用来检查代码风格问题,它支持多种语言,我们这里讨论关于 JavaScript 的,它主要解决的问题是:应该使用单引号还是双引号,什么地方可以换行,TAB 键占多少个空格,结尾要不要分号 等等问题,这些都属于代码风格问题,正常情况下并不会有bug,但是在团队合作的时候容易让人暴躁。 单引号也没有没有错,双引号也没有错。但是总是要选择一个代码风格的,Prettier 希望人们放弃关于代码风格的讨论,把代码风格完全交给Prettier来处理,而不
2021-12-15 16:24:27
7354
原创 VS Code的的使用之如何设置以及什么是workspace
VS Code 设置生效如何设置vscodeworkspace工作区root workspace多根工作区
2021-10-13 16:11:49
12899
翻译 VS Code 的使用技巧(Visual Studio Code Tips and Tricks)
Visual Studio Code Tips and Tricks“提示和技巧”可以让你学习到如何更高效的使用VS Code。你将会熟悉它强大的编辑功能、代码智能提示和源码管理功能,同时学习有用的快捷键。这篇文章提供了一个大致的预览,所以请务必在 《开始》和《用户指南》中更查看详细的话题,以便了解更多。如果没有安装VS Code,可以到下载页面下载。你可以找到各个平台的安装包。更喜欢视频?你可以观看最近发布的 Visual Studio Code tips and tricks,它包含20个使用
2021-10-11 20:03:42
5156
原创 linux的用户管理相关资料整理
from/etc/group/etc/group 是用户组的配置文件,文件中存储着所有组信息;其内容包括用户组(Group)、用户组口令、GID及该用户组所包含的用户(User),每个用户组一条记录;格式如下:用户组名称:用户组密码:GID(用户组ID):用户列表用户组密码:此位置一般显示的x,真正的密码存储在/etc/gshadow 文件中,早期的unix把密码存储在这里容易被破解,就迁走了,shadow文件只有root用户可以操作。用户列表:多个用户之间用,(逗号)分割;字段可以为空;通过c
2021-09-30 10:43:24
1186
原创 CSS中的行盒(line-boxes)和行内盒子(line-box)
CSS中的行盒(line-boxes)和行内盒子(line-box)以及盒模型的关系。
2021-09-03 18:58:15
3780
3
原创 使用docker建立wordpress博客站点
拉取镜像docker pull mysqldocker pull wordpress创建容器mysql 容器docker run -d --name wd-mysql -e MYSQL_ROOT_PASSWORD=123456 mysql# 或者docker run -d --name wd-mysql -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3306 mysql-p 主机端口:容器端口wordpress容器docker run -d -p 7
2021-08-30 23:37:08
218
原创 Go语言的一天,vscode插件安装
vscode 插件安装报错,类似dial tcp 216.239.37.1:443: connectex: A connection attempt failed安装完vscode插件,会提示安装一些包,这个时候可能会安装失败,网上不少说,要手动去github下载对应包,实际并不需要,在github无法下载,我们只需要指定一下境内的代理(GOPROXY)即可下载安装了。set GOPROXY=https://mirrors.aliyun.com/goproxy/或者go env -w GOPRO
2021-07-14 14:13:31
88
原创 webpack5的资源处理(asset modules)
webpack5 asset-moduleswebpack5热更新失效Uncaught TypeError: wrappedWellKnownSymbolModule.f is not a functionmain.js:3271 Uncaught TypeError: $ is not a function
2021-03-22 16:49:11
6878
2
原创 JavaScript作用域链与JavaScript闭包
函数是一种行为,它接受输入经过处理之后输出。假设函数f1它接受A处理之后输出B,默认情况下函数就只知道A,对A操作之后返回一个B,AB是一一对应的关系,在操作过程中函数可能需要Z,这个Z是不变的,那么我们还需要提供Z;函数f2它接受C处理之后输出D,默认情况下函数就只知道C,对C操作之后返回一个D,CD也是一一对应的关系,在操作过程中函数可能需要Z,这个Z是不变的,那么我们还需要提供Z;f1(A1,Z); // ===> B1f1(A2,Z); // ===> B2f2(C1,Z);
2021-03-22 14:06:51
74
原创 node-sass安装问题,nrm 在window下报错的问题
安装node-sass的时候报错Downloading binary from https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-83_binding.nodeCannot download "https://github.com/sass/node-sass/releases/download/v4.13.1/win32-x64-83_binding.node":HTTP error 404 Not Foun
2021-03-20 13:56:02
289
原创 git的使用(不含远程库操作)
git的使用(不含远程库操作)git初始化打开控制台,切换目录到需要git控制的文件夹,执行 git init 等待初始化完成即可。如果我们此时执行F:\VsCodeProjects\gitProject\format>git logfatal: your current branch 'master' does not have any commits yet...
2020-12-11 20:00:31
972
原创 关于Promise的一些理解
关于Promise一个 Promise 必然处于以下几种状态之一:pending: 初始状态,既没有被兑现,也没有被拒绝。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。Promise 对象是由关键字 new 及其构造函数来创建的。该构造函数会把一个叫做“处理器函数”(executor function)的函数作为它的参数。这个“处理器函数”接受两个函数——resolve 和 reject ——作为其参数。const p = new Promise((resol
2020-11-27 00:05:44
381
原创 前端小知识
2020-09-05IOS在低电量的模式下,会把 CSS animation 从 60fps限制到30fps;webkit(Safari) 在iframe中运行动画会降低帧率,鼠标点击过后会恢复原样,可能是为了防止广告占据太多系统资源。firefox(火狐)的隐私设置resistFingerprinting (抗指纹)开启的时候,JavaScript的时间精度会变为 100ms,也会造成一些问题,如动画卡顿,解决方案print.js 打印组件...
2020-09-27 14:07:35
163
原创 CSS 的 border-radius
CSS的border-radiusborder-radius: 10px 10px 10px 10px;注意: 每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果只有三个值则依次为 左上角,右上角和左下角,右下角,如果只有两个值则依次为左上角和右下角,右上角和左下角。上面的写法等效于 border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;
2020-08-19 18:49:52
626
原创 webpack抽取公共块
从webpack v4开始,删除了CommonsChunkPlugin,而改为直接在config.optimization.splitChunks配置来抽取公共模块。webpack的CommonsChunkPlugin文档关于压缩配置。module.exports = { //... optimization: { splitChunks: { chunks: 'async', minSize: 30000, maxSize: 0, mi
2020-06-17 14:36:22
746
原创 webpack的压缩插件uglifyjs-webpack-plugin变为teaser-webpack-plugin
webpack的压缩插件 默认压缩teaser-webpack-plugin uglifyjs-webpack-pluginES2019 Optional catch bindinguglifyjs-webpack-plugin 报错 catch
2020-06-10 23:14:36
2274
原创 Javascript的 __proto__和 prototype和原型链
__proto__JavaScript的每一个对象(null除外)都和另一个对象关联,而这里说的另一个对象便是原型。每个对象都从原型继承属性以及方法。如何确定一个对象关联的另一个对象是哪个呢?这就涉及到JavaScript对象的一个内部属性[[Prototype]] ,这个属性指向的便是当前对象关联的(或者说继承的)另一个对象。我们是不能访问内部属性的,我们可以通过 __proto__来访问...
2020-04-01 15:19:57
305
原创 JS 从重写toString 方法开始
项目中为了缓存请求结果,将请求参数转成ID存储返回结果,组织参数代码如下,const param = { a, ...getBC(), toString(){ return `${this.a}+${this.b}+${this.c}` }}cache[param.toString()] = {};在Chrome浏览器上运行正常,在IE8上却发现,参数变化的时候,...
2020-03-23 16:49:51
1574
原创 JavaScript闭包+函数内部的this指向
关于闭包, 什么是闭包? 看了不少博客没理解明白,百度百科写的是,闭包就是能够读取其他函数内部变量的函数(虽然这个也是引用的)。如果我们把 闭包 改称做 闭包函数 这样理解起来可能更容易一些。闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接...
2020-03-07 11:20:37
624
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人