logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

前端性能优化----无损压缩webp格式的图片

一、什么是webpWebP格式,谷歌开发的一种旨在加快图片加载速度的图片格式。图片压缩体积大约只有JPEG的2/3,并能节省大量的服务器宽带资源和数据空间。二、为什么要用webp1、减小图片加载资源的大小、节省用户流量资源2、降低服务器流量资源三、webp兼容性情况结果:谷歌全面支持、安卓浏览器从4.2开始支持。那么在页面中对于安卓用户中图片资源加载大小会有大幅度下降。...

react onClick 事件的两种写法

// 第一种写法export default class Header extends React.Component {show = () => {}render() {return (<div onClick={this.show}></div>)...

Vue 封装浏览器全屏与退出全屏的方法

/**网页全屏*/function requestFullScreen(element) {var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;if (reques

#javascript
javascript中形参和实参的区别?

对于形参和实参的区别,这里做一下解释。参数有形参(parameter)和实参(argument)的区别,形参相当于函数中定义的变量,实参是在运行时的函数调用时传入的参数。例如:声明函数add时,a,b就是形参。调用函数add(1,2) 1,2就是实参。function add(a,b) {return a + b};add(1,2);...

addEventListener 的event事件列表

addEventListener event事件参数document.getElementById("myBtn").addEventListener("click", function(){document.getElementById("demo").innerHTML = "Hello World";});定义和用法addEventListener() 方法...

Axios初识

什么是 axios?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。特性从浏览器中创建XMLHttpRequests从 node.js 创建http请求支持PromiseAPI拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御XSRF直接看官方文档http://w...

h5 的replaceState 兼容到低版本IE浏览器

首先感谢大佬:https://github.com/devote/HTML5-History-API从 GitHub上下载下来 history.js ,或者 压缩版本的min.js ,建议压缩版本,体积小。放到路径引入一下:<script type="text/javascript" src="./history.js"></script>引入成功这个js ,就...

后端返回blob文件流,前端下载文件的整个过程,偏向于前端这边(vue+axios)

先谈谈遇到的问题吧:1. 后端接口返回的blob文件流,你下载下来的文件是乱码的?解决办法 :让你的后端设置流的编码为utf-8。请跟后端大佬说,一定要给blob格式的文件流。2. 后端返回的blob文件流,并且已经设置了utf-8,但是你接受的接口返回值,依然是乱码?解决办法: 肯定没有设置 responseType: "blob",我不知道你用的什么接口请求方式,你可以搜一下,怎么设置resp

到底了