JavaScript要点 (二) 使用误区

赋值运算符应用错误注:赋值语句返回变量的值. 在 JavaScript 程序中如果你在 if 条件语句中使用赋值运算符的等号 (=) 将会产生一个错误结果, 正确的方法是使用比较运算符的两个等号 (==). if 条件语句返回 false (是我们预期的)因为 x 不等于 10: <body> <p id="demo"></p> <script> var x = 0; document.getElementById("demo…

学习javascript数据结构(二)——链表

前言人生总是直向前行走,从不留下什么. 原文地址:学习javascript数据结构(二)--链表博主博客地址:Damonare的个人博客正文链表简介上一篇博客-学习javascript数据结构(一)--栈和队列说了栈和队列在javascript中的实现,我们运用javascript提供的API很容易的实现了栈和队列,但这种数据结构有一个很明显的缺点,因为数组大小是固定的所以我们在移除或是添加一项数据的时候成本很高,基本都需要吧数据重排一次.(javascript的Array类方法虽然很…

javascript 要点

javascript 要点 1 JavaScript:写入 HTML 输出 document.write("<h1>This is a heading</h1>"); 2 JavaScript:对事件作出反应 <button type="button" onclick="alert('Welcome!')">点击这里 3 JavaScript:改变 HTML 内容, x=document.getElementB…

初探JavaScript（二）——JS如何动态操控HTML

除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次接触JS,没有必要花费过多时间去钻死胡同,先混个脸熟,以后再来拜访也未尝不可嘛.就这样,踉踉跄跄.囫囵吞枣似的已经过五关斩六将,到达第十一章. 书中有几个章节并没有从语法.技术等层面介绍JavaScript,而是站在一个全局的角度,立足编程原则和习惯道破了我们该如何看待和使用这门语言,主要有以下几点: Jav…

从头开始学JavaScript (十二)——Array类型

原文:从头开始学JavaScript (十二)--Array类型一.数组的创建注:ECMAscript数组的每一项都可以保存任何类型的数据 1.1Array构造函数 var colors = new Array(); 如果预先知道数组要保存的项目数量,也可以给构造函数传递该数量: var colors = new Array(20); 也可以向构造函数传递数组中应该包含的项: var colors = new Array("red", "blue", "…

使用JavaScript生成二维码教程-附qrcodejs中文文档

使用javascript生成二维码依赖jquery 需要使用到的库 https://github.com/davidshimjs/qrcodejs DIV <div id="qrcode"></div> javascript var qrcode = new QRCode("qrcode"); qrcode.makeCode("http://www.fengkaichang.com"); 至此一个简单的二维码就生成了接…

同事问如何判断同花顺，我用javascript的二维数组写了个简易demo

有个前同事在群里问如何判断是否为同花顺我用javascript的二维数组写了个简易demo. <!DOCTYPE html> <html> <body> <script> /* 判断是否为顺子 */ function isStraight(arrs) { arrs.sort();//排序 var first = arrs[0][0]; //取出第一个最小的数 var index = 1;//从第二个开始索引 while(arrs.length > in…

2、JavaScript 基础二（从零学习JavaScript）

11.强制转换强制转换主要指使用Number.String和Boolean三个构造函数,手动将各种类型的值,转换成数字.字符串或者布尔值. 1>Number强制转换参数为原始类型值的转换规则: 原始类型的值主要是字符串.布尔值.undefined和null,它们都能被Number转成数值或NaN. NaN:not a number,当数学计算得不到数字结果时,该值就是NaN(Number类型). isNaN:判断变量是否为NaN. Number(324) 值:324 字符串如果可以被解析为…

Javascript面向对象二

Javascript面向对象二可以通过指定原型属性来对所有的对象指定属性, Object.prototype.name="zhangsan"; Object.prototype.getType=function(){ var a=typeof(this); alert(a); } var o=new Object(); var o2={}; var d=new Date(); o.getType(); o2.getType(); d.getType(); alert(o.name);…

QrCode C#生成二维码及JavaScript生成二维码

一 C#的二维码示例: class Program { static void Main(string[] args) { QrEncoder qrEncoder = new QrEncoder(ErrorCorrectionLevel.H); QrCode qrCode = new QrCode(); qrEncoder.TryEncode("菡,现在想起你,真的是太突然了,你跳个舞给我看嘛,能不能不要这么诱人啊,我已经逻辑混乱了", out qrCode); ; //大小…

一篇文章图文并茂地带你轻松学完 JavaScript 设计模式(二)

JavaScript 设计模式(二) 本篇文章是 JavaScript 设计模式的第二篇文章,如果没有看过我上篇文章的读者,可以先看完上篇文章后再看这篇文章,当然两篇文章并没有过多的依赖性. 5. 代理模式代理模式提供了对目标对象的另一种访问机制. 在 vue3 还没出来之前,我猜过可能会使用 proxy 取代 defineProperty ,结果也被验证了,毕竟 proxy 比 defineProperty 支持更多的拦截机制,可以对数组的方法进行拦截. const obj = {};…

JavaScript要点（十二） HTML DOM 事件

HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应. 对事件做出反应我们可以在事件发生时执行 JavaScript,比如当用户在 HTML 元素上点击时. 如需在用户点击某个元素时执行代码,请向一个 HTML 事件属性添加 JavaScript 代码: onclick=JavaScript HTML 事件的例子: 当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按键时在本例中,当用户在…

精读JavaScript模式(二)

我在想知识点怎么去分类,原本计划一章节一篇,但这样会会显得长短不一.更主要的是看到哪写的哪更为随意.那么这一篇还是紧接第一篇进行知识梳理,上篇说到了更优化的for循环,现在继续聊聊其它的循环方式. 1.for-in循环 for-in循环又称之为枚举,常用于遍历非数组对象.虽然也可以用于遍历数组,但并不推荐这么去做,例如在for-in循环key值为数字的对象时,遍历顺序其实是不固定的,这点与for不同. var obj = { 3:"echo", 2:"25", 1:…

Javascript生成二维码（QR）

网络上已经有非常多的二维码编码和解码工具和代码,很多都是服务器端的,也就是说需要一台服务器才能提供二维码的生成.本着对服务器性能的考虑,这种小事情都让服务器去做,感觉对不住服务器,尤其是对于大流量的网站,虽然有服务器端缓存,毕竟需要大量的CPU运算时间,这或多或少也是很大的一块压力.所以就想,有没有一种不靠服务器,就只靠JS就生成二维码呢,毕竟二维码就是一堆黑白点而已.我也没有刻意去找网络上是否已经存在这样的解决方案,而且自己一直想深入分析二维码的生成细节,现有的项目也有这样的需求,于是我自己研…

JavaScript 面向对象(二) —— 案例篇

看案例前可以先看看基础篇:JavaScript 面向对象(一) —— 基础篇案例——面向对象的选项卡:把面向过程的程序一步步改成面向对象的形式,使其能够更加的通用(但是通用的东西,一般会比较臃肿). 下面是一个简单的选项卡,也是我们常见的面向过程的创建形式. <!DOCTYPE html> <html> <head> <style> #tabBox input { background: #F6F3F3; border: 1px solid #FF0000…

Javascript定时器(二)——setTimeout与setInterval

一.解释说明 1.概述 setTimeout:在指定的延迟时间之后调用一个函数或者执行一个代码片段 setInterval:周期性地调用一个函数(function)或者执行一段代码. 2.语法 setTimeout: var timeoutID = window.setTimeout(func, delay, [param1, param2, ...]); var timeoutID = window.setTimeout(code, delay); timeoutID 是该延时操作的数字ID,…

javascript继承(二)—创建对象的三种模式

一.工厂模式 function createPerson(name,age){ var o = {}; o.name = name; o.age = age; o.sayHi = function(){ alert('my name is' + this.name); }; return o; } var p1 = createPerson('小明',10); var p2 = createPerson('小红',9); p1.sayHi(); p2.sayHi(); console.log(p…

JavaScript的一些常见误区

原文出处: 色拉油的博客接触JavaScript两年多遇到过各种错误,其中有一些让人防不胜防,原来对JavaScript的误会如此之深,仅以此文总结一下常见的各种想当然的误区. String replace string的replace方法我们经常用,替换string中的某些字符,语法像这样子 1 string.replace(subStr/reg,replaceStr/function) 第一个参数是要查找的字符串或者一个正则表达式,第二个参数是想替换成的字符串或一个方法,我们可以这么使…

JavaScript引用类型(二)

Date类型 Javascript中的Date类型是采用Java中的java.util.Date类基础上构建的,使用UTC时间来保存数据,可以精确到1970年1月1日之前或之后的285616年创建一个日期对象,使用new关键字加构造函数声明(日期对象也是引用类型的),在不给构造函数传递任何参数的情况下,新对象自动获取当前的日期和时间,如下: var nowTime=new Date(); document.write(nowTime); //ed Aug 27 2014 13:31:12 GM…

杂乱无章之javascript（二）

1.浏览器与事件事件通常是由浏览器所产生,不同的浏览器会产生的事件也有所不同,即使同一浏览器不同版本所产生的事件也有不同.以下为HTML4.01中的事件 2.error事件:它可以调用一个错误处理函数,error事件可以传递一下3个参数给错误处理函数,其他事件只能调用函数不能给函数传递参数.(1)第一个参数是详细的错误信息.(2)第二个参数是产生错误网页的url.(3)第三个参数是产生错误的行数.有错误而不显示错误如下:<script language="javascript"&…

Ext JS学习第三天我们所熟悉的javascript（二）

•javascript之函数 •对于Ext开发者,我还是希望你能对javascript原生的东西非常了解.甚至熟练掌握运用.那么函数,无疑是非常重要的概念.首先在前面一讲,我们知道了函数也是一种数据类型,创建函数一共有三种方式.每种方式他们都会有区别,分别为: –function语句形式 –函数直接量形式 –构造函数形式 •函数中的arguments对象 –argument的作用一:接受函数的实际参数 –argument的作用二:用于做递归操作栗子代码 //Function 函数 //前两…

JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链

前言 JRedu 上一篇博客中,我们介绍了JS中的面向对象,并详细的解释了this的指向问题.本篇博客,我们继续来学习JS的面向对象.来深入理解一下JavaScript OOP中的成员属性/方法.静态属性/方法.原型属性/方法,并且一起来探讨一下JS中的原型与原型链. 一成员属性与成员方法在构造函数中,通过this.属性声明.或者实例化出对象后,通过“对象.属性”追加的.都属于成员属性.或成员方法:也叫实例属性与实例方法成员属性/方法,是属于实例化出的这个对象.通过"对象.属性&q…

刘强1109 JavaScript基础二（分支与循环结构）

[if-else结构] 1.结构的写法: if(判断条件){ 条件为true时,执行if{} } else{ 条件为false时,执行else{} } 2.注意事项: ① else{}语句块,可以根据情况进行省略. ② if和else后面的{}可以省略,但是省略后,if和else后面只能跟一条语句,所以不建议省略{}. 3. if中的()中的判断条件,支持的情况:① Bolleam:true为真,false为假:② String:空字符串为假,所有非空字符串为真:③ Number:0为假,一切非…