- 博客(8)
- 收藏
- 关注
RSS订阅原创 使用file-loader处理CSS中的图片
1.项目准备首先准备一张背景图，放置到src目录下的img中修改以下css文件js文件和上一篇文章一样，不需要进行修改下载file-loader(npm install --save-dev file-loader)2.修改配置文件file-loader和css-loader一样，是一个loader，所以配置要在module的rules中配置：其实file-loader总共干了两件事：1.把本地的图片，复制一份，放到dist目录下的img目录中（目录结构.
2021-07-27 18:08:30
303
原创 使用Webpack处理CSS文件
同前几篇文章一样，首先需要在自己的项目目录下初始化自己的npm（命令：npm init），然后下载依赖的包(npm install webpack webpack-cli)初始化完成后，创建配置文件（webpack.config.js），轻车熟路了哈好了，让我们run以下试试：这时候可以看到报错了，说的是您需要一个loader处理该类型文件，这时候就联想到之前说的：loader是处理非js文件的。所以我们需要下载loader的包。这里需要下载css-loader（n...
2021-07-27 16:18:41
465
原创 Webpack01
1.认识WebpackWebpack是一个静态模块打包器，可以将我们写的程序打包成一个或者多个文件。那么什么是模块呢？Webpack中的模块指的是Webpack可以处理的最小文件，js、css、图片等等。什么是静态呢？静态指的是在开发过程中，存放在本地的资源（js、css、图片这些），而非是从远程服务器获取到的资源。场景：我们开发ES6的时候，会使用module，把写的代码拆分为好多个模块，这些操作下，浏览器需要解析就得做其他处理，手动解决这个问题就很慢，所以就使用了Webpack。...
2021-07-27 12:22:45
92
原创 Babel从入门到使用
1.认识Babel首先呢，我们来看一下Babel的官网：https://babeljs.io/,官网中给出的官方解释是：Babel is a JavaScript compiler.Use next generation JavaScript, today.（Babel是一个JS的编译器。有了Babel之后，我们就可以使用下代的JS了。）也就是说Babel是可以将ES6代码编译成ES5或者更早的版本，这样就可以不用考虑浏览器的兼容性问题了。2.使用Babel 在官...
2021-07-23 17:02:40
426
2
原创 WAMPSERVER apache无法使用127.0.0.1和本机IP访问到根目录
之前在上课的时候跟着老师打开了虚拟主机。并且在httpd-vhost里配置了虚拟域名 localhost 指向www根目录，一直这么使用也没发现什么问题，直到今天使用本机IP地址无法访问才意识到有问题。后来使用127.0.0.1发现都不行，这就直接炸毛了好吗！问题如下：使用了无数方法，最后发现了两个可行的方法：1.关闭虚拟主机2.在虚拟主机内配置127.0.0.1 1&...
2019-01-30 11:10:44
1336
原创 如何去除thinkphp网站应用上右下角的trace图标
我接触的项目较少，之前一直带着图标感觉也无所谓。但是现在来实习了，做完了东西之后他让把那个图标去掉。我感觉应该是个简单的事情，就度娘就好了。结果搜到的设置太过麻烦而且只设置config.php中的'show_page_trace'=>false发现没有用。于是找到c...
2019-01-10 09:10:20
2488
1
原创 微信小程序模拟器上input无法获取焦点的解决方案
微信小程序模拟器上input无法获取焦点的解决方案最近在学习微信小小程序，刚刚看到了input组件的使用，但是我这出现了input点击无法获得焦点的情况，代码保证正确但是无论如何都是一闪而过。愤怒之下还点碎了自己的一个鼠标。冷静下来之后搜索了一下，发现在input框里面鼠标长按即可… 具体原因不明。 拯救鼠标，从你我做起...
2018-12-27 17:04:07
3307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人