功能描述:自动无缝轮播图片,底部小圆点跟图片保持一致;手指左右移动轮播图,移动距离大于50px播放下一张(或上一张),小于50px则回弹具体功能实现:1.定时器 自动轮播图片先声明一个index=0用来存图片索引;添加一个定时器,每隔两秒调用一次,每调用一次定时器(图片播放一次)index就加一;通过transform(变形)属性和transition(过渡)属性实现图片的轮播。1var index = 0; 2var timer = setInterval(function() { 3 ...
下面的javascript代码都是需要使用jQuery插件来做的。希望大家可以搭建好工作环境 首先我们来做一个练习:在一个删除的超链接中添加一个提示信息,提示是否确认删除。一般情况下我们都会这么做<html><head><title>delete.html</title></head><script type="text/javascript">function deleteTest(){window.confirm("是否确认删除");}</script><body>This is my HTML page. <br></body><!-- 给a的超链接添加一个点击事件 --><a oncl...
JavaScript实现的发布/订阅(Pub/Sub)模式时间 2016-05-02 18:47:58 GiantMing‘s blog原文 http://giantming.net/javascriptshi-xian-de-fa-bu-ding-yue-pub-sub-mo-shi/主题 JavaScript 观察者模式前段时间看了一下发布订阅者模式(也叫观察者模式),今天看<基于mvc的JavaScript的富应用开发>又看到了它,这个设计模式是非常有用的,正好写篇博客来分享一下.(标点符号我是不管的,别打我..)一些前端MVVM框架就是用的观察者模式实现是...
写在前面 放假了,但由于疫情的影响,我作为班长,需要每天询问班级成员的健康状况并上报。本来Tim、钉钉等企业用app早已经实现这种功能了,可大家非要用微信(很气)。本人较懒,我想用程序自动实现这种功能。为了这个目标,我先学一波js语言。 正式开始一、js入门(很浅) (一)涉及的基础知识 (1) 数据类型js用关键字 var 定义变量1var a = "学习STM32"; //字符串2var b = 6; //js只有一种数据类型,可带小数...
javascript语言中的调试功能少得可怜,如果涉及到第三方返回的对象数据更是使得开发程度加大。想到php中的var_dump,print_r简单好用,极大程序上方便了开发工作,在网上乱找一通,终于找到了一个类似的方法,虽然没有我p那样的刁炸天,但也省了不少功夫。可能有同学倔强到“三方不能查手册么“,嗯这个问题问题的好,如果手册上缺失了你要找的那段呢,如果手册上记录的不全呢,实际开发中发现就算是阿里腾讯的手册也会有滞后现象。...
在关键帧动画的制作过程中,动画师在k物体运动的过程中,一般要确定2个参数: 1)运动轨迹(表示物体运动的路径); 2)速度曲线(表示物体随时间的速度变化)。 对于运动轨迹通常选用一定的样条曲线,通过动画师给出关键点位置,通过曲线插值产生,如之前介绍的一种Cardinal样条曲线。速度曲线就是速度根据时间变化的曲线,速度曲线在一段时间上的积分累加就是运动过的路程(不是位移)。对于简单的运动类型如匀速...
轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现。但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法:1、利用位移的方法来实现 首先,我们可以在body中添加一个div并且将宽度设置成百分比(自适应页面),比例具体是相对谁的百分比的话按需求来做,在这里不多说。将图片放入到div 中。 其次,样式部分将img标签全部设置成absolute;以方便定位 ...
今天在做一个数据修改的页面,页面上有一个DropDownList控件,绑定的是实体中的重要属性,我希望用户在修改该控件值的时候,提示用户,他修改了该控件的值。所以为该下拉控件加上了如下语句。 复制代码 代码如下:DDLmaterial.Attributes.Add("onchange", "alert(‘注意:您修改了物品类型!‘)"); 似乎不错,不仅有提示效果,也不需要刷新页面。可是当我打开页面进行测试的时候就发现了问题,当我把下拉控件的值改回原值的时候,它还...
JS端代码HTMLElement.prototype.pressKey = function(code) {var evt = document.createEvent("UIEvents");evt.keyCode = code;evt.initEvent("keydown", true, true);this.dispatchEvent(evt);}HTMLElement.prototype.upkey = function(code) {var evt = document.createEvent("UIEvents");evt.keyCode = code;evt.initEvent("keyup", true, true);this.dispatchEvent(evt);}HTMLElement.prototype.moudown = function(x,y) {//al...
现在很多商业网站的用户登录都是明码传输的,而一般用户又习惯于所有帐号使用相同的密码来保存,甚至很多人使用的密码和自己的银行帐号都一样哦!所 以嘛还是有一定的安全隐患的,YAHOO的免费邮箱登录使用了MD5的加密方法来确证服务提供方自己也无法知道用户的密码,有效维护了用户的隐私。其原理 如下:用户在注册的时候通过JAVASCRIPT对密码进行一次MD5变换,然后发给服务器保存在数据库,因为MD5是无法逆向变换的所以可以保证服...
1、插入排序 1)算法简介 插入排序(Insertion-Sort)的算法描述是一种简单直观的排序算法。它的工作原理是通过构建有序序列,对于未排序数据,在已排序序列中从 后向前扫描,找到相应位置并插入。插入排序在实现上,通常采用in-place排序(即只需用到O(1)的额外空间的排序),因而在从后向前扫描过程中, 需要反复把已排序元素逐步向后挪位,为最新元素提供插入空间。 2)算法描述和实现 一般来说,插入排序都采用...
今天学习了javascript中的事件,已经接近尾声,可以说明天跨入jquery的学习啦,学习了一周的javascript,感觉还没有掌握其中学习的微妙之处,javascript使用起来是比较灵活的,而且很多浏览器的兼容性还是不一样的,嘿嘿,或许这就是原因的所在吧,在事件的处理上面还是很容易理解的,前面学习了那么多的语法知识以及对DOM的操作,想必在事件的学习上还是很容易接受的,就来总结一下吧。 一.this的对象的区分 <script> ...
使用JsTestDriver实现JavaScript单元测试 一点点必要的废话JavaScript的发展大体上经历了下面几个比较大的阶段:第一阶段:石器时代。 基本上没有任何框架和工具,而且各种浏览器混战,API相当混乱,开发和测试都非常痛苦。第二阶段:刀耕火种。 出现了一些简单的、小型的工具,比如prototype/mootools之类的。第三阶段:农耕文明。 2005年左右,Ajax、JSON等技术开始兴起,并且以非常快的速度普及。这个阶段出现了jQuer...
//js实现软件版本号的比较//随机举两个例子 pc2.4.3 或者pc3.5.6/*** 输入 v1,v2* 返回true代表v1比v2的版本新,false则代表v1与v2相等或者v1<v2;*/function versionCompare(v1,v2){//去掉收尾空格v1 =v1.replace(/(^\s+)|(\s+$)/gi,"");v2 = v2.replace(/(^\s+)|(\s+$)/gi,"");//空检查if(!v1 || !v2){return;}//截取v1,v2中的版本数字v1 = /\d(\.|\d)*\d/gi.exec(v1)[0];v2 = /\d(\.|\d)*\d/gi.exec(v2)[0];//版本比较,我们分为...
感觉这一周学的东西中,本菜鸡觉得轮播效果是最炫酷的哈哈哈。要好好的纪念下这个东西,以后忘了再来这边看看!超赞,当自己做出这个效果的时候,很有成就感的(ノω<。)ノ))☆.。<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div1{ width: 192px; height: 120px; border: 1px solid gray; margin: 0 auto; ov...