- 博客(77)
- 收藏
- 关注
RSS订阅原创 HTTP Header 中的 cookie 和 set-cookie
在 HTTP 协议中，Cookie和Set-Cookie是两个不同的头部，分别用于发送 cookie 和 设置 cookie。CookieSet-CookieSet-Cookie是一个HTTP响应标头用于将cookie由服务器发送到用户代理（即浏览器），以便用户代理在后续的请求中可以将其发送回服务器。要发送多个cookie，则应在同一响应中发送多个Set-Cookie标头。Set-Cookie。
2025-03-22 15:46:17
855
原创 VS Code 的Tasks 功能介绍
VS Code 的 tasks 功能允许开发者在编辑器内直接运行自定义脚本或命令。无论是编译代码、运行测试、启动服务器，还是执行其他任何与项目相关的重复性任务，都可以通过tasks进行配置和管理。tasks功能主要通过位于项目根目录下.vscode文件夹中的tasks.json文件来实现。通过对该文件进行配置，开发者可以定义多个任务，每个任务都有特定的功能和执行方式。VS Code 的 tasks 功能通过灵活的配置选项，为开发者提供了强大的任务自动化能力。通过对tasks.json。
2025-03-19 00:22:57
815
原创 ES Module 的 import 导入和 import () 动态导入
ES Module 的import导入和import()动态导入为开发者提供了强大的模块管理能力。import的静态特性使得代码的依赖关系更加清晰，便于优化；import()的动态特性则为代码的灵活性和性能优化提供了更多可能。在实际开发中，我们应根据具体的需求选择合适的导入方式，以构建高效、可维护的 JavaScript 应用。
2025-03-07 20:43:57
1042
翻译 http-proxy-middleware readme
使 Node.js 代理变得简单。为等轻松配置代理中间件。由流行的Nodejitsu提供支持。
2025-02-21 23:43:22
48
原创 vite + vue3 + tailwind 启动之后报错
但不同的是，sass包是纯JavaScript实现的，而sass-embedded是围绕原生Dart可执行文件的JavaScript包装器。这意味着sass-embedded通常速度更快，特别是对于大型Sass编译任务，但它只能安装在Dart支持的平台上：Windows、Mac OS和Linux。尽管是两个不同的包，但由于它们具有相同的底层实现，sass和sass-embedded都被视为“Dart Sass”。自sass-embedded包的第一个稳定版本发布以来，这两个包就同时发布并共享相同的版本号。
2024-12-23 22:30:00
599
原创 dotenv配置并加载环境变量
dotenv是一个不依赖任何模块的环境变量加载器，它从.env文件中加载变量到上这样就可以将项目的代码和环境配置分开存储。这是基于理论实现的。软件通常会作为一种服务来交付，即软件即服务(SaaS Software as a Service)。
2023-04-16 14:33:24
1725
原创 ESLint插件开发
项目中添加插件之后，插件中导出的规则默认情况下是关闭的，需要使用者逐一开启，使用不方便。然后在安装了ESLint插件的编辑器中鼠标悬浮的出问题的代码上，点击快速修复，或者直接使用快捷键（ Ctrl+O Ctrl+O）就会弹出弹窗展示建议。将当前的包链接到本地全局模块，由于我们自己开发的npm并没有发布，所以通过npm link命令将该包发布到本地，然后在需要使用的项目中通过。或者编辑器插件修复，将会直接修复相关问题，而提供建议则是依靠编辑器插件给用户提供选择，告诉用户有更好的实现如果用户选择了则才会修复。
2023-04-15 00:14:44
636
原创 Yeoman 脚手架工具
异步写入API很难用，Yeoman提供了一个同步的文件写入系统API，将每一个文件写入 内存中的文件系统，在Yeoman运行完成的时候一次性写入硬盘。这个时候我们就有了一个生成器，如果是本地开发的生成器，还没有发布为npm模块，我们可以使用npm创建全局模块并使用npm link 链接到本地，(pnpm 的多包管理也不错)用户在使用生成器的时候对于某些问题总是提供相同的输入，对于这些问题，我们可以记住用户得选择，并将该答案作为新的默认值。一部分复杂的生成器可能会提供额外的生成器用来生成项目的较小的部分。
2023-04-13 00:15:01
1449
原创 ESLint检测VUE和JSON文件
ESLint 默认只支持检测JS文件中的文件，无法识别其它类型的文件，如果需要检测其它类型的文件就需要安装并指定对应的处理器，有点类似webpack的loader。
2023-04-09 19:19:55
1307
原创 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
1520
原创 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
528
原创 使用Prettier格式化代码
Prettier 文档Prettier Prettier 用来检查代码风格问题，它支持多种语言，我们这里讨论关于 JavaScript 的，它主要解决的问题是：应该使用单引号还是双引号，什么地方可以换行，TAB 键占多少个空格，结尾要不要分号 等等问题，这些都属于代码风格问题，正常情况下并不会有bug，但是在团队合作的时候容易让人暴躁。 单引号也没有没有错，双引号也没有错。但是总是要选择一个代码风格的，Prettier 希望人们放弃关于代码风格的讨论，把代码风格完全交给Prettier来处理，而不
2021-12-15 16:24:27
8120
原创 VS Code的的使用之如何设置以及什么是workspace
VS Code 设置生效如何设置vscodeworkspace工作区root workspace多根工作区
2021-10-13 16:11:49
19340
翻译 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
5946
原创 linux的用户管理相关资料整理
from/etc/group/etc/group 是用户组的配置文件，文件中存储着所有组信息；其内容包括用户组（Group）、用户组口令、GID及该用户组所包含的用户（User），每个用户组一条记录；格式如下：用户组名称：用户组密码：GID（用户组ID）：用户列表用户组密码：此位置一般显示的x，真正的密码存储在/etc/gshadow 文件中，早期的unix把密码存储在这里容易被破解，就迁走了，shadow文件只有root用户可以操作。用户列表：多个用户之间用,（逗号）分割；字段可以为空；通过c
2021-09-30 10:43:24
1225
原创 CSS中的行盒（line-boxes）和行内盒子（line-box）
CSS中的行盒（line-boxes）和行内盒子（line-box）以及盒模型的关系。
2021-09-03 18:58:15
4446
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
251
原创 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
136
原创 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
7101
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
112
原创 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
356
原创 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
1116
原创 关于Promise的一些理解
关于Promise一个 Promise 必然处于以下几种状态之一：pending: 初始状态，既没有被兑现，也没有被拒绝。fulfilled: 意味着操作成功完成。rejected: 意味着操作失败。Promise 对象是由关键字 new 及其构造函数来创建的。该构造函数会把一个叫做“处理器函数”（executor function）的函数作为它的参数。这个“处理器函数”接受两个函数——resolve 和 reject ——作为其参数。const p = new Promise((resol
2020-11-27 00:05:44
479
原创 前端小知识
2020-09-05IOS在低电量的模式下，会把 CSS animation 从 60fps限制到30fps；webkit(Safari) 在iframe中运行动画会降低帧率，鼠标点击过后会恢复原样，可能是为了防止广告占据太多系统资源。firefox（火狐）的隐私设置resistFingerprinting （抗指纹）开启的时候，JavaScript的时间精度会变为 100ms，也会造成一些问题，如动画卡顿，解决方案print.js 打印组件...
2020-09-27 14:07:35
188
原创 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
694
原创 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
806
原创 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
2434
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人