#跳坑

(8/24) 图片跳坑大战--css中的图片处理

前言:此节的开展是在上一节的基础上进行的,(每一节都是从无到有编写关于此节的知识),最后会附上相关完整代码。上一节 在src目录下新建一个images文件夹,把需要的图片放入images文件夹。图片下载在index.html文件中增加一个放置div的标签(需要注意的是这里修改的是src下的index.html...

(10/24) 图片跳坑大战--处理html中的图片

补充,在前面的服务启动执行命令中,我们在package.json中的配置信息为:"scripts":{"server":"webpack-dev-server",},该种方式在启动服务后还需自己访问相关url,这很不友好。此处我们新增一些配置,保证在我们启动服务后自动访问url并渲染,配置如下:"scripts":{"...

(9/24) 图片跳坑大战--css分离与图片路径处理

在上一节当中,我们把小图片打包成Base64格式(打包到了js当中)。我们也算是对webpack对图片的打包有个基本了解。本节我们准备把css从JavasScript代码中分离出来,这会遇到两个问题,一是如何分离,二是分离之后的图片路径问题,下面我们逐一破解。有些简单的交互页面中,你的JavasScript页面代码会非...

跳坑 小程序swiper组件 轮播图片 右边空白问题

swiper组件设置轮播图片时,右侧会出现空白的情况;是因为swiper组件有默认的高度和宽度,所以我们在设置图片高度和宽度的同时,也要为设置高度和宽度,和高度和宽度样式一样的就可以。...