技巧
文章平均质量分 54
Yolanda-Candy
这个作者很懒,什么都没留下…
展开
-
上传码云并发布部署静态网站
上传码云并发布部署静态网站 准备工作: 需要下载git软件 需要码云注册账号 git 可以把我们的本地网站提交上传到远程仓库(码云 gitee)里面 类似以前的 ftp 码云 就是远程仓库, 类似服务器 码云创建新的仓库。 利用git 提交 把本地网站提交到 码云新建的仓库里面 在网站根目录右键-- Git Bash Here 如果是第一次利用git提交,请配置好全局选项 git config --global user.name "用户名" git config --g原创 2022-04-05 21:39:45 · 251 阅读 · 0 评论 -
插件swiper的使用和图标字体的上传下载
1. swiper 插件使用 官网地址:https://www.swiper.com.cn/ 下载需要的css和js文件 html页面中 引入相关文件 官网找到类似案例,复制html结构,css样式 js 语法 根据需求定制修改模块 2. 图标字体上传下载 上传步骤: 让UI美工准备好 图标字体(必须是svg格式) 点上传按钮(保留颜色并提交) 生成之后加入购物车即可 点击下载 — 下载代码 小技巧: 如何批量下载全部字体图标呢? var span = document.que原创 2022-04-05 21:37:04 · 269 阅读 · 0 评论 -
提高页面的加载速度的方法——精灵图和字体图标
1. 精灵图 1.1 为什么需要精灵图 一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送请求图片,造成服务器请求压力过大,这将大大降低页面的加载速度。 为什么使用精灵图(目的):为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了CSS 精灵技术(也称 CSS Sprites、CSS 雪碧)。 核心原理: 将网页中的一些小背景图像整合到一张大图中 ,这样服务器只需要一次请求就可以了。 精灵图举例: 1.2 精灵图(sp.原创 2022-04-04 15:56:43 · 406 阅读 · 0 评论