#J

JS中的reduce函数

海纳百川,有容乃大定义:reduce()方法接受一个函数作为累加器,数组中的每个值(从左向右)开始缩减,最终计算为一个值。对空数组是不会执行回调函数的。案例:计算数组总和:varnum=[1,2,3,4,5];varres=num.reduce(function(total,num){returntotal+num;/...
代码星球 代码星球·2020-03-29

Javascript中中括号的几种形式

有以下几种形式vararr=[];varb=[1,1,1];varc=b[0];varobj={'name':'tom','age':23};vard=obj['name'];arr和b表示定义的数组c中表示数组的某下标的值d中表示对象的某个属性原文链接:https://blog.csdn.net/weixin_436...

JavaScript设计模式-组合模式(表单应用实现)

书读百遍其义自见《JavaScript设计模式》一书组合模式在表单中应用,我问你答答案。注:小编自己根据书中的栗子码的答案,如有错误,请留言斧正。另:如有转载请注明出处,谢谢啦<!DOCTYPEhtml><html><head><title>组合模式-表单实现</t...

JS中的匿名函数、回调函数、匿名回调函数

工欲善其事必先利其器在学习JavaScript设计模式一书时,遇到了“匿名回调函数”这个概念,有点疑惑,查找了些资料重新看了下函数的相关知识点之后,对这个概念有了认识。九层之台,起于垒土。在熟悉这一系列的概念之前,我们先来认识下JavaScript中函数吧。一、定义函数的方式有两种:函数声明函数...

Javascript设计模式实践之代理模式--图片预加载

图片的预加载就是在加载大图片前,先显示一个loading.gif,就算在网络比较慢的时候也能让人知道正在加载,总比啥反应都没有强。下面这段代码就是预加载的一个简单的实现,假设先不处理加载图片时的onError,onAbort,超时的问题。只关注代码的结构。<!DOCTYPEhtml><html>...

JS变量连续赋值

下面就是这个经典案例:vara={n:1};varb=a;a.x=a={n:2};console.log(a);console.log(b);console.log(a.x);console.log(b.x);   我们先来看一下普通连续赋值,即:变量赋值的类型是数据类型值vara=3;varb=a=5;co...
代码星球 代码星球·2020-03-29

js操作对象属性用点和用中括号有什么不同

书读百遍其义自见学习《JavaScript设计模式》一书时,学习工厂模式这一章节,发现了对象后使用中括号的情况,如下:varFactory=function(type,content){if(thisinstanceofFactory){//对于一下this后使用中括号不是很明白vars=newthis[type](c...

JavaScript中的方法和属性

书读百遍其义自见学习《JavaScript设计模式》一书时,前两个章节中的讲解的JavaScript基础知识,让我对属性和方法有了清晰的认识。如下是我的心得体会以及部分摘录的代码。不同于大多数面向对象语言一样,JavaScript作为一种解释性的弱类型语言,通过自身的一些特性实现类的封装,从而实现面向对象的。面向对象编...

JS事件循环(Event Loop)机制

众所周知,为了与浏览器进行交互,Javascript是一门非阻塞单线程脚本语言。为何单线程?因为如果在DOM操作中,有两个线程一个添加节点,一个删除节点,浏览器并不知道以哪个为准,所以只能选择一个主线程来执行代码,以防止冲突。虽然如今添加了webworker等新技术,但其依然只是主线程的子线程,并不能执行诸如I/O类的...

jQuery中outerWidth()方法

  截图自:菜鸟教程https://www.runoob.com/jquery/html-outerwidth.html...
代码星球 代码星球·2020-03-29

jQuery中$()可以有两个参数

概述这个函数接收一个包含CSS选择器的字符串,然后用这个字符串去匹配一组元素。jQuery的核心功能都是通过这个函数实现的。jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由CSS选择器组成),然后根据这个表达式来查找所有匹配的元素。默认情况下,如...
代码星球 代码星球·2020-03-29

jQuery——复选框操作

学习jQuer对表单、表格操作的过程中,按照书上的例子发现一个问题:1<!DOCTYPEhtml>2<html>3<head>4<title>复选框应用</title>5<styletype="text/css">6form{7border:1px...
代码星球 代码星球·2020-03-29

jQuery——超链接提示

在熟悉jQuery过程中,练习超链接提示显示,发现书本上有个问题,经过查询资料,修改如下:1<!DOCTYPEhtml>2<html>3<head>4<title>超连接提示</title>5<metacharset="utf-8">6<sc...
代码星球 代码星球·2020-03-29

JS继承——原型链

许多OO语言支持两种继承:接口继承和实现继承。ECMAScript只支持实现继承,且继承实现主要依赖原型链实现。原型链基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法。构造函数、原型和实例的关系:每个构造函数均有一个原型对象,原型对象均包含一个指向构造函数的指针,实例均包含一个指向原型对象的内部指针。若让...
代码星球 代码星球·2020-03-29

JS面向对象——动态原型模型、寄生构造模型

动态原型模型组合使用构造函数模型和原型模型,使得OO语言程序员在看到独立的构造函数和原型时很困惑。动态原型模型致力于解决该问题,它把所有的信息封装在构造函数中,通过在构造函数中初始化原型(仅在必要情况下),同时又使用构造函数和原型的优点。实例代码如下:<!DOCTYPEhtml><html>&l...
首页上一页...14351436143714381439...下一页尾页