- 博客(11)
- 收藏
- 关注
原创 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
966
原创 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
202
原创 前端常见面试题:防抖和节流
防抖(debounce)监听一个输入框,文字变化后触发change事件使用keyup事件,则会频繁触发change事件举例:公交司机会等所有乘客上车后才关车门,而不是上一个开关门一次。防抖:用户在输入结束或暂停的时候,才会触发change事件。(注册账号填写用户名、密码时的提示,调整窗口大小完成后,才计算窗口大小,防止重复渲染)let input1 = document.getElementById('input1');function debounce(fn, delay = 100)
2021-01-19 18:53:01
452
原创 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
279
原创 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
150
原创 判断复选框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
2042
原创 将package.json里的所有模块更新
首先安装npm-check-updates插件:cnpm i -g npm-check-updates然后检查是否有更新:ncu -u最后确认更新:cnpm install(以上使用的是淘宝的cnpm,国内较npm下载模块速度快)
2020-11-06 20:32:22
314
原创 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><
2020-11-06 20:10:25
151
原创 声明变量关键字: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
3789
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
2227
原创 关于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
4281
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人