a丶grass
- 浏览: 17310 次
-
文章列表
[置顶] 圆形进度条（假的无限循环）
- 博客分类：
- web
<div id="outer">
<div id="load_left"><span></span></div>
<div id="load_right"><span></span></div>
<div id="inner">请耐心等待</div>
</div>
var leftRot = document.getElementById('lo ...
在网页中，由于 css 文件缓存加载问题，可能导致更新后的 css 不能及时体现出来。
解决方案：在刷新页面时，动态引入加 tag 的 css 文件，代码如下：
//获取随机数
var getRandom = function(n){
var random='';
for(var i=0;i<n;i++){
random+=Math.floor(Math.random()*10);
}
return random;
}
...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<button onclick="start()">录音</button>
<button id="stop">停止</button>
</body>
<script>
function play(bl ...
js 获取浏览器类型和版本
- 博客分类：
- web
function getExplore(){
var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] :
(s = ua.match(/msie ([\d\.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/edge\/([\d\.]+)/)) ? Sys.edge = s[1] :
(s = ua.match(/f ...
本地存储——cookie
- 博客分类：
- web
cookie是客户端用来存储数据的一种选项，既可以设置在客户端，也可以在服务端设置，cookie会跟随任意的http请求一起发送。
cookie的优点：兼容性好
cookie的缺点：①增加了网络流量，②数据容量有限，最多能存储4kb的数据，浏览器之间各有不同，③不安全。
cookie是一小段文本信息，伴随着用户请求在web服务器和浏览器之间传递，它存储于访问者的计算机中，每当同一台计算机通过浏览器请求某个页面时，就会发送这个cookie。它是浏览器提供的一种机制，将document对象的cookie属性提供给js，可以使用js来创建和取回cookie的值， ...
本地存储方式有很多种，cookie、localstorage、sessionstorage、userData、Flash、Globalstorage等方式。
本地存储的优点是：
一、避免取回数据前页面一片空白，如果不需要最新的数据，也可以减少向服务器的请求次数，从而减少用户等待从服务端获取数据的时间；
二、网络状态不佳时，仍可以显示离线数据。
那么对比一下不同的本地存储方式之间的区别：
1、cookie ，客户端用来存储数据的一种选项，既可以在客户端设置也可以在服务端设置，cookie会 ...
php SQL注入问题
- 博客分类：
- PHP
在开发网站的时候，出于安全考虑，需要过滤从页面传递过来的字符。通常，用户可以通过以下接口调用数据库的内容：URL地址栏、登陆界面、留言板、搜索框等。这往往会带来一些不必要的风险，比如说数据遭到泄露。
这次解决SQL注入问题，是查找之前的controller文件中的SQL注入问题，修补漏洞很重要，预防漏洞的产生也同样重要，在使用SQL语句对数据库进行增删改查操作的时候，要考虑到SQL注入问题的出现。
首先了解一下SQL注入的步骤：
（1）寻找注入点(如：登录界面、留言板等)；
（2）用户自己构造SQL语句；
（3）将sql语句发送给数据库管理系统(DBMS)；
（4）DBMS接收请求，并将该请求解 ...
sublime text3 中文乱码
- 博客分类：
- web
换了一个编译器，sublime text3， 但是存在中文乱码问题，然后找了解决方法，记录一下。
一、在Sublime Text里，按ctrl+`，打开Console，一次性输入如下代码：
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open ...
CSS背景图与html插入img的区别
- 博客分类：
- web
1、css中的图片以背景图形式存在，写在html中的图片以标签形式的存在。而在网页加载过程中，以css背景存在的图片会等到html结构加载完成才开始加载，而html中的img标签是网页结构（内容）的一部分会在加载结构的过程中加载。
在一个单纯由html和css组成的页面中，背景图片总是最后加载的，那么假如我们想要使用较小的背景图片作为占位符，用于在家在较大的图片或者flash文件时给用户以提示，大部分时候恐怕是达不到效果的，因为背景图片有时候甚至会在大图片或flash文件加载完成之后才会被加载。
2、通常非内容的图片（即用来修饰页 ...
HTTP 的三次握手和四次挥手
- 博客分类：
- web
网络由下往上分为7层：物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。TPC/IP协议是传输层协议，主要解决数据如何在网络中传输，HTTP是应用层协议，主要解决如何包装数据，所以说HTTP是基于TPC/IP的。
“三次握手”建立连接
如上图，客户端首先发起第一次握手，向服务端表示(我要传一些数据给你)；
服务端听到后如果表示可以接受数据，则向客户端发起第二次握手(这次握手表示，我能接受你的数据哦，同时由于TCP/IP是全双工的，服务端的这次握手也是在询问，你能接受我返回给你的数据吗？)；接着客户端发起第三次握手(告诉服务端，是的，我也能接受你返 ...
在 web 页面上使用 jQuery 图像 360 度旋转插件是最美也是最方便的显示图像的方式。这些超级棒的 360° 图像选择插件允许用户更详细的分析产品或者文章。jQuery 图像旋转插件可以让用户从各种角度进行 360 度的图像展示，经常在电子商务网站上使用，帮助消费者更好的了解产品，从任意的一个角度观察欣赏。
Spritespin 是个 jQuery 插件，允许在网页上显示 sprite 动画。只需要用户提供一组图像，或者一系列无缝的 sprite 列表，就可以逐帧显示这些图像，然后生成动画。SpriteSpin变成图像帧成动画。它需要的图像或 ...
PHP一键搭建本地环境——ComsenzEXP
- 博客分类：
- PHP
ComsenzEXP 可以自动安装 Apache + PHP + MySQL 运行环境，并且自动安装好 Discuz! X3 支持操作系统Microsoft Windows 2000/XP/2003/Vista/WIN 7/2008，新版 ComsenzEXP 已经可以根据您电脑的可用端口自动选择 Apache 和 MySQL 服务端口，而且自动配置好程序保证通信成功。
ComsenzEXP功能特点：真实 — 与实际社区架构完全一致，没有任何功能差异和限制！
高效 — ComsenzEXP 能够根据用户计算机配置自动优化服务器环境！
快速 — 您无需担心如何安装配 ...
冒泡排序的原理是这样的，比方说有五个数字54321，要按从小到大排列；
首先比较前两个，就是5和4，如果第一个小于第二个，不做操作，如果第一个大于第二个，那么交换二者的位置，即变成45321，然后比较第二个和第三个，交换位置，变成43521，然后第三个和第四个，第四个和第五个，这样一次循环下来，变成43215
所以，一层循环的效果就是挑出最大的一个数字5，冒泡到最后面。但是还要挑出第二大，第三大的数字，等等。所以一层循环根本就不够用，必须再套一层才行。像这个例子，五个数字，起码要进行四轮循环才行。至于为什么要this.length-i，是因为第一次比较五个数字，第二 ...