logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端项目如何使用svg矢量图

不管我们是在做web项目还是后台管理类的项目时,都会用到各种各样的图标,对于图标我们可能会采用切图的方式来实现,但是切图是图片会有这样的问题:1、页面放大会导致图片放大会变的模糊2、如果页面中的图片过多的话会造成有很多请求也就代表页面加载慢。所以基于以上问题我们一般使用svg的矢量图,矢量图一般由设计师提供给前端来转换成字体图标,在项目中使用。优点:1、放大不会模糊 2、只加载一次不会有多余的请求

#前端#css3#css
解决前端html页面缓存的问题

对于一个html页面,缓存分3部分,一个是页面内容,一个是css样式,一个是js文件1、页面内容<meta http-equiv="Expires" content="0"><meta http-equiv="Pragma" content="no-cache"><meta http-equiv="Cache-control" content="no-cache"&g

#前端#缓存#html
js让页面全屏展示

全屏APIH5有一个全屏API,Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。需要注意的是:只有包含在顶层文档内部的标准HTML元素、svg元素和math元素,以及拥有allowfullscreen属性的iframe的内部元素可以进入全屏模式。这意味着在frame内部的元素,以及object的内部元素不能进入全屏模式。示例代码如下:<!doc

#javascript#前端#html
bootstrap实现轮播图-大全

轮播图就不做过多的介绍了,大家都知道,只是轮播的实现有多种方式,例如使用纯js写,费时费力,且还不适用于各种终端设备,但是bootstrap就不一样了,只需写一套代码,无论是手机端还是ipad端,再或者是PC端,都可以正常使用。如何创建轮播步骤:准备轮播需要的图片,大于等于两张。准备bootstrap的css和js以及jquery1.10+的js文件文件,这个网上一搜一大堆,也可以去官网下载。将下

#bootstrap#javascript#css
到底了