~~空言~~-优快云博客

原创 Webpack - DevServer 和 HMR

Webpack - DevServer 和 HMRWebpack - DevServer 和 HMR 不使用DevServer的方式HMR - 模块热替换Webpack - DevServer 和 HMR 不使用DevServer的方式live-serverwebpack --watchHMR - 模块热替换

2021-08-05 21:46:16 378

原创 Webpack - Vue

文章目录Webpack 加载Vue需要的插件Webpack 加载Vue需要的插件vue-loaderVueLoaderPluginVue 内置的插件const VueLoaderPlugin = require ('vue-loader/lib/plugin')vue-template-compiler

2021-07-18 18:52:18 138

Babel安装及命令行的使用npm i @babel/core // 核心npm i @babel/cli // cli 工具npx babel src --out-dir dist // 转化并输出npm i @babel/plugin-transform-arrow-functions //转化箭头函数的插件npx babel src --out-dir dist --plugins=@babel/plugin-transform-arrow-functions // 使用插件转化并输出

2021-07-15 21:21:18 201

原创 Webpack -plugin

loader 用于转换某些类型的模块，而plugin则可以用于执行范围更广的任务。包括：打包优化，资源管理，注入环境变量等。Webpack Pluginclean-webpack-plugin

2021-07-07 22:34:28 130

原创 Webpack - loader

Loader从下往上css-loader使用方式1. 内联方式import "css-loader!../css/index.css"// 直接在引入时使用，使用！分开2. CLI方式(Webpack5中不再使用)// package.json"scripts":{ "build": "webpack --module-bind 'css=style-loader'!css-loader'"}3. 配置方式// webpack.config.jsmodule: { // 规

2021-07-07 21:10:48 103

原创前端的工具

browserlist作用共享适配浏览器的配置使用npx browserlist直接使用，读取目录下的 .browserslist 文件其它工具自动调用PostCSS作用通过JavaScript转换样式配置文件postcss.config.jsmodule.exports = { plugins:[ require('postcss-preset-env') ]}使用查找构建工具中的扩展添加插件PostCSS-CLI在命令行使用npx postcs

2021-07-05 22:33:49 137

原创浏览器的适配 - browserslist

browserslist为前端工具提供兼容目标浏览器和Node.js版本的配置规则default[占比]%not deadlast [number] version…使用package.json示例：{ "browserslist": ["> 1%", "last 2 versions"]}.browserslistrc示例：> 1%last 2 versionsnot dead各个条件的关系可以是交并补...

2021-07-05 20:51:42 987

原创 .NET 网站安全问题

Cookie Secure AttributeDescriptionIf the secure flag is set on a cookie, then browsers will not submit the cookie in any requests that use an unencrypted HTTP connection, thereby preventing the cookie from being trivially intercepted by an attacker monit

2021-07-02 08:35:21 628

原创 JavaScript的模块化

CommonJsNodeJs 对CommonJs的实现：导出exportsexports 是每个模块都有的对象通过exports对象的属性导出exports.name = "name" module.exportsmodule 是每个模块都有的对象Node 中负责导出的其实是module.exportsmodule.exports = exports赋值的操作是在顶层的CommonJs规范中并没有module.exports的概念，是Node模块化的实现导入requir

2021-06-30 22:51:26 133 1

原创 Node中的常见全局对象

Node 中常见的全局对象全局对象processNode 进程中的相关信息ConsolesetTimeoutsetIntervalsetImmediate补充：process.nextTick()Node 中的定时器global类似于浏览器中的 window对象。特殊全局对象每个模块私有，只是看起来像全局对象。__dirname__filename...

2021-06-29 21:30:47 144

翻译 .NET中的依赖注入

.NET 依赖注入官网这篇文章是英文的，依靠翻译软件阅读一下，顺便做个记录。原文链接.NET支持依赖注入（DI）软件设计模式，这是一种用于在类和它们的依赖项之间控制反转（Ioc）的技术。在.NET中，依赖注入，配置项（configuration），日志（logging）还有选项模式（options pattern）是第一类对象（first-class citizen）。依赖项是另一个对象所依赖的对象。仔细看下面的MessageWriter类，它有一个Write方法，并且有另外一个类以来它。publ

2021-04-24 18:59:05 2101

qq_43556517的博客