- 浏览: 599650 次
- 性别:
- 来自: 厦门
文章分类
- 全部博客 (669)
- oracle (36)
- java (98)
- spring (48)
- UML (2)
- hibernate (10)
- tomcat (7)
- 高性能 (11)
- mysql (25)
- sql (19)
- web (42)
- 数据库设计 (4)
- Nio (6)
- Netty (8)
- Excel (3)
- File (4)
- AOP (1)
- Jetty (1)
- Log4J (4)
- 链表 (1)
- Spring Junit4 (3)
- Autowired Resource (0)
- Jackson (1)
- Javascript (58)
- Spring Cache (2)
- Spring - CXF (2)
- Spring Inject (2)
- 汉字拼音 (3)
- 代理模式 (3)
- Spring事务 (4)
- ActiveMQ (6)
- XML (3)
- Cglib (2)
- Activiti (15)
- 附件问题 (1)
- javaMail (1)
- Thread (19)
- 算法 (6)
- 正则表达式 (3)
- 国际化 (2)
- Json (3)
- EJB (3)
- Struts2 (1)
- Maven (7)
- Mybatis (7)
- Redis (8)
- DWR (1)
- Lucene (2)
- Linux (73)
- 杂谈 (2)
- CSS (13)
- Linux服务篇 (3)
- Kettle (9)
- android (81)
- protocol (2)
- EasyUI (6)
- nginx (2)
- zookeeper (6)
- Hadoop (41)
- cache (7)
- shiro (3)
- HBase (12)
- Hive (8)
- Spark (15)
- Scala (16)
- YARN (3)
- Kafka (5)
- Sqoop (2)
- Pig (3)
- Vue (6)
- sprint boot (19)
- dubbo (2)
- mongodb (2)
最新评论
var timeoutid = window.setTimeout(function(){ alert(123); },1000); clearTimeout(timeoutid); window.setInterval(function,times); --JSON对象不可扩展但是可以删除 Object.preventExtensions(obj); --密封JSON对象 不可修改obj对象 Object.seal(obj); var obj = new Object(); var person = {} ; --定义属性是否可用修改 Object.defineProperty(person,"name",{ writable:false, --configurable:false value:"xwL" });
Object
Object.create({name:"xwL",age:26}); --JSON.stringify(obj) 把json对象转换成字符串格式 --JSON.parse(""); 把字符串格式转换成json对象 --这两个对象是相反作用的 function SuperClass(nameValue,ageValue){ var name ; var age ; name = nameValue; age = ageValue ; } --JSON对象转换成字符串格式 JSON.stringify(json); --字符串格式转换成JSON对象格式 JSON.parse(JSON.stringify(json));
js中方法分为 1.声明式方法 2.函数表达式方法
--闭包
function sub(){ var name ; // 必须加this否则访问不到该方法 this是公有 不加则私有 this.getName = function(){ return this.name ; } this.setName = function(_name){ this.name = _name ; } } var _sub = new sub(); _sub.setName("lanweixing"); alert(_sub.getName()); --匿名函数就是一个闭包 (function(){ //自己所在的私有作用域 })();
(function(){ --使用全局变量来当做静态变量使用 var name = ""; --构造函数 Person = function(_name){ name = _name ; } --多个原型链的写法 Person.prototype = { getName:function(){ return name; }, setName:function(_name1){ name = _name1 ; } } var per1 = new Person("xxxx1"); var per2 = new Person("xxxx2"); alert(per1.getName()); alert(per2.getName()); })(); --使用原型链来继承 function PersonSub(){} --这样既可实现继承 --JSON对象(冒号隔开)和类(等号隔开)是不一样的定义 var json = {name_:"xxxxx",age:25}; var person = function(){ };
PersonSub.prototype = new Person();
var arr = [1,3,4,5]; --xx是下标 for(var xx in arr){ alert(xx +" "+arr[xx]); } --遍历数组 var json = {name:"lwx",age:25}; --xx是json键值 for(var xx in json){ alert(xx +" "+json[xx]); } var arr = [3,4,5,6,7,8,9,1] ; arr.sort(); alert(arr.join("-")); --弹出 1-3-4-5-6-7-8-9 --js中对象的种类有 Object Array Date Math RegExp Fuction --typeof 返回的类型有 string number boolean undefined object --js中的构造函数 可以在构造函数中定义其他的函数和属性 function Person(name,age){ this.name = name ; this.age = age ; this.getName=function(){ return this.name; } this.setName=function(name1){ this.name = name1; } } var xx = new Person('xxx',90); function Person(name){ this.name = name ; this.sayName = function(){ alert("你好:"+name); } } Person("AllenLan");//属性和方法都添加到window中 //window.sayName(); var obj = new Object(); --call也可以不需要参数 Person.call(obj,"Lanwx");// 在obj作用域中调用Person()构造函数 使得属性和方法都添加到obj对象中 obj.sayName(); --我们创建的所有函数都有一个prototype(原型)属性,这个属性是一个指针,指向一个对象。 function Person(){} Person.prototype.name = "Lanwx"; Person.prototype.sayName = function(){ return this.name ; } Person.prototype.setName = function(name){ this.name = name ; } var person = new Person(); alert(person.sayName()); person.setName("Nic") alert(person.sayName()); delete person.name; alert(person.sayName()); alert(person.hasOwnProperty("name"));
使用extend来进行赋值操作
var obj = {}; $.extend(obj,{name:"AllenLan"},{age:28}); $.extend(obj,{name:201},{name:209}); -- 返回的是 209 后面的同名属性'209'会覆盖前面的同名属性'201' alert(JSON.stringify(obj)); --插件的开发分为类级别和对象级别 $.method = function(){};--不用命名空间写法 $.method(); $.pluginName = {method:function(){}};--使用pluginName命名空间写法 $.pluginName.method(); 只有在类级别上才能定义新的命名空间 $.fn.method = function(){}; --接受options参数以控制插件的行为让我们为我们的插件添加功能指定前景色和背景色的功能。 <div class="hilight">Have a nice day!</div> // 插件的定义 $.fn.hilight = function(options) { --注意这种写法 var opts = $.extend({}, $.fn.hilight.defaults, options); --获得当前节点对象 $this = $(this); var o = $.extend({}, opts, $this.data()); // 设置样式 $this.css({ backgroundColor : o.background, color : o.foreground }); var markup = $this.html(); markup = $.fn.hilight.format(markup); $this.html(markup); }; $.fn.hilight.format = function(txt) { return '<strong>' + txt + '</strong>'; }; $.fn.hilight.defaults = { foreground : 'red', background : 'yellow' }; select * from test for update; SELECT T.NAME, SUM(DECODE(T.SUBJECT, '语文', T.SCORE, 0)) 语文, SUM(DECODE(T.SUBJECT, '数学', T.SCORE, 0)) 数学, SUM(DECODE(T.SUBJECT, '英语', T.SCORE, 0)) 英语 FROM TEST T GROUP BY T.NAME select * from test1 for update ; create table target_customer( id int , firstname varchar2(20), lastname varchar2(20), age int,updatedate date ) --调用插件 $('.hilight').hilight({background:"green"}); --document.cookie是一个字符串类型 使用document.cookie="name=lllwwwxxx;age=90" 每次只能添加一条cookie 即只能添加name 忽略age --写cookies函数 function setCookie(name,value)//两个参数,一个是cookie的名字,一个是值 { var Days = 30; var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*1000); //此 cookie 将被保存 30 天 document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString(); } setCookie("name","lanweixing"); --读取cookies函数 function getCookie(name) { var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)")); if(arr != null) return unescape(arr[2]); return null; } alert(getCookie("name")); alert(escape(" xxxx ") + "xxxx"); --escape函数把一些特殊字符也转换成字符 比如空格转换成 %20 alert(escape({name:23}) + {name:23}); -- 按键触发事件 function look() { alert(event.keyCode); if (event.keyCode == 13) { alert("enter"); } } if (document.onkeydown == null) { document.onkeydown = look ; } --document表示HtmlDocument对象 通过这个文档对象可以获得与页面有关的信息 而且还能操作页面的外观和底层结构 var div = document.getElementById("div"); div.getAttribute("id"); div.removeAttribute("id"); div.setAttribute("id","div"); document.documentElement --表示<html> 对象 document.body --表示<body> 对象 document.cookie --表示cookie值 name=lan;age=23;xx=xx --同步,异步请求 $.ajax({ url : 'your url', data:{name:value}, cache : false, async : true, --async进行设置同步异步 true异步 false同步 type : "POST", dataType : 'json/xml/html', success : function (result){ } });
发表评论
文章已被作者锁定,不允许评论。
-
Vue 组件相关知识学习
2018-04-13 15:27 391Vue.js 组件 // 组件(Component)是 ... -
Vue 实例属性($option $el等)
2018-04-12 09:14 3243属性: vm.$el:获取Vue实例关联的DOM元素 vm ... -
Vue methods中方法之间的调用
2018-04-12 09:04 1737delAllOrderList:function(good ... -
Vue 计算属性(computed)学习
2018-04-11 15:55 9641.基础例子: <div id = "exam ... -
Vue 过滤器(|)学习
2018-04-11 14:30 740一、Vue提供的过滤器 vue本身提供了很多便利的过滤器,这里 ... -
Vue 所有指令(v-on:click = @click v-blind:class = :class)的学习
2018-04-11 09:38 1402先说一下指令里面的值都是表达式 new Vue({ ... -
js 动态Post请求防止在输入栏中显示参数
2018-01-08 10:21 633动态进行Post请求 var f=document.cre ... -
js autocomplete实现下拉模糊查询
2018-01-04 10:48 11121.js编写 // 获得焦点是重新进行查询 $(&quo ... -
js 遍历并且赋值
2017-12-19 13:46 642$("#productInfo").f ... -
js 鼠标移过去渐变的效果(页面固定 定位栏)
2017-10-31 11:29 6291.html代码 <div id="loc ... -
js 判断图片是否存在
2017-10-27 08:56 877当图片不存在时,将触发onerror,onerror 中img ... -
js 在页面中跳转到指定位置
2017-10-24 15:29 13441.页面中代码 <div style="lef ... -
js easyui tree判断是否父节点
2016-09-08 10:17 813function isIncludeParentNode( ... -
CSS 点击div的同时显示或隐藏的div
2016-08-16 17:18 622<div id="up"> ... -
js 通过调用方法终止js代码继续执行的问题(采用throw解决)
2016-07-12 14:15 491一个方法如何终止另一个方法执行的问题 function ... -
js lightbox展示图片的案例
2016-06-13 09:35 688如何使用 1、Lightbox v2.0 使用 Protot ... -
js 静态方法与实例方法
2016-05-31 14:26 1549静态方法是指不需要声明类的实例就可以使用的方法 实例方法是 ... -
js 动态显示时间(setTimeout)
2016-05-23 15:20 667// 全局变量 var timeoutId ; //开 ... -
jQuery toggle trigger方法使用
2016-05-17 14:44 1104toggle 定义 toggle() 方法用于绑定两个或多个 ... -
js 全局函数一览
2016-05-17 09:46 3901、decodeURI() 参数:string 功能描述: ...
相关推荐
这篇文档汇总了多种JavaScript效果和常用功能,旨在为开发者提供便利,帮助他们在实际项目中快速找到和应用所需的效果。 1. **返回上一页**: 在不知道用户是从哪个页面跳转而来时,可以使用`history.back()`函数...
### JavaScript事件汇总与触发时机详解 #### 一、概述 JavaScript事件是Web开发中的核心概念之一,它们使得网页能够响应用户的交互行为以及其他类型的活动。本文档详细总结了各种JavaScript事件及其触发时机,帮助...
### JavaScript鼠标事件汇总详解 #### 一、基本概念与作用 在前端开发中,JavaScript(简称JS)作为主要的脚本语言,对于处理用户交互至关重要。鼠标事件是JS中最常见的一种事件类型,它能帮助开发者捕捉用户的...
在深入探讨《javascript表单事件汇总》这一主题之前,我们首先需要理解JavaScript作为一种广泛应用于网页开发的脚本语言,如何通过处理各种事件来增强用户体验、实现动态交互效果。本文将详细解析一系列重要的...
从给定的文件信息中,我们可以总结出一系列与JavaScript相关的知识点,这些知识点涵盖了从基本的日期时间操作、浏览器属性获取到网页导航控制、窗口管理和事件处理等多个方面。下面将对这些知识点进行详细的阐述: ...
根据给定的信息,我们可以归纳总结出一系列与JavaScript相关的知识点,主要围绕HTML元素事件处理、页面样式动态更改等方面展开。下面将详细阐述各个知识点。 ### 1. HTML元素事件处理 在网页开发中,事件处理是...
### JavaScript面试题知识点详解 #### 一、单选题知识点 **1. 语句运行错误** - **选项解析:** - A. `var obj = ( );`:这是一个空的函数调用,但在没有定义具体函数的情况下直接使用括号会引发语法错误。 - B...
### JavaScript所能实现屏蔽功能总汇 #### 一、概述 JavaScript是一种广泛应用于网页开发中的脚本语言,它能够实现丰富的动态效果与交互性。在实际应用中,除了增强用户体验外,JavaScript还可以用来实现某些屏蔽...
### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...
根据提供的文件内容,我们可以总结出JavaScript能够实现的多种屏蔽功能,包括但不限于禁用键盘快捷键、禁用右键菜单、阻止用户访问特定功能等。接下来将详细解释这些功能及其应用场景。 ### 一、禁用右键菜单 在...
"JavaScript常用工具函数库汇总" 从给定的文件中,我们可以总结出以下几个重要的知识点: 1. 深拷贝(Deep Clone) 在 JavaScript 中,深拷贝是将一个对象或数组完全复制到另一个对象或数组中,而不仅仅是复制...
- `reduce()` 和 `reduceRight()`:对数组中的每个元素执行一个由您提供的reducer函数(升序或降序),将其结果汇总为单个返回值。 3. 高级技巧与算法 - `find()` 和 `findIndex()`:找到满足条件的第一个元素及其...
超详细JavaScript知识点梳理总结树,大纲清晰明确,涵盖所有JS基础知识点,范围广且详细,超适合前端小白基础入门,你值得拥有!
1. **JavaScript语言参考**:汇总常用内置对象、API接口、错误类型等信息,方便快速查找。 2. **资源推荐**:列出官方文档链接、社区论坛地址、在线课程网址等学习资源供读者进一步深造。 通过以上内容的学习,...
JavaScript 弹出窗口方法汇总 JavaScript 弹出窗口方法是 Web 开发中常用的技术,用于实现弹出窗口、刷新网页、模式窗口等功能。本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些...
web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题面试题汇总+前端优化总结 web前端笔试题...
在《网页弹出窗口代码总汇(javascript)》这一主题中,我们将深入探讨如何利用JavaScript语言来实现网页中的弹出窗口功能,包括基本的弹出窗口代码、自定义窗口属性以及如何在不同场景下应用这些代码。 ### 基本的...
本文将深入探讨脚本的使用,并结合"日常使用脚本总结汇总"这个主题,分享一些常见的脚本知识和应用实例。 首先,我们要理解什么是脚本。脚本是一种非编译型的编程语言,如Bash、Python、JavaScript等,它们通常用于...