![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 82
rongmingye
这个作者很懒,什么都没留下…
展开
-
Vite + React + Ant Design构建项目
Vite + React + Ant Design构建项目原创 2022-08-18 17:34:42 · 3049 阅读 · 1 评论 -
iframe使用
iframe知识点总结原创 2022-07-06 18:29:28 · 1650 阅读 · 0 评论 -
Typescript基础
typescript 知识点总结原创 2022-07-02 10:59:00 · 588 阅读 · 0 评论 -
常见H5移动端坑位点
移动端常见坑位知识点汇总原创 2022-02-10 15:43:02 · 961 阅读 · 0 评论 -
图解http
请求方法get 获取资源post 传输实体主体put 传输文件delete 删除文件head 获取报文首部options 获取支持的请求方法请求报文请求行: 请求方法 uri 协议版本请求首部字段空行请求主体响应报文响应行: 协议版本,响应状态码,状态码原因短语响应首部字段空行响应主体tcp三次握手建立连接客户端发送syn到服务端服务端发送syn/ack响应客户端客户端发送ack到服务器确认建立连接持久连接http1.1 一次tcp连接可发送多次原创 2021-10-09 11:43:31 · 84 阅读 · 0 评论 -
跨域请求方法
跨域不同源的Ajax请求均为跨域, 即浏览器url和请求接口地址的协议+域名+端口有一个不相同的Ajax请求受浏览器的同源策略影响,浏览器会拒绝不同源的Ajax请求.同源策略是浏览器的基本安全策略,不能通过Ajax请求不同域的数据同源:协议+域名+端口相同解决:XSS、CSFR等攻击为什么需要跨域请求一个需求需要请求多个服务器的接口跨域请求方式1. jsonp使用script标签进行发起get请求,因为script标签请求不受同源策影响,script标签的get请求不原创 2021-12-08 17:51:05 · 724 阅读 · 0 评论 -
强缓存和协商缓存
缓存静态资源访问时,正确设置资源的缓存可以提高用户体验和网站性能缓存的优点减少不必要的数据传输,节省宽带减少服务器的负担,提高网站性能提高客户端的加载网页速度缓存的缺点资源如果更新了,客户端端更新不及时会导致用户信息滞后强缓存和协商缓存强缓存过期或者不设置(即失效),才进入协商缓存强缓存服务端设置response header的cache-controlcache-control: max-age=xxxx, public客户端和代理服务器都可以缓存该原创 2021-12-07 17:27:22 · 531 阅读 · 0 评论 -
web性能优化
一 减小资源(静态资源,后端加载的数据)大小压缩代码HTML/CSS/JSwebpack4 现在已经默认使用 uglifyjs-webpack-plugin 对代码做压缩Tree-Sharking 删除冗余代码Tree-Shaking 可以在编译的过程中获悉哪些模块并没有真正被使用,这些没用的代码,在最后打包的时候会被去除。开启 Gzip开启gzip压缩可以有效压缩资源体积,压缩比率在3到10倍左右,可以大大节省服务器的网络带宽,提高资源获取的速度并不是经过gzip压缩之后,所有文件都会变小原创 2021-04-18 23:17:41 · 767 阅读 · 4 评论 -
前端实现下载文件
1. <a>标签 实现下载文件<a herf="下载文件的接口地址" download="my.png">// 给a标签添加download属性, download的值是下载后的文件名字2. window.ope() 实现下载文件$('#btn').click(function(){ window.open("下载文件的接口地址")})...原创 2018-10-19 17:04:34 · 1338 阅读 · 0 评论 -
vue 引入iconfont图标库
进入inconfont官网:http://www.iconfont.cn 选择想要的图标,将它添加到购物车 进去购物车,点击"添加至项目",如果没有项目就新建一个 选择 Font class, 点击右上方的"更多操作"->"编辑项目“ 将”FontClass/Symbol 前缀“改为”icon“ 点击”下载至本地“,解压到我们项目的文件夹...原创 2018-10-14 12:03:07 · 403 阅读 · 0 评论 -
axios 请求下载excel文件
前端window.Axios.post(window.ApiName.excelExport, params ,{ responseType: 'blob' }) then((res) => {var blob = new Blob([res], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml...原创 2018-08-22 00:05:40 · 3569 阅读 · 0 评论 -
css3新增属性
一. box-shadow(阴影效果) 使用: box-shadow: 20px 10px 0 #000; -moz-box-shadow: 20px 10px 0 #000; -webkit-box-shadow: 20px 10px 0 #000; 支持: FF3.5, Safari 4, Chrome 3 二. border-colors(为边框设置多种颜色) 使用: ...原创 2018-08-29 22:36:56 · 963 阅读 · 0 评论 -
流式布局
流式布局:宽度是百分比宽度em %固定布局:宽度是固定像素宽度px将固定布局计算成流式布局公式: 目标元素 / 父元素 = 百分比宽度原创 2018-09-08 11:14:36 · 172 阅读 · 0 评论 -
盒子模型
网页是许多盒子通过不同排列堆积而成盒子模型:一个盒子由内容,填充,边框,边距组成 margin: border: padding: width: height: 盒子模型宽度方式 box-sizing: border-box: 元素宽度width = content+padding+bo...原创 2018-09-08 11:47:39 · 98 阅读 · 0 评论 -
chrome调试
在浏览器按下F12键或者在设置找到开发者工具,就会弹出调试功能Element可以调试电脑和手机的元素样式, 比如调试元素大小,盒子模型,定位,背景等css样式调试查看html节点树以及其样式Console输出js语句的console的内容,console日志方便我们解决bugconsole.log 在控制台输出,不会转换数据类型,可以输出任何数据类型console.er...原创 2018-09-15 15:25:14 · 143 阅读 · 0 评论 -
vue的生命周期
vue实例的生命周期有四个阶段create 组件创建的时候,准备工作,数据的初始化mount 组件挂载到domupdate 组件数据发生变化destory 组件销毁,清理工作(关闭定时器,集合清空)生命周期方法(不能用箭头声明生命周期方法,因为生命周期钩子自动绑定在this上下文到实例)beforeCreate: vue实例创建前调用created:vue实例创建...原创 2018-10-11 14:33:17 · 128 阅读 · 0 评论 -
axios
现在react和vue经常用axios访问和请求后端服务器1下载axios包:npm install --save axios;2项目引入axiosimport Axios from 'axios'; var baseUrl = 'http://localhost:8080'; var axios = Axios.create({ bas...原创 2018-10-17 21:42:19 · 931 阅读 · 0 评论 -
html的标签
常见的块级元素有 div, form, table, p, pre, h1-h6, dl, ol, ul, li 等。常见的内联元素有 img, br, a, span, (强调)strong, em, (表单)input, label(for(id), select(表单控件)option textarea, dt, dd, tr, td, thhtml5: heade...原创 2017-10-08 17:27:10 · 265 阅读 · 0 评论