Predator117-CSDN博客

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

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

2021-11-01 19:40:38 900

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

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

2021-05-04 23:13:42 174

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

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

2021-01-19 18:53:01 424

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

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

2021-01-19 17:13:21 259

原创 JavaScript学习笔记：闭包

闭包是作用域应用的特殊情况，有两种表现：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

2020-12-01 23:45:53 113

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

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

2020-11-20 11:10:13 2003

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

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

2020-11-06 20:32:22 285

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

使用Vue的v-for时，报错Elements in iteration expect to have ‘v-bind:key’ directives，虽然程序还能运行，但是总得把错误解决。这句话大概意思是：迭代中的元素得加个键也就是说有个1、2、3…对应。看代码：<li v-for="(todo, index) in todos" :key="index"> <label>{{ index + 1 }}.{{ todo.value }}</label>&lt

2020-11-06 20:10:25 136

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

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

2020-10-30 18:10:37 3706 1

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

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

2020-01-06 21:55:40 2152

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

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

2019-03-28 11:35:44 4204 4

Predator117的博客