Predator117的博客

webpack热更新报错：Refused to apply style from ‘http://127.0.0.1:9000/main.8b0a1621.css‘ because its MIME

Predator117 — Mon, 01 Nov 2021 19:40:38 +0800

webpack热更新无效打开控制台一看，报了下面的错：原来是无法访问到打包后的样式资源，测试后纯js是可以热更新的。网上搜了很多答案，绝大部分都是路径问题，但实际上我这不是路径问题，点击链接可以在控制台的来源中访问到样式资源：后面我怀疑是我的css相关loader有问题，结果一看，果然如此： { test: /\.css$/, use: [MiniCssExtractPlugin.loader, 'css-l

Failed to connect to github.com port 443: Timed out

Predator117 — Tue, 04 May 2021 23:13:42 +0800

git push代码失败 Failed to connect to github.com port 443: Timed out 因为我挂了vpn，所以win10的网络设置里：输入以下代码即可解决问题： git config --global http.proxy 127.0.0.1:7890 注意地址与端口号要网络设置里的一样 ...

前端常见面试题：防抖和节流

Predator117 — Tue, 19 Jan 2021 18:53:01 +0800

防抖（debounce）监听一个输入框，文字变化后触发change事件使用keyup事件，则会频繁触发change事件举例：公交司机会等所有乘客上车后才关车门，而不是上一个开关门一次。防抖：用户在输入结束或暂停的时候，才会触发change事件。（注册账号填写用户名、密码时的提示，调整窗口大小完成后，才计算窗口大小，防止重复渲染） let input1 = document.getElementById('input1'); function debounce(fn, delay = 100)

css盒模型（W3C标准盒模型、IE怪异盒模型、box-sizing）

Predator117 — Tue, 19 Jan 2021 17:13:21 +0800

所有的HTML元素都可以看作是盒子，每个盒子包括：外边距（margin）、边框（border）、内边距（padding）、内容（content） W3C标准盒模型设定的height与width就是content的高度与宽度，盒子总宽度=margin + border + padding + content/width 盒子总高度=margin + border + padding + content/height IE怪异盒模型设定的height与width是包括了border、padding、

JavaScript学习笔记：闭包

Predator117 — Tue, 01 Dec 2020 23:45:53 +0800

闭包是作用域应用的特殊情况，有两种表现： 1、函数作为参数被传递 function foo (fn) { let a = 1; fn(); } let a = 2; function fn () { console.log(a); } foo(fn);//2 此时输出为2的原因是：调用fn函数时，从fn函数定义的作用域开始寻找a值，fn定义在全局作用域，而全局作用域声明了a的值为2，所以输出为2。 2、函数作为返回值被返回 function foo () { let a = 1; retu

判断复选框checkbox是否被选中，及全选实现

Predator117 — Fri, 20 Nov 2020 11:10:13 +0800

判断checkbox是否被选中在用vue实现购物车的选中功能时，总价变为只计算选中商品的总价，出现无法判断复选框是否选中的问题。最后发现应该用document.getElementById去获取id值，而不是ByName获取name值。首先给input添加id属性与点击事件：其中@为v-on的语法糖，index为该商品序号， handleChecked函

将package.json里的所有模块更新

Predator117 — Fri, 06 Nov 2020 20:32:22 +0800

首先安装npm-check-updates插件： cnpm i -g npm-check-updates 然后检查是否有更新： ncu -u 最后确认更新： cnpm install （以上使用的是淘宝的cnpm，国内较npm下载模块速度快）

Elements in iteration expect to have ‘v-bind:key‘ directives.

Predator117 — Fri, 06 Nov 2020 20:10:25 +0800

使用Vue的v-for时，报错Elements in iteration expect to have ‘v-bind:key’ directives，虽然程序还能运行，但是总得把错误解决。这句话大概意思是：迭代中的元素得加个键也就是说有个1、2、3…对应。看代码：

{{ index + 1 }}.{{ todo.value }} <

声明变量关键字：var、let、const的区别

Predator117 — Fri, 30 Oct 2020 18:10:37 +0800

声明变量关键字：var、let、const的区别var关键字let关键字1、暂时性死区2、全局声明3、for循环中的let声明const关键字使用建议1、尽量不使用var2、优先使用const，再考虑let var关键字定义一个变量：var操作符，后跟变量名。 var message; 这里定义了一个名为message的变量，可以用它来保存任何类型的值。未初始化的情况下，变量保存一个特殊值undefined。 var声明的范围是函数作用域当在一个函数内用var定义变量时，该变量将在函数退出时销毁：

Deepin下无WiFi选项、笔记本触摸板失效：rtl8821ce无线网卡驱动安装、Linux内核更换

Predator117 — Mon, 06 Jan 2020 21:55:40 +0800

Deepin下无WiFi选项、笔记本触摸板失效：rtl8821ce无线网卡驱动安装、Linux内核更换安装Deepin官网下的Deepin系统,发现没有WiFi选项，并且笔记本的触摸板也无法使用。原因： Deepin官网提供的系统linux内核版本为Linux kernel 4.15，此版本下触摸板使用不了，rtl8821ce驱动每次安装时make总报错，换内核版本为5.5的触摸板可以使用，但...

关于kali Linux VMware 版本的一些简单的使用问题。

Predator117 — Thu, 28 Mar 2019 11:35:44 +0800

1.从kali官网下载的Kali Linux Vm 64 Bit 7z，解压后居然不知道使用，后面从资料书上找到了答案：点击VMware文件里的打开，然后找到下载解压得到的目录下的Kali-Linux-2019.1-vm-amd64，然后开启此虚拟机就ok了。 2.打开虚拟机后进入了登录页面，一脸懵逼，要填用户名与密码，查找网页得知用户名为：root，密码为：toor。与之前通过ISO镜像安装的...