【JavaScript 系列博客(七)】教程文章相关的互联网学习教程文章

JavaScript辅助方法系列:(1)用正则表达式判断手机号和邮箱【代码】

判断是否为邮箱//jquery验证邮箱 function checkSubmitEmail() {if ($("#email").val() == "") {// $("#confirmMsg").html("<font color=‘red‘>邮箱地址不能为空!</font>");alert("邮箱不能为空!")$("#email").focus();return false;}if (!$("#email").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)) {alert("邮箱格式不正确");// $("#confirmMsg").html("<font color=‘red‘>邮箱...

深入理解javascript作用域系列第二篇——词法作用域和动态作用域【代码】【图】

×目录[1]词法[2]动态前面的话  大多数时候,我们对作用域产生混乱的主要原因是分不清楚应该按照函数位置的嵌套顺序,还是按照函数的调用顺序进行变量查找。再加上this机制的干扰,使得变量查找极易出错。这实际上是由两种作用域工作模型导致的,作用域分为词法作用域和动态作用域,分清这两种作用域模型就能够对变量查找过程有清晰的认识。本文是深入理解javascript作用域系列第二篇——词法作用域和动态作用域 词法作用域第一篇...

[JavaScript忍者系列] — CSS选择符引擎入门【代码】【图】

本文的目标读者是入门级Web前端开发人员。 本文介绍了CSS选择符表达式引擎的基本原理。CSS选择符引擎几乎是前端开发人员每天在使用的工具。本文将逐一介绍实现该引擎的各种策略。首先,我们介绍基于W3C标准API的方法。 W3C标准的Slectors API能够支持的平台: Safari 3+, Firefox 3.1+, Internet Explorer 8+, Chrome and Opera 10+两个最常用的方法:querySelector,该函数接受一个CSS选择符字符串,返回找到的第一个元素,如果没...

【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures)【代码】【图】

公众号:SAP Technical本文作者:matinal原文出处:http://www.cnblogs.com/SAPmatinal/ 原文链接:【HANA系列】【第六篇】SAP HANA XS使用JavaScript(JS)调用存储过程(Procedures) 前言部分大家可以关注我的公众号,公众号里的排版更好,阅读更舒适。正文部分前面几篇讲了SAP HANA XS JavaScript(JS)的基础内容和相应API,这篇讲一下JavaScript如何与后台交互,此篇讲存储过程(Procedures)。从SAP HANA XS服务器端JavaScript...

JavaScript系列---【创建对象的三种方式】【代码】

创建对象的三种方式第一种:字面量创建对象代码:var obj={ name:‘张三‘, age:18, sex:‘男‘ } console.log(obj.name);//张三 第二种:利用构造函数创建对象//构造函数 function Hero(name, type, blood) {this.name = name;this.type = type;this.blood = blood;this.attack = function (way) {console.log(way);}}//创建对象var lp = new Hero(‘廉颇‘, ‘力量型‘, ‘500血型‘);lp.attack(‘近战‘);console.log(lp); 第三...

深入理解JavaScript系列(28):设计模式之工厂模式【代码】

介绍 与创建型模式类似,工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。 工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。 这个模式十分有用,尤其是创建对象的流程赋值的时候,比如依赖于很多设置文件等。并且,你会经常在程序里看到工厂方法,用于让子类类定义需要创建的对象类型。 ...

javascript 高级编程系列 - 基本数据类型

javascript中的基本数据类型包括:Undefined, Null, Boolean, Number, String 5种数据类型1. Undefined 类型 (只有一个值 undefined, 常被用来表示未初始化的变量)如果一个变量未进行初始化则它的初始值为undefined, 数据类型为Undefined var myVar; myVar === undefined // return true typeof myVar === ‘undefined‘ // return true函数的参数列表中,未传入的实参的形参其值为undf...

JavaScript算法 ,Python算法,Go算法,java算法,系列之【归并排序】篇【代码】【图】

常见的内部排序算法有:插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。用一张图概括: 650) this.width=650;" src="/upload/getfiles/default/2022/11/8/20221108060054389.jpg" title="1513609480-59142359dda6f_articlex.png" />归并排序(英语:Merge sort,或mergesort),是创建在归并操作上的一种有效的排序算法,效率为O(n log n)。1945年由约翰·冯·诺伊曼首次提出。该算法是采用分治法...

