- 博客(1372)
- 收藏
- 关注
RSS订阅转载 通过防火墙禁止访问指定网站（个人电脑，Windows系统）
至于网址可能随时间变化的问题（我这里确实出现了），建议的解决方案如下：在规则已启用的情况下，如果还能访问相应网站，那么就在此时在cmd里重新测一遍网址，把原来规则中没阻断的添加进去。个人理解，我们在浏览网页时，首先要通过个人计算机向网络中发送请求，这种属于出站流量，因此我们在通过网站的IP地址阻断时，设置的是应该出站规则而非入站规则。（我之前就是没搞懂这个，所以防火墙的设置也一直不成功，幸好查到了s@dragon的博客（即开头的参考资料），最好笑的是大佬也和我一样，要阻止自己访问B站。
2024-03-22 11:13:23
242
转载 yalc（比 yarn/npm link 更加友好的前端依赖库 link 方案）
以 D-SASS 前端框架为例，当我们在修改 D-SASS 前端框架时，当想着马上就要预览到修改的内容是否生效，于是在前端框架目录下进行 npm link 生成一个依赖包的软连接，然后在业务工程中进行 npm install，但是这一过程却有一个致命的缺点就是，webpack 在进行编译的时候无法编译软链接的依赖库。之前也说过，在更新依赖库代码的时候需要手动的进行发布和更新，如果有非常频繁的修改，则这一过程也是繁琐的，于是引入了 yalc-watch。然后可以通过 yalc 将包添加进需要引用的项目中。
2024-03-20 10:09:31
80
转载 如何在项目中引用本地的npm包
/将 ./path/to/dependency1 和 ./path/to/dependency2 替换为实际依赖项目录的相对路径。2. 不要指定包名的版本号，而是指定依赖项所在的本地路径。本地路径应该是相对于当前项目目录的路径。// 正常的dependencies中的依赖包引用的是你npm所设置的镜像源所对应的版本号。1. 打开您的 package.json 文件，找到 dependencies 部分。package.json中配置引用本地依赖包。// 如何想要引用本地依赖包就要写成以下形式。
2024-03-19 19:52:29
207
原创 npm pack 生成 tgz 文件
我们在开发插件的时候，经过npm run build打包后需要进行测试。npm pack 之后，就会在当前目录下生成 一个tgz 的文件。这个时候输入npm pack。之后进行引入就可以使用测试了。
2024-03-19 19:50:08
168
转载 你需要深入了解一下 JavaScript 的 new Function
与 new Function 语法类似的是新的RegExp，它可以使用字符串作为正则表达式的内容，特别适合动态匹配，或者增加代码混淆（一些混淆工具可以对字符串进行混淆）。new Function 的 body 参数中变量的上下文是全局的，不是私有的，没有所谓的闭包。例如，下面新函数代码中的值与主函数中的值无关：。
2024-03-07 15:04:45
26
1
转载 Error: Plugin/Preset files are not allowed to export objects, only functions.
Error: Plugin/Preset files are not allowed to export objects, only functions. In E:\AAA\前端\07-vue\0-05脚手架\02_src_分析脚手架\testdemo\node_modules\babel-preset-es2015\lib\index.js。把 es2015 改为 @babel/preset-env。在babel.config.js中。当出现这个报错的时候时。
2024-02-26 15:31:42
245
原创 npm install gyp ERR! stack Error: `gyp` failed with exit code: 1
npm install 报错 gyp ERR!尝试降低或升高 node版本。
2024-02-17 17:23:08
832
转载 Java弱引用(WeakReference)的理解与使用
而复杂一点的情况，比如使用cache,因为cache的对象正是程序运行需要的, 那么只要程序正在运行, cache中的引用就不会被GC，那么随着cache中的引用越来越多, GC无法回收的对象也越来越多, 无法被自动回收，此时就必须有开发者来进行处理回收，显然也违背了java自动回收机制。Java对于简单的情况, 手动置空是不需要程序员来做的, 因为在java中, 对于简单对象, 当调用它的方法执行完毕后, 指向它的引用会被GC回收，Person p = new Person("张三",18,"男");
2023-09-13 09:40:47
1315
原创 Function.prototype.bind()
是原来的对象（比如在回调中传入这个方法）。如果不做特殊处理的话，一般会丢失原来的对象。JavaScript 新手经常犯的一个错误是将一个方法从对象中拿出来，然后再调用，期望方法中的。最简单的用法是创建一个函数，不论怎么调用，这个函数都有同样的 this。
2023-09-03 22:18:42
755
转载 关于optimization.runtimeChunk: ‘single‘的理解
这时候optimization.runtimeChunk: 'single’就有用了，按照官网手册的方法，你会发现，出现了一个runtime.bundle.js，这个玩意再在index.html中引用，结果就对了。文章中说，当两个模块从同一个模块（下面叫公用模块）中import后，公用模块的值，在同一个页面中（同一个runtime中），应该是多少？按照官网的方法，把obj.js独立成一个entry，component-1.js和component-2.js都dependOn，也不会出现这个问题。
2023-09-03 17:53:16
986
转载 Node.js 中使用ES6的方法
学习 JavaScript 语言，你会发现它有两种格式的模块。一种是 ES6 模块，简称 ESM；另一种是 Node.js 专用的 CommonJS 模块，简称 CJS。这两种模块不兼容。很多人使用 Node.js，只会用require()加载模块，遇到 ES6 模块就不知道该怎么办。本文就来谈谈，ES6 模块在 Node.js 里面怎么使用。ES6 模块和 CommonJS 模块有很大的差异。语法上面，CommonJS 模块使用require()加载和输出，ES6 模块使用import和export。
2023-09-01 17:57:52
265
转载 前端模块化——彻底搞懂AMD、CMD、ESM和CommonJS
AMD/CMD/CommonJs 是js模块化开发的规范，对应的实现是require.js/sea.js/Node.jsCommonJs 主要针对服务端，AMD/CMD/ES Module主要针对浏览器端，容易混淆的是AMD/CMD。（顺便提一下，针对服务器端和针对浏览器端有什么本质的区别呢？服务器端一般采用同步加载文件，也就是说需要某个模块，服务器端便停下来，等待它加载再执行。这里如果有其他后端语言，如java。
2023-09-01 17:56:08
129
转载 移动端vconsole日志
实例化后才能使用。在不用添加前缀基于得到第一个相应元素。对象基于得到所有的相应元素。未来用途设置触发事件。这个事件的执行函数可由开发者任意写。
2023-08-09 15:19:08
169
转载 uni-app Windows: 连接iOS手机
不过此SDCard并不是非得外插一张实体sd卡，是手机里一个叫SDCard的根目录。iTunes支持wifi同步，如果iOS设备启动了wifi同步，电脑端的iTunes就可以检测到，进而HBuilder也可以检测到。发生此情况一般为检测到手机后，中间因为其他软件连接断开了，需要重新插拔手机或重启HBuilderX。Android手机第一次安装基座应用时，手机端大多有各种杀毒软件要检测一会才会放行，需要等一会。这是应用的js代码的问题，启动画面的关闭是可配置的。[Windows 32位 itunes]
2023-08-08 23:51:34
267
转载 ElementUI响应式Layout布局xs,sm,md,lg,xl
Element 额外提供了一系列类名，用于在某些条件下隐藏元素。这些类名可以添加在任何 DOM 元素或自定义组件上。语法来确定屏幕尺寸，并且指定在不同尺寸下的元素样式。
2023-08-04 16:11:51
2224
转载 js编码解码decodeURI()与decodeURIComponent()的区别
对URI的特殊字符是没有编码和解码能力的，实际项目中我们一般需要get请求的方式在地址栏中拼接一些参数，但是参数中如果出现#，/,&这些字符，就必须要用。假如我们要传一个code字段到http://www.xxx.com，值为20180711#abc。这时候我们拿到的code参数明显是错误的，被特殊字符#截断了，下面我们来看用。可以编码和解码URI特殊字符（如#，/，￥等），而。http://www.xxx.com接收参数。http://www.xxx.com接收参数。() 函数编码的 URI 进行解码。
2023-07-28 08:57:43
351
转载 cjs, umd, esm or iife
2020 年了，nodejs 和浏览器基本都支持了原生 esm，那么现在 js 库该怎么写？本文先解释他们分别是什么，再结合最新环境支持给出建议和实践。
2023-07-20 10:39:47
203
原创 使用docker安装Nacos，远程连接nacos报错，please check server x.x.x.x ,port 9848 is available
当nacos客户端升级为2.x版本后，新增了gRPC的通信方式，新增了两个端口。这两个端口在nacos原先的端口上(默认8848)，进行一定偏移量自动生成.。当客户端升级成2.x版本时，服务的还使用1.x版本就会报错。因此当客户端升级为2.x版本，服务端需要进行相应的升级。
2023-07-08 15:35:54
1203
转载 从lowcode看下一代前端应用框架
回顾前端框架的发展，会发现前端框架的发展其实和工程化发展相辅相成，绕开DOM API、通过工程化实现更低的上手成本 是vue/react成功的根本，而vue/react在代码运行侧已经解决了足够多的问题，前端框架后续的发展焦点需要更多的偏向工程化。市面上微前端的方案层出不穷，我就不列了，我们只需要明确下，微前端、前端微服务到底要解决什么问题：利用服务化、微服务的概念，有效的拆分应用，实现敏捷开发和部署，解决大型项目的管理问题。工程化是一种思想，主要目的是为了提效，即提高开发效率，减少不必要的重复工作。
2023-06-09 16:31:07
150
原创 No converter for [class xxx] Content-Type ‘appliction/octet-stream；charset=UTF-8‘ 的解决办法
解决方案二：在return 之前，将request 与response的content type 设置为一样。解决方案一：将方法直接return null;
2023-04-17 23:47:17
472
转载 SpringBoot实现文件上传下载
/ 将文件存放到对应的目录下，如果上传重复的文件不会报错，后上传的文件会覆盖已上传的文件。max-request-size: 10MB # 表示多文件上传时文件的总大小，默认为 10MB。object.put("result","程序错误，请重新上传");max-file-size: 1MB # 表示上传的单个文件的最大大小，默认为 1MB。file-size-threshold: 0 # 表示文件写入磁盘的阀值，默认为 0。object.put("result","文件上传成功");
2023-04-16 23:18:23
154
原创 vue实现点击复制 vue-clipboard2
第一种方法：直接将变量内容复制至剪切板，暂时没有找到处理数据后再复制的方式。1. 安装vue-clipboard。2.main.js引入。
2023-04-13 18:28:02
264
原创 Nodejs的最佳用途与java比较
两位技术专家的成本大致相同，但Java开发人员的成本可能会低一些。虽然两者都是很好的开发选择，但它在很大程度上取决于项目和要求，这些要求决定了哪个框架最适合项目。你必须制定一个好的计划，并可视化你的产品，以做出最好的决定。链接：https://juejin.cn/post/7052226877619961892。
2023-04-13 10:52:36
523
转载 Scss指令@mixin、@include、@content、@function
/会被替代为 background-image: url(/logo.gif);//将获取的参数从wrapped-stylish-mixin传递向stylish-mixin。@mixin box-shadow($shadows...) { //参数变量。//分别是参数$width值为15px,参数$height值为20px。//不知道会传入多少个参数是就用参数变量全部获取后面的值。//默认参数$width的默认值为10px;//此时会运用@mixin的默认参数。//这里的$args就是个中间变量的定义。
2023-04-12 15:21:51
1510
转载 ttf字体压缩，抽取指定字符串，减少字体包大小
1.创建font.css,引入需要用到的字体，定义好font-famaily，并在下方定义好需要用到的id名，方便后面改变字体直接使用。三、终端输入命令，提取需要的字体。
2023-04-11 14:26:11
1032
转载 chrome关闭跨域限制
在浏览器快捷方式右键属性，在属性页面中的目标输入框加上 --disable-web-security --user-data-dir=C:\Program Files (x86)\Google\Chrome\Application。浏览器快捷方式右键属性，在属性页面中的目标输入框加上 --disable-web-security(注意：引号后面，加个空格)点击应用，确定后，重新打开谷歌浏览器，发现有“–disable-web-security”提示，说明谷歌浏览器可以跨域了。
2023-04-08 15:42:52
1113
转载 浅谈JS中call()和apply()的区别和用途？
在JavaScript中，this指向问题一直是一个老生常谈的问题。很多小伙伴应该都知道在js中，this指向哪里通常是在函数调用的时候才确定的，简单来说就是谁调用了函数则this指向谁，当然，这只是狭义的，更加详细的介绍大家可以去看《你不知道的Javascript》这本书。call()和apply()这两个方法的作用可以简单归纳为改变this指向，从而让我们的this指向不在是谁调用了函数就指向谁。
2023-04-03 17:42:59
1153
转载 new Function和eval的区别
因此，任意一个 eval 的使用都会强制浏览器进行冗长的变量名称查找，以确定变量在机器代码中的位置并设置其值。另外，新内容将会通过 eval() 引进给变量，比如更改该变量的类型，因此会强制浏览器重新执行所有已经生成的机器代码以进行补偿。如果你用 eval() 运行的字符串代码被恶意方（不怀好意的人）修改，您最终可能会在您的网页/扩展程序的权限下，在用户计算机上运行恶意代码。更重要的是，第三方代码可以看到某一个 eval() 被调用时的作用域，这也有可能导致一些不同方式的攻击。永远不要使用 eval!
2023-04-03 17:15:49
287
转载 纯函数~~~
纯函数这个这个词我相信小伙伴们多多少少都听说过，它是函数式编程的基础。本文主要是对纯函数进行探讨，包括基本概念，优点，运用的经典案例以及我们日常该如何去合理的使用等等。
2023-03-17 16:58:54
169
转载 window系统快速切换node版本
ls // 查看 nodeJs 版本列表。update // 更新 nodeJs 最新版本。node-version // 显示最新 nodeJs 版本。use // 切换 nodeJs 版本。install // 下载 nodeJs 版本。uninstall // 卸载 nodeJs 版本。version // 查看 gnvm 版本。
2023-03-16 16:40:04
392
转载 Linux修改docker镜像和容器的默认存储位置
刚开始使用docker时，不太关注docker 存储镜像和容器的位置，使用默认目录。当使用docker启动的容器越来越多时，镜像和容器占用空间也越来越大。特别是使用Linux云服务器ECS的情况下，默认系统盘大小有限，默认目录是在系统盘，很容易就将磁盘占满，导致无法重新启动更多的容器。下面以CentOS 7为例，讲解如何修改docker的默认存储位置。
2023-03-12 10:21:57
2456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人