javascript
文章平均质量分 66
Mesut_Ozil
这个作者很懒,什么都没留下…
展开
-
注册界面生日(日期)js
jQuery.noConflict(); jQuery(function ($) { var $birthYear = $('.gbiaps_birthday_year'); var year = new Date().getFullYear(); $('' + (year) + '').appendTo($b原创 2013-05-10 15:11:24 · 2604 阅读 · 0 评论 -
解决jQuery和其它库的冲突
解决jQuery和其它库的冲突在jQuery库中,几乎所有的插件都被限制在它的命名空间里。全局的对象都很好地存储在jQuery命名空间里,因此当把jQuery和其它javascript类库一起使用时,不会引起冲突.(注意:默认情况下,jQuery用$作为自身的缩写而以)如果jQuery类库和别的类库冲突的话,可以使用jQuerynoConflict()函数来将变量$的控制权移交出给其它的j转载 2013-06-23 02:11:37 · 789 阅读 · 0 评论 -
实现背景图自适应效果的jQuery插件
ackstretch 是一款实现动态调整大小的背景图效果的 jQuery 插件,当窗口调整大小的时候,背景图会自适应缩 。插件本身提供了三种实例:一:简单背景自适应窗体大小二:占击切换背景三:自动切换背景作者在此基础上再独创一种效果。每次载入页面都随机载入背景图,代码如下:?12345678scriptsr转载 2013-06-17 01:54:19 · 1029 阅读 · 0 评论 -
JS--命名空间的理解(namespace)
原文:http://dev.firnow.com/course/3_program/java/javashl/20081128/152797.html 引入命名空间之前,一个令开发人员头疼的问题就是如何防止函数名/类名和其他人的冲突,在一个公司内部项目组之间可以通过命名预定(比如加前缀等)解决这个问题,但是把视线放到整个软件开发领域,在当今协作开发相当盛行的时代,这个问题却依然存转载 2013-06-16 05:41:14 · 1475 阅读 · 0 评论 -
表单上传的两种验证方式,笨方法和懒方法
sy.ns('member.mispay'); member.mispay.i = 0; member.mispay.i2 = 0; member.mispay.userId = null;//保存皈依号$(function() { member.mispay.searchForm = $('#member_mispay_searchForm').form(); mem原创 2013-06-14 17:24:14 · 1163 阅读 · 0 评论 -
无界面更新上传头像(jsp+iframe版)
由于项目有一个身份证验证的注册界面,所以要上传图片。但在注册界面填写完信息后,用户选择本地图片上传预览,要实现不更新界面显示。所以开始最先想到的是用js获取本地文件的路径然后显示,无奈js标准考虑到用户文件的安全,不提供接口。其实这样最好,至少保证了用户的隐私。不严格来说,其实是有接口的,早前的ie6有接口直接获取用户本地文件的路径,但是ie9以后我没找到。谷歌最新版好像也不提供,别的浏览器也有各原创 2013-05-15 03:52:27 · 1567 阅读 · 0 评论 -
jquery(自制版)
自制的jquery //1>创建jQuery对象;2>直接使用jQuery对象的属性/方法/事件),一个强悍的dom元素查找器($),插件式编程接口(jQuery.fn),以及插件初始化的”配置”对象思想.//实现自己的MyQuery框架(function(window, undefined ){this.$ = function(selector){ if ( window原创 2013-05-09 18:38:42 · 809 阅读 · 1 评论 -
Thin框架的应用(一) 单机双人对战象棋程序
使用JavaScript创建模块化的双人对战象棋程序1. 关于这篇文章2004年,我花两天时间,用JavaScript和VML创建了一个单机双人象棋,并且作了简短的分析。在那个时代,没有AngularJS,没有BackBone,没有所有这些前端MV*框架。甚至没有jQuery,没有prototype,没有mootools,因此没有什么可借鉴的模块划分方式。我只好用很原始的办法,做了转载 2014-09-01 15:12:08 · 1079 阅读 · 0 评论 -
从零开始编写自己的JavaScript框架(一)
1. 模块的定义和加载1.1 模块的定义一个框架想要能支撑较大的应用,首先要考虑怎么做模块化。有了内核和模块加载系统,外围的模块就可以一个一个增加。不同的JavaScript框架,实现模块化方式各有不同,我们来选择一种比较优雅的方式作个讲解。先问个问题:我们做模块系统的目的是什么?如果觉得这个问题难以回答,可以从反面来考虑:假如不做模块系统,有什么样的坏处?我们经历转载 2014-09-01 14:45:36 · 1039 阅读 · 0 评论 -
软件的模块化开发
什么是模块化模块化这个词最早出现在研究工程设计中的《Design Rules》,这本探路性质的书中。其后模块化原则还只是作为计算机科学的理论,尚不是工程实践。此时硬件的模块化一直是工程技术的基石之一。如标准螺纹、汽车组件、计算机硬件组件等。软件模块化的原则也是随着软件的复杂性诞生的。从开始的机器码、子程序划分、库、框架、再到分布在成千上万公里的互联网上主机上的程序库。模块化是解决软转载 2014-09-01 14:37:16 · 1135 阅读 · 0 评论 -
手写小时间控件
一开始先上效果:说明:环境:移动端(android和iOS),业务场景:需要一个预期一个月内可选的时间范围控件本来想用现成的插件,但是一哥们最近刚刚面试,回来对我吐槽面试官问他一般遇到时间需求时自己写控件还是用别人的,他愣了五秒回了句用别人的。然后在我最近的项目有个时间需求,想了他愣的时间的五分之一后我决定熬夜写个自己定义的时间控件了。太困了,来不及介绍详情,先这样吧,go原创 2015-07-30 03:43:30 · 1377 阅读 · 1 评论 -
基于jquery插件开发入门教程
鉴于最近要使用大量的jquery,所以总有一种捣鼓文字来抒发一下情绪的冲动。 思前想后就来篇jquery插件开发入门教程吧,毕竟如果不想开发插件,那自己无论用别人的插件多牛逼,最多只是js的使用者,作为程序员也不能算是js的开发者~ 我也是看别人的东西,实现自己的例子来展示。尚不考虑这会成为自己的东西,因为jquery都是老外开发的,我也是看他们的例子,然后反三用而已,并且能巩固我的之原创 2013-06-24 02:40:30 · 1140 阅读 · 0 评论 -
Ext源码分析:Ext.onReady到底做了什么
首先,我们来看下面的代码片段1.Crab = {};2.Crab.util = {};//把Namespace模拟出来3.4.Crab.EventManager = function(){//仔细看看这个单例模式,以后调用Crab.EventManager其实得到的就是pub对象5. var pub = {6. onDocumentReady : function转载 2013-06-30 02:36:48 · 749 阅读 · 0 评论 -
jquery的extend和fn.extend
jQuery为开发插件提拱了两个方法,分别是: jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么转载 2013-06-14 04:09:30 · 521 阅读 · 0 评论 -
javascript模拟类的最佳实践
1:如何模拟一个类在sencha touch2 系列里面定义一个类和new出这个类的对象Ext.define( "Animal", { config: { name: null }, constructor: function(config) { this.initConfig(config); }, speak: function() { cons原创 2015-07-10 04:34:29 · 1294 阅读 · 0 评论 -
JavaWeb项目jquery ajax跨域请求node.js渲染highcharts
$(function () { $.ajax({ url : 'http://192.168.1.58:3000/china?datatime='+new Date().getTime(), beforeSend: function(){ $("#ozil-tab-wl").append(''); }, dataType : "jsonp",原创 2014-01-23 10:32:33 · 2339 阅读 · 0 评论 -
如何在sublime text运行javascript
在Console模式下,浏览器不仅可以编辑也可以运行js。大部分场景下,我们都是在IDE编辑保存,然后在浏览器打开预览效果。在web前端的领域,sublime text成为了我编辑javascript的最爱,过往都是重复着上面的场景。今天在youtube上学到了一招,编辑和运行javascript于sublime text一身。准备材料:1:首先得安装好了sublime,我选择原创 2015-07-03 05:05:04 · 10770 阅读 · 0 评论 -
一切皆对象之两个方法概括js,无函数签名(无多态),原型,闭包,封装,引用类型,继承……
Document var num = [88, 1151, 1]; (function() { /** * 对于n1,n2,n3;如果其中任意两个分别乘以[1, 100]范围内的任意两个整数x,y的和加2或者减2等于 * 另外第三个数,找出x和y. * @type {Number} */原创 2014-09-13 02:51:01 · 1945 阅读 · 0 评论 -
从零开始编写自己的JavaScript框架(二)
2. 数据绑定2.1 数据绑定的原理数据绑定是一种很便捷的特性,一些RIA框架带有双向绑定功能,比如Flex和Silverlight,当某个数据发生变更时,所绑定的界面元素也发生变更,当界面元素的值发生变化时,数据也跟着变化,这种功能在处理表单数据的填充和收集时,是非常有用的。在HTML中,原生是没有这样的功能的,但有些框架做到了,它们是怎么做到的呢?我们来做个简单的试试,转载 2014-09-01 15:05:56 · 610 阅读 · 0 评论 -
sencha touch2.3.1入门学习(4)
本文是学习记事本项目完成所有代码的完结篇在之前3的基础上,本文实现添加删除功能点击home回到NoteList视图修改列表视图来实现日记按日期分组效果图:然后添加时间分栏1:项目文件结构1:index.html wifiApp原创 2014-03-06 02:56:08 · 1630 阅读 · 0 评论 -
sencha touch2.3.1入门学习(3)
在上一篇的基础上实现数据的动态增加;效果:1:文件目录结构2:index.html wifiApp 3:app.js/** * Created by Chongshi Tan on 14-3-4. */Ext.application( {原创 2014-03-06 01:58:26 · 1576 阅读 · 1 评论 -
sencha touch2.3.1入门学习(2)
在上篇基础上继续学习:1:文件项目架构:2:index.html wifiApp 3:app.js/** * Created by Chongshi Tan on 14-3-4. */Ext.application( { name: 'WifiApp', control原创 2014-03-04 18:09:34 · 1553 阅读 · 0 评论 -
sencha touch2.3.1入门学习(1)
1:到官网下载http://www.sencha.com/products/touch/download/,我下载最新版本2.3.1a;二:建立文件夹目录结构如下其他文件夹自行建立,touch-2.3是第一步官网下载解压而来。三:编写代码:1:index.html wifiApp 2:app.j原创 2014-03-04 15:11:26 · 1670 阅读 · 2 评论 -
web前端深夜吐槽
web前端个人理解:好比如建一间房子,编写HTML就好比把墙和屋顶都建好了,使用CSS就如粉同刷墙,装瓷砖,挂灯,摆设新家具,javascript自然就是给灯装开关,给门装锁,给电视通电等,比较厉害的房子好像一个按钮点击就可以改变房子布局,这些开关得javascript来实现……在web的领域,对于两种开发模式,SPA相比传统的多页面开发,用户体验更好了。但是也带了许多问题,比如管理变量避免作原创 2015-09-20 00:39:42 · 1163 阅读 · 0 评论