深入理解JavaScript系列(11):执行上下文(Execution Contexts)【代码】

简介从本章开始,我将陆续(翻译、转载、整理)http://dmitrysoshnikov.com/网站关于ECMAScript标标准理解的好文。 本章我们要讲解的是ECMAScript标准里的执行上下文和相关可执行代码的各种类型。原始作者:Dmitry A. Soshnikov 原始发布: 2009-06-26 俄文原文:http://dmitrysoshnikov.com/ecmascript/ru-chapter-1-execution-contexts/ 英文翻译:Dmitry A. Soshnikov. 发布时间:2010-03-11 英文翻译:http://dmitrysoshnikov.c...

JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)【代码】【图】

原文:JS组件系列——表格组件神器:bootstrap table(三:终结篇,最后的干货福利)前言:前面介绍了两篇关于bootstrap table的基础用法,这章我们继续来看看它比较常用的一些功能,来个终结篇吧,毛爷爷告诉我们做事要有始有终~~bootstrap table这东西要想所有功能覆盖似乎不太现实,博主挑选了一些自认为比较常用的功能在此分享给各位园友。源码也在这篇统一给出。好了,不多说废话,开始我们的干货之旅吧。bootstrap table系列:...

走进javascript系列(十二)-DOM事件类型【代码】

细数那些事件类型UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件HTML5事件设备事件触摸和手势事件UI事件常见的有 load unload abort error select resize scroll 焦点事件blur 不会冒泡 focus 不会冒泡 focusin 冒泡 focusout 鼠标与滚轮事件click : 点击 dblclick: 双击 mousedown: 鼠标按下 mouseenter: 鼠标光标进入元素区域 mouseleave: 鼠标光标移出元素区域, 当前元素触发 mousemove: 鼠标在元素内部移动 m...

CeF3开发者系列之JS与C++交互之一【图】

JS与Native交互是一个比较大的技术,在学习这门技术之前,我们先来热身下。我们先了解下浏览器内核中的JS引擎与chromium内核的V8引擎相关知识。在浏览器应用中,JS与本地代码互相调用,得益于浏览器内核对JS的支持。每一个浏览器内核都有JS引擎,当我们在浏览器上操作时,浏览器把侦听到的事件进行分发,如果与JS相关,浏览器事件触发线程会为我们把指定的事件处理程序添加到js引擎当中。各大浏览器的JS引擎如下:主要的网页浏览器...

深入理解javascript作用域系列第五篇——一张图理解执行环境和作用域【代码】【图】

×目录[1]图示[2]概念[3]说明[4]总结前面的话  对于执行环境(execution context)和作用域(scope)并不容易区分,甚至很多人认为它们就是一回事,只是高程和犀牛书关于作用域的两种不同翻译而已。但实际上,它们并不相同,却相互纠缠在一起。本文先用一张图开宗明义,然后进行术语的简单解释,最后根据图示内容进行详细说明 图示查看大图 概念【作用域】  作用域是一套规则,用于确定在何处以及如何查找标识符。关于LHS查询和RHS查...

javascript 高级编程系列 - 函数【代码】

一、函数创建 1. 函数声明 (出现在全局作用域,或局部作用域)function add (a, b) {return a + b; }function add(a, b) {return add1(a,b);function add1(m, n){return m + n;} } 2. 函数表达式 作为普通变量var add = function (a, b){return a + b; };作为对象方法var obj = { value: 0,add: function(a, b){return a + b;} }; 作为函数返回值function add(a) {var m = a;returnfunction(n){return m+n;}; }作为函数...

走进javascript系列(十)-DOM位置大小【代码】

DOM1 DOM2 DOM3DOM1 定义了HTML 和 XML的底层结构 DOM2,DOM3 在此基础上引入了更多的交互能力, 也支持更高级的xml特性 主要包括 核心基础扩展、视图扩展、事件扩展、样式扩展、遍历和范围 、 更多HTML属性和方法contentDocument || contentWindow.document可以如下方式获取iframe的document对象var iframe = document.getElementById(‘iframeid‘); var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;元素...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部