![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端优化
啊巳~
小菜菜努力中~
展开
-
根据浏览器navigator区分PC端还是移动端,区分操作系统,区分浏览器型号
1,区分PC端还是移动端methods:{ _isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return flag;原创 2021-08-25 15:21:18 · 646 阅读 · 0 评论 -
js的深浅拷贝( 赋值后原值被覆盖的问题 )
1,浅拷贝( 浅拷贝会复制所有引用对象的指针,而不是具体的值 )复制对象的所有属性都不是引用类型时,就可以使用浅拷贝浅拷贝方式:Object.assign()[].slice()2,深拷贝( 复制一个拥有所有属性和方法的***新对象*** )深拷贝方式:JSON序列化// 调用JSON内置方法先序列化为字符串再解析还原成对象newObj = JSON.parse(JSON.stringify(obj));注意: JSON是一种表示结构化数据的格式,只支持简单值、对象和数组三种类型,不原创 2021-07-30 16:12:44 · 706 阅读 · 0 评论 -
FormData使用方法详解
FormData的主要用途有两个:1、将form表单元素的name与value进行组合,实现表单数据的序列化,从而减少表单元素的拼接,提高工作效率。2、异步上传文件一、创建formData对象1、创建一个空对象://通过FormData构造函数创建一个空对象var formdata=new FormData();//可以通过append()方法来追加数据formdata.append("name","laotie");//通过get方法对值进行读取console.log(formdata原创 2021-07-14 12:09:56 · 263 阅读 · 0 评论 -
Vue+Element导入导出Excel
一,安装npm install -S file-saver xlsxnpm install -D script-loader二,导入Excel1,Element 上传控件<el-upload class="upload-demo" action="" :on-change="handleChange" :on-exceed="handleExceed" :on-remove="handleRemove" :file-list="fileList原创 2021-05-27 10:39:19 · 1233 阅读 · 3 评论 -
HTTP
一、HTTP 超文本传输协议HTTP 是基于客户端/服务端(C/S)的架构模型,通过一个可靠的链接来交换信息,是一个无状态的请求/响应协议。一个HTTP "客户端"是一个应用程序(Web浏览器或其他任何客户端),通过连接到服务器达到向服务器发送一个或多个HTTP的请求的目的。一个HTTP "服务器"同样也是一个应用程序(通常是一个Web服务,如Apache Web服务器或IIS服务器等),通...原创 2019-11-13 16:53:25 · 296 阅读 · 0 评论 -
统计网页访问量
1,注册账户,登录https://www.umeng.com/2,生成统计代码产品-网站统计-立即使用-添加站点-统计代码生成的代码:<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279304175'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/z_stat.php%3Fid%3D1279304175' type=原创 2020-12-25 10:15:23 · 1050 阅读 · 0 评论 -
网站添加页面热力图--百度统计
1,注册百度统计的账户并登录https://tongji.baidu.com/web/10000307684/welcome/login2,新增网站管理-网站列表-自有网站-+新增网站3,新增网页热力图基础报告-页面点击图-+新增点击图点击右边的“查看点击图”可以看网页热力图。...原创 2020-12-24 17:48:21 · 847 阅读 · 1 评论 -
页面加载时模块移入动画---wow
1,在头部引用animate.css<link rel="stylesheet" href="animate.css">2,body底部引入wow.js 且初始化一下<script src="js/wow.min.js"></script><script> new WOW().init();</script>配置属性/方法 类型 默认值 说明boxClass 字符串 ‘wow’ 需要执行动画的元素的 classanimate原创 2020-12-10 09:29:29 · 610 阅读 · 0 评论 -
网页中文乱码--UTF-8和GB2312互转
一、如果你想把utf-8转为GB23121、用记事本打开源码,把换成;如果是JS不需要加这句,如果是网页最好加上这句和你页面对应的编码。2、用记事本打开源码,另存为,编码 哪里选择 ANSI 即可。二、如果你想把GB2312转为utf-81、用记事本打开源码,把换成;如果是JS不需要加这句,如果是网页最好加上这句和你页面对应的编码。2、用记事本打开源码,另存为,编码 哪里选择 UTF-8 即可。特别提醒:CSS的编码最好和网页的编码一致,因为有一个古老的浏览器叫IE6,他的市场占用率依然非常高,原创 2020-11-23 11:23:20 · 70959 阅读 · 0 评论 -
JS实现禁止浏览器后退返回上一页
<script type="text/javascript"> $(function() { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); })原创 2020-11-22 09:54:25 · 992 阅读 · 0 评论 -
图片压缩
https://tinypng.com/原创 2020-11-09 17:55:51 · 70 阅读 · 0 评论 -
前端代码加密
虽然浏览器会把加密的代码破解在解析,但是还是可以稍微加密,或者人家就是破解不了呢哈哈哈哈!!!1、脚本之家推荐:HTML原代码加、解密脚本https://www.jb51.net/tools/html_jiami.htmCSS代码格式化和加密化https://www.jb51.net/tools/css.htm2、js加密推荐:js加密https://www.jsjiami.com/3、json在线推荐:JS代码混淆https://www.sojson.com/jscodeconfus原创 2020-11-09 17:54:56 · 179 阅读 · 0 评论 -
前端:屏蔽F12审查元素,禁止修改页面代码
一、屏蔽F12 审查元素document.onkeydown = function(){if(window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode=0; event.returnValue=false;}if(window.event && window.event.keyCode == 13) { window.event.keyCo转载 2020-11-09 17:45:20 · 798 阅读 · 0 评论 -
前端性能优化:Add Expires headers
合理设置 HTTP缓存缓存的力量是强大的,恰当的缓存设置可以大大的减少 HTTP请求。很少变化的图片资源可以直接通过 HTTP Header中的Expires设置一个很长的过期头 ;变化不频繁而又可能会变的资源可以使用 Last-Modifed来做请求验证。(1)Apache 服务器配置 Expires headers-----.htaccess 文件(根目录下的隐藏文件)<IfModule mod_expires.c>#开启 Expires headersExpiresA原创 2020-10-28 14:10:56 · 390 阅读 · 0 评论