javascript
文章平均质量分 62
张高伟
人生最美的是相遇,最难得的是相逢!
展开
-
script使用integrity属性进行安全验证
script标签引入文件在html中,script标签可以通过src属性引入一个js文件,引入的js文件可以是本地的,也可以是远程的。1. 引入本地文件开发环境一般多引入本地js文件。<script src="./js/index.js"></script>2. 引入远程文件部署到线上后,一般会分发到cdn,需要引入远程文件,形如:<script src="https://cdn.xxx.xx/js/index.js"></script原创 2022-02-08 16:15:46 · 1641 阅读 · 0 评论 -
前端极限性能优化合集
前端极限性能优化合集性能优化是老生常谈了,从雅虎的N条军规,前端各种优化准则,到2010年Google IO上Steven 提出的高性能建站指南,都在告诉开发者,一个站点的性能非常重要,如何在有限的带宽条件下,达到极限的访问性能,如何让访问者,无论是从响应速度,视觉感官,操作流畅度都达到最佳体验,是目前Web技术上的一个至关重要的挑战.相较于前端, 后端的性能优化手段非常多。这原创 2017-06-10 11:57:36 · 23177 阅读 · 1 评论 -
JavaScript实现拖拽预览,AJAX小文件上传
本地上传,提前预览(图片,视频)1.html中div标签预览显示,button标签触发上传事件。[html] view plain copy div id="drop_area" style="border:3px dashed silver;width:200px; height:200px">将图片拖拽到此div> button onclick="xhr原创 2017-06-11 17:33:35 · 4666 阅读 · 0 评论 -
开启梦幻般的webrtc之旅(张高伟)
废话不多说,直接上demo[python] view plain copy "utf-8"> 学习webrtc "main.js"> 新建main.js[python] view plain原创 2017-06-13 12:28:25 · 312 阅读 · 0 评论 -
ajax 跨域 headers JavaScript ajax 跨域请求 +设置headers 实践
解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求,正确设置 JavaScript端需要设置的headers信息 方能实现。此处手札 供后人参考~1.第一步 服务端设置响应头header('Access-Control-Allow-Origin:*'); //支持全域名访问,不安全,部署后需要固定限制为客户端网址转载 2017-06-18 13:26:28 · 499 阅读 · 0 评论 -
javascript常用语句,如表单禁止复制,剪切等
1.屏蔽鼠标右键 ie/ff 这里没有右键 2.取消选取、防止复制 ie 3.不准粘贴 ie/ff 4.防止复制剪切 ie/ff 5.IE地址栏前换成自己的图标 6.可以在收藏夹中显示出你的图标 7.关闭输入法 8.永远都会带着框架 if (window == top)t原创 2017-07-10 17:28:31 · 1325 阅读 · 0 评论 -
Ajax复选框多选删除的实现
AJAX多选删除的思路是通过控制器从后台删除数据,然后前台的数据是不会刷新的,我们需要用jQuery把前台的数据也删掉。首先,引用jquery[html] view plain copy print?script src="{{asset('lib/js/jquery-2.0.3.min.js')}}">script> 然后,写出一个个的复选框原创 2017-07-31 09:02:30 · 859 阅读 · 0 评论 -
js控制按键在规定时间内的可操作性
html> head> title>点击获取验证码按钮后按钮变灰,倒计时一60s后又可重复点击title> head> body> input type="button" id="btn" value="免费获取验证码" /> script type="text/javascript"> var wait=60; function time(o) {原创 2017-08-13 19:24:46 · 422 阅读 · 0 评论 -
Ajax跨域请求COOKIE无法带上的解决办法
原生ajax请求方式:var xhr = new XMLHttpRequest(); xhr.open("POST", "http://xxxx.com/demo/b/index.php", true); xhr.withCredentials = true; //支持跨域发送cookiesxhr.send();jquery的ajax的post方法请求: $.aj原创 2017-12-18 10:21:25 · 446 阅读 · 0 评论 -
JS获取当前对象大小以及屏幕分辨率等
html>html lang="en">head> meta charset="UTF-8"> title>张高伟title>head>body>body>html>script type="text/javascript"> function getInfo(){ var s = ""; s += " 网页可见区域宽:"+原创 2018-01-09 13:38:49 · 212 阅读 · 0 评论