分类：JavaScript

2020
09-29

JavaScript 接口原理与用法实例详解

本文实例讲述了JavaScript接口原理与用法。分享给大家供大家参考，具体如下：js接口意义：提供一种以说明一个对象应该有哪些方法的手段。接口是面向对象javascript程序员的工具箱中最有用的工具之一接口的利弊：对于一些中小型程序来说使用接口很显然是不明智的，对项目来说接口的好处也不明显，只是徒增其复杂度而已。对于接口的好处，那么显而易见首先促进代码的重用，对于开发来讲，还可以告诉程序员那些类都使用... 继续阅读 >
2020
09-29

JavaScript内置对象之Array的使用小结

数组的创建方式：1.字面量：放置一个数值时，就是一个数据。vararr=[6];2.构造函数：放置一个数据时，表示长度或数据的个数，空表示undefined。vararr=newArray(6);建议：Array作为构造函数，行为很不一致。因此，不建议使用它生成新数组，直接使用数组字面量是更好的做法。数组的操作：1.push();用于在数组的末端添加一个或多个元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组vararr=[1,2,3];console... 继续阅读 >
2020
09-29

JavaScript或jQuery 获取option value值方法解析

JavaScript或jQuery 获取option value值方法解析 1.html<divclass="form-group"><label>保险公司</label><selectclass="form-control"id="testSelect"><optionvalue="平安">平安保险</option><optionvalue="太平洋">太平洋保险</option><optionvalue="平安">平安保险</option></select></div>2.用JavaScript获取option的值以及文本内容/*JavaScript实现*/vartestSelect=document.getElementById("test... 继续阅读 >
2020
09-29

只有 20 行的 JavaScript 模板引擎实例详解

本文实例讲述了JavaScript模板引擎。分享给大家供大家参考，具体如下：原文链接：JavaScripttemplateengineinjust20lines（译者吐槽：只收藏不点赞都是耍流氓）前言我仍旧在为我的JS预处理器AbsurdJS进行开发工作。它原本是一个CSS预处理器，但之后它扩展成为了CSS/HTML预处理器，很快它将支持JS到CSS/HTML的转换。它就像一个模板引擎一样能够生成HTML代码，也就是说它能够用数据填充模板当中的标识片段。因此，我希望去写... 继续阅读 >
2020
09-28

JavaScript异步操作的几种常见处理方法实例总结

本文实例讲述了JavaScript异步操作的几种常见处理方法。分享给大家供大家参考，具体如下：引言js的异步操作，已经是一个老生常谈的话题，关于这个话题的文章随便google一下都可以看到一大堆。那么为什么我还要写这篇东西呢？在最近的工作中，为了编写一套相对比较复杂的插件，需要处理各种各样的异步操作。但是为了体积和兼容性，不打算引入任何的pollyfill，甚至连babel也不允许使用，这也意味着只能以es5的方式去处理。使用回调... 继续阅读 >
2020
09-28

javascript单张多张图无缝滚动实例代码

javascript单张多张图无缝滚动实例代码 我们会看到很多的网站上会使用多张图片无缝滚动的效果。下面我就介绍几种纯JS实现多张图片的无缝滚动，并实现鼠标移到图片上运动停止的效果，可以控制图片左右滚动。1.效果展示：<!DOCTYPEhtml><html><head><title>无缝滚动</title></head><styletype="text/css">*{margin:0;padding:0;}#div1{position:relative;border:1pxsolid#0ff;width:1100px;height:180px;margin:50pxauto0;overflow:hidden;}#div1ul{positi... 继续阅读 >
2020
09-28

JavaScript 装逼指南(js另类写法)

JavaScript 装逼指南(js另类写法) 下面就是具体的写法，建议大家逐个测试一下，加深印象转Boolean类型这个较为常用。!!'a'//true通过两个取反，可以强制转换为Boolean类型。!!是将表达式强制转化为bool值的运算，运算结果为true或false，表达式是什么值，结果就是对应的bool值，不再取非。不是取非再取非的意思！！！!!false=false;  要注意false和“false”的区别！！！！！!!"false"=true;!!true=true;!!(NaN||undefined||null||0||'')=fal... 继续阅读 >
2020
09-28

JavaScript中的this妙用实例分析

本文实例讲述了JavaScript中的this妙用。分享给大家供大家参考，具体如下：JavaScript关键字this始JS脚本能够根据使用这个关键字的上下文将值传递给函数。我们先来看如下一个网页，在用户单击链接之后，弹出一个alert框，然后再转到href属性所指的网页HTML：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>JavaScript中的this妙用</title><scripttype="text/javascript"src="js/script.js"></script... 继续阅读 >
2020
09-28

JavaScript中继承原理与用法实例入门

本文实例讲述了JavaScript中继承原理与用法。分享给大家供大家参考，具体如下：正统的面相对象的语言都会提供extend之类的方法用于出来类的继承，但Javascript并不提供extend方法，在Javascript中使用继承需要用点技巧。Javascript中的实例的属性和行为是由构造函数和原型两部分组成的，我们定义两个类：Person和zhangsan，它们在内存中的表现如下图1：如果想让Zhangsan继承Person，那么我们需要把Person构造函数和原型中的属性和... 继续阅读 >
2020
09-28

JavaScript进阶（四）原型与原型链用法实例分析

本文实例讲述了JavaScript原型与原型链用法。分享给大家供大家参考，具体如下：一句话说明什么是原型：原型就是一个JavaScript对象，原型能存储我们的方法，构造函数创建出来的实例对象能够引用原型中的方法。一、传统构造函数的问题有如下代码functionFoo(){this.sayHello=function(){}}由于对象是调用newFoo()所创建出来的，因此每一个对象在创建的时候，函数sayHello都会呗创建一次那么有没一个对象都含有一个独立的，... 继续阅读 >
2020
09-28

JavaScript进阶（三）闭包原理与用法详解

本文实例讲述了JavaScript闭包原理与用法。分享给大家供大家参考，具体如下：为了更好的理解，在阅读此文之前建议先阅读上一篇《JavaScript词法作用域与作用域链》1.什么是闭包闭包的含义就是闭合，包起来，简单的来说，就是一个具有封闭功能与包裹功能的结构。所谓的闭包就是一个具有封闭的对外不公开的，包裹结构，或空间。在JS中函数构成闭包。一般函数是一个代码结构的封闭结构，即包裹的特性，同时根据作用域规则只允许函数... 继续阅读 >
2020
09-28

JavaScript进阶（二）词法作用域与作用域链实例分析

本文实例讲述了JavaScript词法作用域与作用域链。分享给大家供大家参考，具体如下：一、作用域域表示的就是范围，即作用域，就是一个名字在什么地方可以使用，什么时候不能使用。想了解更多关于作用域的问题推荐阅读《你不知道的JavaScript上卷》第一章（或第一部分），从编译原理的角度说明什么是作用域。概括的说作用域就是一套设计良好的规则来存储变量，并且之后可以方便地找到这些变量。1.1块级作用域在C、Java、C#等编程语... 继续阅读 >
2020
09-28

JavaScript进阶（一）变量声明提升实例分析

本文实例讲述了JavaScript变量声明提升。分享给大家供大家参考，具体如下：如下代码输出的结果是？varnum=123;functionfoo1(){console.log(num);//undefinedvarnum=456;console.log(num);//456}foo1();Javascript代码执行分为两个大步：预解析的过程代码的执行过程1.预解析与变量声明提升程序在执行过程中，会先将代码读取到内存中检查，会将所有的声明在此进行标记，所谓的标记就是让JS解析器知道有这个名字，后... 继续阅读 >
2020
09-28

JavaScript面向对象核心知识与概念归纳整理

本文实例讲述了JavaScript面向对象核心知识与概念。分享给大家供大家参考，具体如下：一、面向对象1.1概念面向对象就是使用对象。面向对象开发就是使用对象开发。面向过程就是用过程的方式进行开发。面向对象是对面向过程的封装。1.2三大特性抽象性所谓的抽象性就是：如果需要一个对象描述数据，需要抽取这个对象的核心数据提出需要的核心属性和方法不在特定的环境下无法明确对象的具体意义封装性对象是将数据与功能组合... 继续阅读 >
2020
09-28

基于JavaScript实现表格隔行换色

表格隔行换色需求分析我们商品分类的信息太多，如果每一行都显示同一个颜色的话会让人看的眼花，为了提高用户体验，减少用户看错的情况，需要对表格进行隔行换色技术分析table对象集合cells[]：返回包含表格中所有单元格的一个数组。rows[]：返回包含表格中所有行的一个数组。tBodies[]：返回包含表格中所有tbody的一个数组。步骤分析确定事件:文档加载完成onload2.事件要触发函数:init()3.函数:操作页面的元素要操作... 继续阅读 >
2020
09-28

基于JavaScript实现控制下拉列表

需求分析在我们的分类管理中,我们要能够去修改我们的分类信息,当我们一点修改的时候,跳转到一个可以编辑的页面,这里面能够修改分类的名称,分类的描述,以及分类的商品技术分析ondblclick="selectOne()"：双击事件select标签的属性multiple="multiple"：代码实现<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title></title><!--步骤分析1.确定事件:点击事件:onclick事件2.事件要触发函数selectOne... 继续阅读 >