下面的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...
javascript实现aop的基本实现原理 Function.prototype.before = function(beforefn){var _this = this; // 记录原函数的引用return function(){beforefn.apply(this, arguments);return _this.apply(this, arguments);}}Function.prototype.after = function(afterfn){var _this = this;return function(){var ret = _this.apply(this, arguments);afterfn.apply(this, arguments);return ret;}}var fun = function(){cons...