
javascript开发
文章平均质量分 54
Alan_阿兰
这个作者很懒,什么都没留下…
展开
-
JS简易日历实现
效果图 实现点 01.表格行数问题首先得知道这个表格有多少行多少列,列数是已经确定的,从星期天(日历上第1列是星期天)到星期六一共7列 getDay()方法了,该方法返回数组[0-6]中的一个数字,0代表星期天,1代表星期一,2代表星期二,以此类推。并不是每个月都是31天,所以我们得创建一个包含12个月份的数组,每个元素代表每个月份所包含的天数。但是2月份比较特殊,闰年的2月份有29天原创 2017-11-01 16:20:56 · 31622 阅读 · 3 评论 -
监听滚动条js的操作
function getScrollTop(){ var scrollTop; var bodyScrollTop,documentScrollTop; if (document.body) {bodyScrollTop = document.body.scrollTop}; if (document.documentElement) {documentSc原创 2017-02-03 18:04:36 · 917 阅读 · 0 评论 -
js表单提交
Form submit() 方法定义和用法submit() 方法用于提交表单 (点击 Submit 按钮)。语法formObject.submit()所有主要浏览器都支持 submit() 方法Internet ExplorerFirefoxOperaGoogle ChromeSafarijQuery submit() 方法当提交表单时,显示警告框:$(原创 2016-12-06 09:49:45 · 349 阅读 · 0 评论 -
js-with()语句
with 语句用于设置代码在特定对象中的作用域。它的语法:with (expression) statement例如:var sMessage = "hello";with(sMessage) {alert(toUpperCase()); //输出 "HELLO"}在这个例子中,with 语句用于字符串,所以在调用 toUpperCase() 方法时,解释程原创 2016-12-06 09:36:47 · 194 阅读 · 0 评论 -
js,jquery 操作 dom
1.修改页面内容$("#test").text("你好");$("#test").html("你好")2.格式化日期var odate = new Date();var mon = parseInt(odate.getMonth())+1$("#applayDate").html(odate.getFullYear()+"年"+mon+"月"+odate.getDate()原创 2016-10-08 10:44:02 · 261 阅读 · 0 评论 -
js设计模式-观察者模式
观察者模式,又叫发布者-订阅者模式,应该是最常用的模式之一.比如面试者把简历扔到一个盒子里, 然后面试官在合适的时机拿着盒子里的简历挨个打电话通知结果./*观察者模式*/var Observe = function(){ var listen, log, obj, one, remove, trigger, __this; obj={}; __this原创 2016-10-19 14:28:32 · 425 阅读 · 0 评论 -
js设计模式-桥接模式-单例包装器
用一个变量来保存第一次的返回值, 如果它已经被赋值过, 那么在以后的调用中优先返回该变量. 而真正创建遮罩层的代码是通过回调函数的方式传人到singleton包装器中的. 这种方式其实叫桥接模式.能不能找到一个通用的singleton包装器?遗憾的是js的函数式特性还不足以完全的消除声明和语句.// 是抽象部分var singleton function(fn){原创 2016-10-19 14:45:36 · 476 阅读 · 0 评论 -
js面向对象编程
我们先来了解概念 概念一封装: 这里讲的是我们要把属性(property)和方法(method)封装成一个对象 Javascript提供了一个构造函数(Constructor)模式 this变量和new运算符 每一个构造函数都有一个prototype属性,指向另一个对象,产生(Prototype)模式,为的是原创 2016-10-28 16:33:56 · 206 阅读 · 0 评论 -
倒计时系列
倒计时// 按钮计时var time = 60;var timecount = setInterval(function() { time--; if (time > 0) { $('.sendCode').text(time + '后可重发'); } else { $('.sendCode').text('发送验证码');原创 2017-05-11 11:05:58 · 309 阅读 · 0 评论 -
js 取当前时间
/** * 取当前时间 * @returns {String} */function getNowFormatDate() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var原创 2017-04-24 16:14:51 · 323 阅读 · 0 评论 -
$cordovaFileTransfer 拍照上传文件
ionic开发项目,其中涉及到拍照上传文件,按照官方的说法第一步:配置var options ={ quality:50,//相片质量0-100 destinationType:Camera.DestinationType.DATA_URL,// 返回类型:DATA_URL= 0,返回作为 base64 編碼字串。 FILE_URI=1 sourceType:Camera原创 2017-05-25 17:31:51 · 2422 阅读 · 0 评论 -
js数据操作(es6)
js数组方法// [].map(function(value,index,array){});// [].forEach(function(value,index,array){});// [].some(function(value,index,array){});// [].every(function(value,index,array){});// 数组的every()/some()原创 2017-10-26 17:14:58 · 622 阅读 · 0 评论 -
js事件处理机制
加载事件语法:常用事件句柄包括 onclick,onmouseover,onmouseout onload,onscroll onchange,onfocus,onsubmit,onselect onmessage 常用方法: preventDefault()原创 2016-10-28 14:25:47 · 340 阅读 · 0 评论 -
js操作dom样式
//获取当前时间var getNowFormatDate = function() { var date = new Date(); var seperator1 = "-"; var seperator2 = ":"; var month = date.getMonth() + 1; var strDate = date.getDate();原创 2016-12-28 17:09:56 · 339 阅读 · 0 评论 -
js高级程序-url处理
js 1.添加getsubUrl()函数2,.添加getUrl()函数用法: var url = new URL(window.location.href); url = url.getsubUrl("info","info.jsp",{ orderno:s原创 2017-06-15 12:05:17 · 423 阅读 · 0 评论 -
js-Cookie参数详解
//获取cookiefunction getCookie(name) {var arr = document.cookie.split('; ');for ( var i = 0; i var arr2 = arr[i].split('='); //['abc','cba']if (arr2[0] == name) {return arr2[1];console.log原创 2016-09-29 09:41:20 · 1019 阅读 · 0 评论 -
js灵活性
var animal = function(){ // 属性}animal.prototype={ // name,value, start:startAnination,}// 对象声明使用var animal = new animal();animal.start();/*---------------------start--------------------原创 2017-05-18 17:47:43 · 272 阅读 · 0 评论 -
灵活的js-编程风格
// 编程风格function AmarInfo(options){ this.formatArr = []; this.oldData = {}; this.infotype = options.infotype; for(key in options){ // key,options[key] this[key] = options[key]; } this.init(原创 2017-05-18 17:45:36 · 237 阅读 · 0 评论 -
收口程序:ajax的收口
正常生活中有各种收口的行为,我们会发现,收口虽然会让效率变低,但却可以更好的管理比如高速公路收费口:可以进行流量统计,缴费,便于管理一般来说,对于前端,请求收口即是ajax的收口举例:var commonDataHandler = function (data) { //记录请求返回 var msg; if (!data) {//原创 2017-05-17 09:55:37 · 482 阅读 · 0 评论 -
在登录页面如何实现记住用户名和密码这个功能
在登录页面如何实现记住用户名和密码这个功能?思路:使用cookie的方法将用户名和密码保存到本地电脑上,再设置一个cookie的有效时间就行了安全性怎么破?加密数据?-------------------------------------什么是 Cookies?Cookies 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在原创 2016-08-15 11:30:30 · 32034 阅读 · 0 评论 -
js闭包
js闭包 首先,我们要了解的概念: 全局变量,局部变量 变量生命周期 假如你想统计一些数值,且该计数器在所有函数中都是可用的。 实际上,在 JavaScript 中,所有函数都能访问它们上一层的作用域,闭包可以创建额外的scope 还记得函数自我调用吗? 解决计数器困境:闭原创 2016-10-28 15:23:33 · 167 阅读 · 0 评论 -
JavaScript规范-条件判断,函数块,注释
条件表达式和等号(1)合理使用 === 和 !== 以及 == 和 !=.(2)合理使用表达式逻辑操作运算.(3)条件表达式的强制类型转换遵循以下规则:(4)对象 被计算为 true(5)Undefined 被计算为 false(6)Null 被计算为 false(7)布尔值 被计算为 布尔的值(8)数字 如果是 +0, -0, or NaN 被计算为 fa原创 2016-08-02 11:47:52 · 284 阅读 · 0 评论 -
JavaScript规范-变量
在使用变量的时候,这样做比较好总是使用 var 来声明变量,如果不这么做将导致产生全局变量,我们要避免污染全局命名空间。// badsuperPower = new SuperPower();// goodvar superPower = new SuperPower();使用一个 var 以及新行声明多个变量,缩进4个空格。// goodvar items原创 2016-08-02 11:36:20 · 251 阅读 · 0 评论 -
js String对象(字符串操作)常用方法小结
一、常用的12个方法:1、charCodeAt(index)方法返回一个整数,代表指定位置字符的 Unicode 编码。A的 Unicode 码是652、fromCharCode方法从一些Unicode字符串中返回一个字符串。3、charAt(index)方法返回指定索引位置处的字符。如果超出有效范围的索引值返回空字符串。4、slice(start[,end])方法返回字符串的原创 2016-07-27 17:02:28 · 456 阅读 · 0 评论 -
js字符串作为一个对象类型
1.字符串属性constructor 返回创建字符串属性的函数length 返回字符串的长度prototype 允许您向对象添加属性和方法2.字符串方法charAt() 返回指定索引位置的字符charCodeAt() 返回指定索引位置字符的 Unicode 值concat() 连接两个或多个字符串,返回连接后的字符串fromCharCode() 将 Unic原创 2016-07-26 17:52:06 · 561 阅读 · 0 评论 -
js运算符知识总结
1.运算符2.%(小数不能用,正数%负数=正数、负数%正数=负数)3.==(等于,判断值是否一样)4.===(判断值和数据类型是否一样)5.!(取反)6.!=(不等于)7."qa">"a"(字符串之间比较大小根据他们的ASCII码来比较大小)判断语句?表达式1:表达式2(判断语句为真时执行表达式1,为假时执行表达式2)||(或,2||1=2,从左往右,遇true则先原创 2016-07-26 16:41:31 · 383 阅读 · 0 评论 -
js运算符隐式类型转换
js运算符隐式类型转换总结:(1)x + "" //等价于 String(x)(2)+ x //等价于 Number(x),也可以写成x-0(3)!!x //等价于 Boolean(x),注意是双叹号!js代码var now = new Date(); //创建一个日期对象console.log(now);var a = typeof(now + 1)原创 2016-07-26 16:28:15 · 441 阅读 · 0 评论 -
js设计模式List
1.单例模式单例模式的定义是产生一个类的唯一实例但js本身是一种“无类”语言。js生成对象的方式有很多种,我们来看下另一种更有意义的单例。 1.只能用于创建遮罩层 2.能不能找到一个通用的singleton包装器. 3.遗憾的是js的函数式特性还不足以完全的消除声明和语句.2.桥接模式桥接模式的作用在于将实现部分和抽象部分分离开来, 以便两者可以独原创 2016-10-21 14:54:53 · 275 阅读 · 0 评论 -
javascript promise
promise代表一个异步操作的最终结果。主要通过promise的then方法订阅其最终结果的处理回调函数,和订阅因某原因无法成功获取最终结果的处理回调函数。Promise对象有三种状态:pending(初始状态)、fulfilled(成功执行)、rejected(执行出错)。pending状态的Promise对象可以转换到其它两种状态。function callback(err, v原创 2016-10-21 14:14:50 · 402 阅读 · 0 评论 -
js-DOM
1.DOM分为三部分:(1)核心DOM: 遍历DOM树 、添加新节点、删除节点、修改节点(2)HTML DOM:以一种简便的方法访问DOM树(3)XML DOM:准用于操作XML文档2.核心DOM :对象: Document,Node, ElementNode,TextNode,AttributeNode, CommentNode,NodeList核心D原创 2016-10-10 14:07:57 · 294 阅读 · 0 评论 -
Ajax学习
Ajax学习Ajax 是 Asynchronous JavaScript and XML(以及 DHTML 等)的缩写.下面是Ajax用到的技术(1)HTML 用于建立 Web 表单并确定应用程序其他部分使用的字段。 (2)JavaScript 代码是运行 Ajax 应用程序的核心代码,帮助改进与服务器应用程序的通信。 (3)DHTML 或 Dynamic HTML,用于动态更原创 2016-08-08 17:27:52 · 220 阅读 · 0 评论 -
javaScript Array数组
JavaScript Array(数组) 对象数组对象的作用是:使用单独的变量名来存储一系列的值。数组可以用一个变量名存储所有的值,并且可以用变量名访问任何一个值。数组中的每个元素都有自己的的ID,以便它可以很容易地被访问到。过指定数组名以及索引号码,你可以访问某个特定的元素。在一个数组中你可以有不同的对象,你可以在一个数组中包含对象元素、函数、数组。Array 对原创 2016-08-13 16:18:47 · 351 阅读 · 0 评论 -
javascript RegExp对象
在 JavaScript 中,RegExp 对象是一个预定义了属性和方法的正则表达式对象test() 方法是一个正则表达式方法exec() 方法是一个正则表达式方法test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 falsevar regex=new RegExp("e");document.write(r原创 2016-08-13 14:50:19 · 211 阅读 · 0 评论 -
怎样在js中控制一个HTML元素的可见与不可见
用js隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。style.display="block"或style.visibility="visible"时控件或见;style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用原创 2016-08-12 18:05:19 · 8402 阅读 · 0 评论