随笔分类 -  js

1 2 3 4 下一页
javascript
原生js实现Promise
摘要：由于浏览器兼容性的限制，我们不得不通过原生js实现Promise方法。 原生的Promise对象包含promise,promiseAll,rase等方法，下面的代码基本上实现了这些方法，但在细微处可能有所区别，主要是为了方便项目使用才这么设计。 promise promise方法接收一个函数作为参数 阅读全文
posted @ 2019-10-14 10:34 史洲宇 阅读(1981) 评论(0) 推荐(1) 编辑
js 指定位置插入html标签（可编辑div）
摘要：demo效果如下： html代码部分如下： 阅读全文
posted @ 2016-07-14 12:38 史洲宇 阅读(23888) 评论(1) 推荐(1) 编辑
js 实现复制粘贴文本过滤（保留文字和图片）
摘要：实现复制粘贴文本过滤（保留文字和图片） demo如下： 阅读全文
posted @ 2016-07-13 16:53 史洲宇 阅读(1672) 评论(0) 推荐(0) 编辑
js 拖拽实现
摘要：代码参考 另外一个（转） 阅读全文
posted @ 2016-07-12 13:05 史洲宇 阅读(323) 评论(0) 推荐(0) 编辑
js 文字预写匹配
摘要：效果图： demo如下： 阅读全文
posted @ 2016-07-12 12:58 史洲宇 阅读(508) 评论(0) 推荐(0) 编辑
js获取编辑框游标的位置
摘要：代码如下： 阅读全文
posted @ 2016-07-12 12:54 史洲宇 阅读(1089) 评论(0) 推荐(0) 编辑
js 监控浏览器关闭事件
摘要：代码如下： 阅读全文
posted @ 2016-07-12 12:52 史洲宇 阅读(1369) 评论(0) 推荐(0) 编辑
js 模拟QQ聊天窗口图片播放效果（带滚轮缩放）
摘要：页面效果如下： 完整代码如下： 代码可以直接运行 阅读全文
posted @ 2016-07-12 12:43 史洲宇 阅读(630) 评论(0) 推荐(0) 编辑
js实现tooltip动态提示效果（文字版）
摘要：页面中经常用到鼠标移动到一个元素上面显示提示的功能，最开始的做法是在下面创建一个div然后动态显示这个div,但是这样需要加很多div，比较麻烦。 针对上面个的需求，这边写了一个tooltip动态提示的效果，鼠标移动到元素上面动态展示，移除的时候直接删除，这样每次只生成一个div。代码可以传一个参数 阅读全文
posted @ 2016-06-14 16:03 史洲宇 阅读(1924) 评论(0) 推荐(0) 编辑
artTemplate模板
摘要：1、介绍 新一代 javascript 模板引擎。 2、性能（引） 1、性能卓越，执行速度通常是 Mustache 与 tmpl 的 20 多倍（性能测试） 2、支持运行时调试，可精确定位异常模板所在语句（演示） 3、对 NodeJS Express 友好支持 4、安全，默认对输出进行转义、在沙箱中 阅读全文
posted @ 2016-06-14 13:48 史洲宇 阅读(22089) 评论(0) 推荐(1) 编辑
基于Jcrop的图片上传裁剪加预览
摘要：最近自己没事的时候研究了下图片上传，发现之前写的是有bug的，这里自己重新写了一个！ 1、页面结构 var dom = $('#fileChange')[0]; var prev = $('.prevw')[0]; szyFile.init(dom,prev,{'Ratio':1.2,'select 阅读全文
posted @ 2016-05-04 16:27 史洲宇 阅读(878) 评论(0) 推荐(0) 编辑
高性能javascript
摘要：1、加载与执行 由于多数浏览器使用单一线程来处理用户UI刷新和javascript脚本执行，所以同一时刻只能做一件事。这样就告诉我们js执行时间过程越久，浏览器等待响应的时间就越长，这里就存在一个性能问题，就是脚本的位置问题。 由于脚本会阻塞页面渲染，所以只有js全部下载并且执行完成后才会渲染页面， 阅读全文
posted @ 2016-02-23 11:05 史洲宇 阅读(271) 评论(0) 推荐(0) 编辑
表单验证--插件-1.0.1
摘要：1、html代码 <div class="reg"> <form action="" method="post" id="regForm" name="regForm" onsubmit="return false;"> <h1 class="reg-tit">10秒注册账号</h1> <p id= 阅读全文
posted @ 2016-02-14 17:29 史洲宇 阅读(265) 评论(0) 推荐(0) 编辑
jQueryRotate 转盘抽奖代码实现
摘要：代码如下：例子兼容IE6,7,8 以及高版本浏览器，如有bug请回复！1、html结构 2、index.js主要代码/* 为了页面兼容IE6.7.8 页面指针必须采用image标签插入 例如代码... 阅读全文
posted @ 2016-01-04 16:55 史洲宇 阅读(1301) 评论(0) 推荐(0) 编辑
九宫格子转盘抽奖代码
摘要：1、代码如下九宫格子转盘抽奖代码 附件下载地址 阅读全文
posted @ 2015-12-31 16:14 史洲宇 阅读(1031) 评论(0) 推荐(0) 编辑
网站统计代码v1.0
摘要：var m = {};var p ={};var gifUrl = 'http://hm.iwgame.test/v.gif';(function() { //参数组合类 m = { ck : 0, p : '', la : '', ... 阅读全文
posted @ 2015-12-22 13:38 史洲宇 阅读(386) 评论(0) 推荐(0) 编辑
js 图片点击放大功能
摘要：loading 阅读全文
posted @ 2015-12-22 13:35 史洲宇 阅读(1512) 评论(0) 推荐(0) 编辑
页面loading提示效果
摘要：前言：现在做页面一般为了提示友好点，一般会做个页面正在加载的loading提示效果，当页面加载完毕后再显示内容！这个时候就需要监控页面的资源加载的情况，有时候这并不好做，因为页面涉及图片，视频，已经js等等资源。所以我们在做loading的时候可以采用模拟的情况，适当给页面加载一定时间的loadin... 阅读全文
posted @ 2015-12-18 15:01 史洲宇 阅读(7208) 评论(1) 推荐(1) 编辑
html5 图片上传版本1.0
摘要：1、代码如下：/* autor:shzihouyu date:2015-12-11 ver:1.0*/var szyFile = { fileDom:null,//html 文件上传控件 preview:null,//图片预览的区域 imgMaxSize:0,//... 阅读全文
posted @ 2015-12-11 16:52 史洲宇 阅读(281) 评论(0) 推荐(0) 编辑
html5 文件系统File API
摘要：前言：在做浏览器上传图片的时候，一般采用form表单上传，这种上传无法预览图片，无法查看图片大小，无法知道图片的类型等等！那么在html5 File API提供了这些表单无法实现的功能，而且还支持拖拽上传！现在我们开始学习。。一、FileApi浏览器支持检测File Api给js提供了以下几个接口来... 阅读全文
posted @ 2015-12-09 09:38 史洲宇 阅读(935) 评论(0) 推荐(0) 编辑

1 2 3 4 下一页