html页面
夏天的一朵云
这个作者很懒,什么都没留下…
展开
-
react 监听页面滚动事件
componentDidMount() { window.addEventListener('scroll', this.handleScroll); } handleScroll=(event)=>{ //滚动条高度 let ctx=this; let clientHeight = document.documentElement.clientHeight; //可视区域高度 let scrollTop = docume.原创 2020-09-19 09:20:41 · 4233 阅读 · 0 评论 -
欢迎使用CSDN-markdown编辑器
实现1 String.prototype.trim = function() { return this.replace(/^\s\s*/, ”).replace(/\s\s*/, ”); } 看起来不怎么样, 动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,直接相加比用Array做成的StringBuffer 还快。base2类库使用这种实现转载 2015-07-20 18:59:09 · 349 阅读 · 0 评论 -
如何让div透明,内容不透明【转】
如果要实现透明边框,子元素不透明,那么就要用这个组合: {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f000000',endColorstr='#3f000000'); background-color:rgba(255, 255, 255, 0.3)}, 但要注意这两个属性中的颜色,转载 2015-10-09 17:02:33 · 1461 阅读 · 0 评论 -
效果插件对后加载的内容不兼容的问题:例如轮播图不兼容后加载
前段时间做了一个项目,手机页面无线下拉加载房源信息,每个房源div里边都必须支持手势轮播切换图效果我查了很多插件,都不支持live操作,想了很久最后发现,每次加载完几十条数据都重新加载一下轮播效果,但是在加载前先手动关闭轮播效果里边封装好的动作事件$(".main-image").unbind(); //关闭加载在其上的动作事件$(".main-image").touchSlid原创 2015-10-15 18:59:08 · 848 阅读 · 0 评论 -
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
之前写了一个登录表单页面,再iphone上测试遇到了一些奇怪的问题:表单中的input[type="submit"]按钮在iPhone的safari浏览器下会出现圆角的情况;input[type="text"]文本输入框会有内阴影,这些问题该怎么处理呢?请看下文今天在公司写了一个登录页面效果,让我碰到一个怪异的问题——“表单中的input[type="submit"]和input[type转载 2015-10-30 13:49:06 · 4278 阅读 · 0 评论 -
frame页面之间的相互调用
页面外部调用frame页面内部的元素window.frames["right"].document.getElementById("autoCheckForOperation")原创 2016-04-26 10:58:54 · 920 阅读 · 0 评论 -
利用exif.js解决ios手机上传竖拍照片旋转90度问题
html5+canvas进行移动端手机照片上传时,发现ios手机上传竖拍照片会逆时针旋转90度,横拍照片无此问题;Android手机没这个问题。因此解决这个问题的思路是:获取到照片拍摄的方向角,对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息,详见 http://code.ciaoca.com/javascript/exif-js/这里主要用到O转载 2016-08-24 10:36:54 · 1610 阅读 · 0 评论 -
浮士德html5图片裁剪器2016开源版
前言最近刚刚好整理浮士德头像裁剪的flash版本,为了某些低级浏览器的兼容着想,既然已经做好了flash版本了,那么,现代浏览器的html5版本和ipad版,移动版也要做一些处理和打包。兼容性兼容ie10及以上,google浏览器,Firefox浏览器,safari浏览器,兼容ipad,苹果,安卓等机型。历史文档话说图片裁剪这个是很常见的需求,但是做到精细化转载 2016-08-24 11:35:04 · 784 阅读 · 0 评论 -
mac上设置xampp服务器
1、首先设置服务器的时候设置伪静态将Include etc/extra/httpd-vhosts.conf打开2、在Include etc/extra/httpd-vhosts.conf中设置 ServerName localhost Documentroot "/Users/**/project/web" RewriteEngine on #开启Rewri原创 2016-04-22 00:31:44 · 1536 阅读 · 0 评论 -
flot - jQuery 图表插件(jquery.flot)使用
Flot是纯Javascript实现的基于jQuery的图表插件,主要支持线状图和柱状图的绘制(通过插件也可以支持饼状图)。它的特点是使用简单、图形美观,支持鼠标跟踪及缩放功能。Flot是基于canvas进行图表的绘制,可以在IE6+/Firefox2+/Safari3+/Opera9.5+/Chrome等主流浏览器上运行;其中IE9以下浏览器不支持canvas标记,需要额外引用e转载 2017-10-29 21:15:27 · 491 阅读 · 0 评论 -
js去除空格12种方法
JS去除空格的方法目前共有12种:实现1String.prototype.trim = function() { return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');}看起来不怎么样, 动用了两次正则替换,实际速度非常惊人,主要得益于浏览器的内部优化。一个著名的例子字符串拼接,原创 2015-07-20 18:56:52 · 453 阅读 · 0 评论 -
JS判断输入是否为整数的正则表达式
1:"^\\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1-9][0-9]*$" //负整数 "^-?\\d+$" //整数 "^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0) "^((原创 2015-07-14 16:09:04 · 3230 阅读 · 0 评论 -
jQuery弹出层_点击自身以外地方关闭弹出层
jQuery弹出层_点击自身以外地方关闭弹出层原创 2015-06-09 19:53:10 · 6851 阅读 · 0 评论 -
12个用于播放音乐和视频文件的jQuery插件
目录(?)[-]Acorn Media PlayerVideo JSMedia ElementFlare VideoOpen Standard MediajPlayerjMp3malsup jquery media pluginOiplayerSimple PlayerJQuery Sound PluginIWishQuery 也许有时你需要在网站上播放一些音频和视频文件,转载 2014-01-16 14:42:19 · 1206 阅读 · 0 评论 -
form提交时的字符编码转换之utf-8转gb2312
在IE下面指定表单提交编码方式 收藏 在跨业务、跨网站发送数据或者业务升级的时候,我们有的时候需要指定发送数据的编码方式,比如页面是utf-8编码的,而发送出去的数据却希望是GB2312编码的。在做Ajax开发的时候,我们往往都是用vbscript或者用查字典法来解决这个问题(http://www.blogjava.net/emu/articles/31756.html)。但是有些业务,也许并转载 2014-01-20 14:21:55 · 1803 阅读 · 0 评论 -
做网站首页制作手机端浏览的跳转
做网站首页制作手机端浏览的跳转原创 2014-05-08 18:01:49 · 1631 阅读 · 0 评论 -
hideFocus(小技巧)
hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于: onFocus="this.blur()" 它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。 你给的代码如果没有hideFocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。而使用了hideFocus则不会有虚线框。在IE下,需要在标签 a 的结构中加入 h转载 2014-08-07 16:57:28 · 576 阅读 · 0 评论 -
js 验证表单 js提交验证类
附加:js验证radio是否选择function checkform(obj){for(i=0;i if(obj.oo[i].checked==true) return true;alert("请选择")return false; } 提交" />1. 长度限制fu原创 2015-05-20 17:47:35 · 871 阅读 · 0 评论 -
js实时计算字数提醒的文本框
原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度,然后文本框允许输入的最大字符数来减去当前的字符数,并用label控件显示出来就可以了。enter function keypress1() //text输入长度处理 { var text1 = document.getElementById("mytext1").value; var len = 15原创 2015-06-03 21:10:10 · 5416 阅读 · 0 评论 -
php 中使用cURL发送get/post请求,上传图片,批处理
cURL是利用url语法规定传输文件和数据的工具。php中有curl拓展,一般用来实现网络抓取,模拟发送get post请求,文件上传。 在php中建立curl的基本步骤如下: 1 初始化 2 设置选项,包括url 3 执行并获取结果 4 释放curl句柄。 在工作和学习中,我也是时常用的curl。由于在使用curl设置选项时,各种选项比转载 2015-05-23 13:06:39 · 4282 阅读 · 0 评论 -
jquery鼠标随意移动div
Qing's Web .footer { position: fixed;bottom: 0;width: 100%;}.moveBar {position: absolute;width: 250px;height: 300px;background: #666;border: solid 1px #000;} #banner {原创 2015-06-30 10:17:09 · 2143 阅读 · 0 评论 -
web页面通过ajax无限下拉
$(function(){ var i = 0 ; $(window).scroll(function(){ // 当滚动到最底部以上50像素时, 加载新内容 if ($(document).height() - $(this).scrollTop原创 2015-06-09 18:48:28 · 1446 阅读 · 0 评论 -
自动生成验证码
验证码生成页面 verification.phpsession_start(); //文件头... header("Content-type: image/png"); //创建真彩色白纸 $im = @imagecreatetruecolor(50, 20) or die("建立图像失败"); //获取背景颜色 $ba原创 2013-12-07 17:26:38 · 1890 阅读 · 0 评论