JavaScript
文章平均质量分 78
diligentyang
主要研究PHP编程,网站后端开发,网站维护,mysql。会熟练使用CI框架。yii入门级。
展开
-
js判断IE版本
js判断IE版本提示:大家可以修改alert处的代码,分别用于不同的操作,比如提示浏览器版本过低等等。原创 2016-05-14 11:53:05 · 1818 阅读 · 0 评论 -
【Jquery】Pjax的了解与应用
什么是pjax?现在很多网站( facebook, twitter)都支持这样的一种浏览方式, 当你点击一个站内的链接的时候, 不是做页面跳转, 而是只是站内页面刷新。 这样的用户体验, 比起整个页面都闪一下来说, 好很多。 其中有一个很重要的组成部分, 这些网站的ajax刷新是支持浏览器历史的, 刷新页面的同时, 浏览器地址栏位上面的地址也是会更改, 用浏览器的回退功能也能够回退到上一个页面。原创 2017-05-31 19:13:43 · 3445 阅读 · 0 评论 -
【JQuery】HTML自定义滚动条(mCustomScrollbar)
实现效果如下所示mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义,它通过 Brandon Aaron jquery mouse-wheel plugin 提供了鼠标滚动的支持,并且在滚动的过程中,还可以缓冲滚动使得滚动更加的平滑,还可以自动调整滚动条的位置和定义滚动到的位置等。原创 2017-05-19 18:16:28 · 1890 阅读 · 0 评论 -
【Javascript】实现快速,选择,冒泡,插入排序
最近在准备找工作,心理压力过大,整理了一下常用的排序算法,以备不时之需,仅供参考。<!DOCTYPE html><html><head> <title>排序</title></head><body><script>/*快速排序--递归实现,选取第一个元素为枢轴,比它晓得放到左边数组,比他大的放到右边数组*//*var quick_sort = function(arr){原创 2017-03-08 09:06:22 · 1142 阅读 · 0 评论 -
【JavaScript】offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>offsetWidth、clientWidth、width、scrollWidth区别及js与jQuery获取的方式</title><script type="text/javascript" src="jquery.min.js"></script></head><body转载 2017-03-27 19:39:48 · 1391 阅读 · 0 评论 -
彻底弄懂JS的事件冒泡和事件捕获
他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。这...转载 2017-03-05 20:25:49 · 6223 阅读 · 1 评论 -
给我一张名片——工厂方法模式
工厂方法模式(Factory Method):通过对产品类的抽象使其创建业务主要负责用于创建多类产品的实例。广告是一个公司主要的一个经济来源,这不,很多企业等着要来公司首页打广告呢。广告展现“小白, 咱们新来了一批广告资源需要投放, 关于计算机培训的。一批是 Java的, 用绿色字体。还有一批是PHP的,要用黄色字体,红色背景。”“没问题, 于是小白准备创建两个类, 然后通过实例对象方式来完成这个需原创 2017-01-25 11:39:41 · 1523 阅读 · 0 评论 -
【jQuery】图片上传回显
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片上传回显示</title> <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> $(原创 2016-12-21 14:04:46 · 5535 阅读 · 0 评论 -
【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
jquery.form.js是一个非常强大的用于表单提交的插件。通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传、进度条显示等等。Jquery官网下载网址github地址+使用文档网上参考文档先放上结果图吧,吊吊大家胃口(动图哦)。下面贴出代码,注释挺详细的,不再做过多解释了。前端页面:<!doctype html><head> <meta charset=utf-8>原创 2016-12-13 19:48:21 · 15032 阅读 · 4 评论 -
【 jQuery】页面加载 fakeLoader.js 及修改
在日常网站制作中,常常预见网站中内容过多,或者含有大量图片,导致加载缓慢,动画效果失常的情况。于是小编查找了相关解决方法,下面是最为简单且实用的一种。fakeLoader.js 是轻量级的 jQuery 插件,帮助你创建动态的全屏加载掩饰微调效果,模拟页面预加载的效果。插件下载地址:http://www.oschina.net/p/fakeloader-js效果演示:使用方法:1、body中插入以下原创 2016-12-06 13:32:07 · 8328 阅读 · 1 评论 -
跨域方法总结
最近面试问的挺多的一个问题,就是JavaScript的跨域问题。在这里,对跨域的一些方法做个总结。由于浏览器的同源策略,不同域名、不同端口、不同协议都会构成跨域;但在实际的业务中,很多场景需要进行跨域传递信息,这样就催生出多种跨域方法。具备src的标签原理:所有具有src属性的HTML标签都是可以跨域的在浏览器中,<script>、<img>、<iframe>和<link>这几个标签是可以加载跨转载 2016-12-03 10:26:48 · 2662 阅读 · 0 评论 -
神奇的魔术师——简单工厂模式
简单工厂模式(Simple Factory):又叫静态工厂方法:由一个工厂对象决定创建某一产品对象的实例。主要用来创建同一类对象。小白经过几天对团队代码的学习,终于对面向对象思想有所认识,自己跳动的小心脏跃跃欲试,信心满满准备大显身手。。。工作中的第一次需求“小白,这几天学习的怎么样了?登录模块的需求你能来处理一下么?”项目经理问。“没问题。”小白答道。“不过用户名输入框这里如果用户输入的内容不符合原创 2016-11-19 11:18:08 · 2149 阅读 · 0 评论 -
写的都是看到的——面向对象编程(二)
传宗接代——继承“小白,看继承呢?”小铭忙完自己的事情走过来。“是呀,刚才学习类,发现每个类都有3个部分,第一部分是构造函数内的,这是供实例化对象复制用的,第二部分是构造函数外的,直接通过点语法添加的,这是供类使用的,实例化对象是访问不到的,第三部分是类的原型中的,实例化对象可以通过其原型链间接地访问到,也是为供所有实例化对象所共用的。然而在继承中所涉及的不仅仅是一个对象。”“对呀,不过继承这种思想原创 2016-11-16 19:49:47 · 2065 阅读 · 0 评论 -
写的都是看到的——面向对象编程(一)
第一天的经历使小白深深认识到校园学到的知识与实际工作中的偏差,所以想见识见识公司团队里大家都是如何书写代码并完成需求的。早晨走进公司的时候恰巧遇见了项目经理。两种编程风格——面向过程与面向对象“早!小白,今天是你来的第二天,这一周你熟悉一下我们团队的项目吧。”项目经理对小白说。“好呀,项目经理,我也正想跟大家学习学习呢。”于是项目经理带着小白将项目中的代码下载下来。可小白打开一看傻眼了:“函数,昨天原创 2016-11-12 16:36:35 · 2460 阅读 · 0 评论 -
JavaScript中undefined和null详解
JavaScript中有两个特殊的值:undefined和null,在比较他们的时候要留心。在读取未赋值的变量或试图读取对象没有的属性时得到的就是undefined值。null则用于表示已经赋了一个值但该值不是有效的object、string、number或boolean值(也就是说所定义的是一个无值(no value))。例如:<script> var myData = {原创 2016-08-12 20:57:39 · 1990 阅读 · 0 评论 -
使用脚本元素(执行顺序,noscript)
设置了src属性的script元素不能含有任何内容。不能用同一个script元素既定义内嵌脚本有引用外部脚本。<script src="simple.js"></script>例子中的script元素尽管没有任何内容,还是使用了结束标签。如果用自闭和标签引用外部脚本,浏览器则将忽略这个元素,不会加载引用的文件。推迟脚本的执行默认情况下,浏览器一遇到script元素就会暂停处理HTML文档,转而载入脚原创 2016-08-15 16:59:25 · 2382 阅读 · 0 评论 -
【JavaScript】JS实现HashMap
/** * ********* 操作实例 ************** * var map = new HashMap(); * map.put("key1","Value1"); * map.put("key2","Value2"); * map.put("key3","Value3"); * map.put("key4","Value4"); * map原创 2017-06-19 20:47:23 · 4092 阅读 · 0 评论