zl程序教程

JavaScript

  • 使用原生JavaScript模拟getElementByClassName .

    使用原生JavaScript模拟getElementByClassName .

    最近在工作中,由于有一个插件必须使用jquery-pack.js,而这个包又是非常古老的jquery,所以又的函数是无法使用的,例如$()选择器以及parent()都取不到标签的内容。 所以没办法,只能用原生的JavaScript了,为了实现这个功能,我得通过HTML标签的Class来获得标签的DOM结构。 在JavaScript 内建的核心中,document对象及element对象总共可以通

    日期 2023-09-21 09:20:49     
  • javascript  回到顶部效果的实现

    javascript 回到顶部效果的实现

          demo.js     window.onload=function() { var timer=null; var obtn=document.getElementById('btn'); var isTop=true; window.onscroll=function() { i

    日期 2023-09-21 09:20:49     
  • 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.3 HTML头部标记head

    《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》——2.3 HTML头部标记head

    本节书摘来自异步社区《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》一书中的第2章,第2.3节,作者: 何新起 , 任慎存 , 田月梅更多章节内容可以访问云栖社区“异步社区”公众号查看。 2.3 HTML头部标记head 在HTML语言的头部元素中,一般需要包括标题、基础信息和元信息等。HTML的头部元素是以为

    日期 2023-09-21 09:20:49     
  • Chrome Development Tool: [VM] file from javascript

    Chrome Development Tool: [VM] file from javascript

    Chrome Development Tool: [VM] file from javascript [VM] (scriptId) has no special meaning. It's a dummy name假名 to help us to distinguish code which are not directly tied to a file name, such as code

    日期 2023-09-21 09:20:49     
  • 《第三方JavaScript编程》——第1章 第三方JavaScript介绍1.1 第三方JavaScript的定义

    《第三方JavaScript编程》——第1章 第三方JavaScript介绍1.1 第三方JavaScript的定义

    本节书摘来自异步社区《第三方JavaScript编程》一书中的第1章,第1.1节,作者: [美] Ben Vinegar Anton Kovalyov 译者: 郭凯 更多章节内容可以访问云栖社区“异步社区”公众号查看。 第1章 第三方JavaScript介绍 本章包括 . 第三方JavaScript的定义. 几个第三方应用实例. 实现一个简单的嵌入式微件. 了解第三方开发的挑战第三方Java

    日期 2023-09-21 09:20:49     
  • 关于JavaScript面向对象中构造函数和原型对象的学习与理解

    关于JavaScript面向对象中构造函数和原型对象的学习与理解

    📚关于面向对象 面向对象就是把需要解决的问题分解成一个个对象,建立对象不是为了实现一个步骤,而是为了描述每个对象在解决问题中的行为,面向对象的核心是对象。 关于面向对象思想,我们可以将同一类事物的操作代码封装成对象,将用到的变量和函数作为对象的属性和方法&#

    日期 2023-09-21 09:20:49     
  • 华为OD机试 - 找到它(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    华为OD机试 - 找到它(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    找到它 题目 找到它是个小游戏,你需要在一个矩阵中找到给定的单词 假设给定单词HELLOWORLD,在矩阵中只要能找HELLOWORLD就算通过 注意区分英文字母大小写,并且你只能上下左右行走 不能走回头路 输入 输

    日期 2023-09-21 09:20:49     
  • JavaScript大师必须掌握的12个知识点

    JavaScript大师必须掌握的12个知识点

    既然你对这篇文章感兴趣,我想你应该是一位前端开发,也许你有一份不错的工作、自主创业甚至是一位自由从业者。不知你的前端技术如何,也许你是一位新手,亦或是一位资深开发。 如果你想让自己成为一个 JavaScript 大师,在此我列出 12 条必备知识: 1. 控制流(Control Flow) 我们从最基础的开讲。当然,它也是最重要的一个知识点。如果你连这个都没有整明白的话,那你的代码生活将会很艰难

    日期 2023-09-21 09:20:49     
  • javascript设计模式

    javascript设计模式

    单例模式(Singleton) 工厂模式(Factory) 桥接模式(Bridge) 组合模式(Composite) 门面模式(Facade) 适配器模式(Adapter) 装饰者模式(Decorator) 享元模式(Flyweight) 代理模式(Proxy) 观察者模式(Observer) 命令模式(Command) 下面代码在ie6&ie6+&chrome測试通过,

    日期 2023-09-21 09:20:49     
  • JavaScript进阶系列01,函数的声明,函数参数,函数闭包

    JavaScript进阶系列01,函数的声明,函数参数,函数闭包

    本篇主要体验JavaScript函数的声明、函数参数以及函数闭包。   □ 函数的声明 ※ 声明全局函数 通常这样声明函数: function doSth() { alert("可以在任何时候调用我"); } 通过这种方式声明的函数属于Window对象,可以在任何地方调用,即在doSth方法的之前和之后都可以调用。   可

    日期 2023-09-21 09:20:49     
  • javascript继承之原型式继承(四)

    javascript继承之原型式继承(四)

    javascript之父道格拉斯在2006年给出了这样一串代码,来实现继承. 1 function object(o) { 2 function F() { } 3 F.prototype = o; 4 return new F(); 5 } 下面来看看这个函数是如何实现继承的. 1 var Huma

    日期 2023-09-21 09:20:49     
  • JavaScript 数据类型

    JavaScript 数据类型

    阅读目录 JavaScript 数据类型undefined(1)逻辑取非转为布尔值值判断(2)直接与 undefined 进行比较(3&#x

    日期 2023-09-21 09:20:49     
  • 【JavaScript】一些注意点

    【JavaScript】一些注意点

    1、var与没有var的区别 没 2、全局变量和局部变量的速度 3、函数内部的var和外部的var的区别 4、var m =new Array();与var m = [];区别

    日期 2023-09-21 09:20:49     
  • 深入理解JavaScript系列(36):设计模式之中介者模式

    深入理解JavaScript系列(36):设计模式之中介者模式

    介绍 中介者模式(Mediator),用一个中介对象来封装一系列的对象交互。中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。 主要内容来自:http://www.addyosmani.com/resources/essentialjsdesignpatterns/book/#mediatorpatternjavascript 正文 软件开发中,中介者是一个

    日期 2023-09-21 09:20:49     
  • 《HTML5+JavaScript动画基础》——2.3 用代码实现动画

    《HTML5+JavaScript动画基础》——2.3 用代码实现动画

    本节书摘来自异步社区《HTML5+JavaScript动画基础》一书中的第2章,第2.3节,作者:【美】Billy Lamberta , Keith Peters著,更多章节内容可以访问云栖社区“异步社区”公众号查看 2.3 用代码实现动画 在准备好HTML5文件的基本结构之后,我们已经了解了足够多的基础知识,可以开始编码了。我们需要一个文本编辑器用来输入示例代码以及一个支持HTML5的Web

    日期 2023-09-21 09:20:49     
  • 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 1.7 测试,再测试,进行更多的测试

    《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 1.7 测试,再测试,进行更多的测试

    本节书摘来异步社区《移动网页设计与开发 HTML5+CSS3+JavaScript》一书中的第1章,第1.7节,作者:【英】Peter Gasston,更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.7 测试,再测试,进行更多的测试 对于目前网络设备的现状,测试是确保所创建网站是否能跨多个设备运行的唯一方法。测试一直贯穿着整个项目,从开始到结束,都要抓住任何机会进行测试。如果规划的是

    日期 2023-09-21 09:20:49     
  • Javascript将字符串日期格式化为yyyy-mm-dd的方法   js number 类型 没有length 属性 string类型才有

    Javascript将字符串日期格式化为yyyy-mm-dd的方法 js number 类型 没有length 属性 string类型才有

        日期格式化相信对于大家来说再熟悉不过,最近工作中自己利用Javascript就写了一个,现在将实现的代码分享给大家,希望对有需要的朋友们能有所帮助,感兴趣的朋友们下面来一起看看吧。   这篇文章主要介绍的是利用Javascript将字符串日期格式化为yyyy-mm-dd的方法,下面话不多说了,参考如下代码 ? 1 2 3 4 5 6 7 8 9

    日期 2023-09-21 09:20:49     
  • JavaScript代码风格和分号使用问题

    JavaScript代码风格和分号使用问题

    1.推荐代码风格 JavaScript Standard Style  规定相对松散更多人使用此规范 Airbnb JavaScript Style  规定更严格但也没毛病   2.JavaScript代码中分号的使用 有些人习惯在代码后面加 “;”也有些人不加,其实效果都一样,不过推荐的代码风格中不推荐使用“;”,无论你习惯如何,以下三种情况必须使用“;”以避免一

    日期 2023-09-21 09:20:49     
  • [转]理解JavaScript中的事件处理

    [转]理解JavaScript中的事件处理

    什么是事件? 事件(Event)是JavaScript应用跳动的心脏 ,也是把所有东西粘在一起的胶水。当我们与浏览器中 Web 页面进行某些类型的交互时,事件就发生了。事件可能是用户在某些内容上的点击、鼠标经过某个特定元素或按下键盘上的某些按键。事件还可能是 Web 浏览器中发生的事情,比如说某个 Web 页面加载完成,或者是用户滚动窗口或改变窗口大小。 通过使用 JavaScript ,你可以

    日期 2023-09-21 09:20:49     
  • javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度

    javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: docu

    日期 2023-09-21 09:20:49     
  • [转] JavaScript 单例模式

    [转] JavaScript 单例模式

    定义 确保一个类仅有一个实例,并提供一个访问它的全局访问点。 单例模式使用的场景 比如线程池、全局缓存等。我们所熟知的浏览器的window对象就是一个单例,在JavaScript开发中,对于这种只需要一个的对象,我们的实现往往使用单例。 实现单例模式 (不透明的) 一般我们是这样实现单例的,用一个变量来标志当前的类已经创建过对象,如果下次获取当前类的实例时,直接返回之前创建的对象即可。代码如下:

    日期 2023-09-21 09:20:49     
  • javascript的层次

    javascript的层次

    1.功能api 2.代码organization 3.performance 4.work flow    

    日期 2023-09-21 09:20:49     
  • 《JavaScript面向对象编程指南》——1.8 使用Firebug控制台

    《JavaScript面向对象编程指南》——1.8 使用Firebug控制台

    本节书摘来自异步社区《JavaScript面向对象编程指南》一书中的第1章,第1.8节,作者: 【加】Stoyan Stefanov 译者: 凌杰 更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.8 使用Firebug控制台 我们可以直接在Firebug控制台中输入代码,然后只要按Enter键,代码就会如期执行。而代码返回值就紧接着会在控制台中被打印出来。而且,这些代码会在当前所

    日期 2023-09-21 09:20:49     
  • 华为OD机试 - 符合条件的子串长度(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    华为OD机试 - 符合条件的子串长度(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    符合条件的子串长度 题目 给定字符串A、B和正整数V, 字符串A和B的长度相等, 计算A中满足如下条件的最大连续子串的长度: 该连续子串在A和B中的位置和长度相同。 该连续子串|A[i] - B[i]|(两个字母

    日期 2023-09-21 09:20:49     
  • JavaScript设计模式经典-面向对象中六大原则

    JavaScript设计模式经典-面向对象中六大原则

    作者 | Jeskson 来源 | 达达前端小酒馆 1 主要学习JavaScript中的六大原则。那么六大原则还记得是什么了吗?六大原则指:单一职责原则(SRP),开放封闭原则(OCP),里氏替换原则(LSP),依赖倒置原则(DIP),接口分离原则(ISP),最少知识原则(LKP)。 单一职责原则 开放封闭原则 里氏替换原则 依赖倒置原则 接口分离原则 最少知识原则 那么什么是单一职责

    日期 2023-09-21 09:20:49     
  • JavaScript里的回调函数属于闭包吗?

    JavaScript里的回调函数属于闭包吗?

    回调函数本身不一定属于闭包,但是在某些情况下,它们可能会涉及闭包。 回调函数通常是指在异步操作完成时执行的函数。它们在 JavaScript 中被广泛使用,例如在处理 AJAX 请求、定时器、事件处理程序等方面。 在使用回调函数时,如果回调函数引用了外部变量,并且这些变量在回调函数之

    日期 2023-09-21 09:20:49     
  • Javascript中的依赖注入

    Javascript中的依赖注入

      首先通过带参函数来定义一个Javascript函数,相当于C#中的一个类。  var Person = function(firstname, lastname){ this.firstname = firstname; this.lastname = lastname; }   再定义一个Javascript函数,在其中创建一个Person对象

    日期 2023-09-21 09:20:49     
  • null in JavaScript

    null in JavaScript

    C# String.IsNullOrEmpty Javascript equivalent https://stackoverflow.com/questions/5746947/c-sharp-string-isnullorempty-javascript-equivalent if(!theString) { alert("the string is null or empty"); }

    日期 2023-09-21 09:20:49     
  • Javascript的那些硬骨头:作用域、回调、闭包、异步……

    Javascript的那些硬骨头:作用域、回调、闭包、异步……

    终于到了神话破灭的时刻…… 这注定是一篇“自取其辱”的博客,飞哥,你们眼中的大神,Duang,这次脸朝下摔地上了。 故事得从这个求助开始:e.returnValue 报错:未定义,“一起帮”现在人气还不够旺,碰到了我勉勉强强能够解决的问题,硬着头皮也得上啊!远程一看,问题不是e.returnValue没值,是e本身就没值。而更核心的问题是:这段代码,是被放在setTimeout()里面的。(这里

    日期 2023-09-21 09:20:49     
  • JavaScript写一个小乌龟推箱子游戏

    JavaScript写一个小乌龟推箱子游戏

      推箱子游戏是老游戏了, 网上有各种各样的版本, 说下推箱子游戏的简单实现,以及我找到的一些参考视频和实例;   推箱子游戏的在线DEMO : 打开   如下是效果图:   这个拖箱子游戏做了移动端的适配, 我使用了zepto的touch模块, 通过手指滑动屏幕就可以控制乌龟走不同的方向;   因为推箱子这个游戏比较简单, 直接用了过程式的方式写代码, 模块也就是两个View 和 Model

    日期 2023-09-21 09:20:49     
  • CSS3&JavaScript 仿京东加入购物车特效

    CSS3&JavaScript 仿京东加入购物车特效

    上一篇文章 https://blog.csdn.net/chy555chy/article/details/85063189 我简单的介绍了如何使用原生的 JavaScript 配合上正则表达式来实现 模板引擎(

    日期 2023-09-21 09:20:49     
  • 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读

    《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 导读

    网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通网络技术的日益成熟,给人们带来了诸多方便。如今,网络正在各个领域发挥着巨大的作用,成为人们日常生活中不可或缺的部分。人们可以足不出户网上购物,随时查询股票信息,在自己的博客上尽情发表言论……以上这些都离不开最基本的网页设计、制作与维护。 制作一个网站需要很多技术,包

    日期 2023-09-21 09:20:49     
  • Quo JS多种触摸手势轻量级JavaScript库

    Quo JS多种触摸手势轻量级JavaScript库

    http://www.uedsc.com/quo-js.html http://quojs.tapquo.com/

    日期 2023-09-21 09:20:49     
  • 《JavaScript框架设计》——1.4 类型的判定

    《JavaScript框架设计》——1.4 类型的判定

    本节书摘来自异步社区《JavaScript框架设计》一书中的第1章,第1.4节,作者:司徒正美著,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.4 类型的判定 JavaScript存在两套类型系统,一套是基本数据类型,另一套是对象类型系统。基本数据类型包括6种,分别是undefined、string、null、boolean、function、object。基本数据类型是通过type

    日期 2023-09-21 09:20:49     
  • 《JavaScript忍者秘籍》——1.3 跨浏览器注意事项

    《JavaScript忍者秘籍》——1.3 跨浏览器注意事项

    本节书摘来自异步社区《JavaScript忍者秘籍》一书中的第1章,第1.3节,作者:【美】John Resig(莱西格) , Bear Bibeault(贝比奥特)著,更多章节内容可以访问云栖社区“异步社区”公众号查看 1.3 跨浏览器注意事项 完善JavaScript编程技能将引导我们不断前行,尤其是目前,除了浏览器端以外,JavaScript还能够使用Rhino、V8或Node.js库等

    日期 2023-09-21 09:20:49     
  • 【JavaScript】javascript常用的东西

    【JavaScript】javascript常用的东西

    DOM编程、AJAX编程、异步编程(nodejs会涉及的相对多一点,事件、ajax)   函数、函数表达式、回调函数是基础。   JavaScript的函数是一个核心。     回调函数有点类似于Android中的回调函数,以及生命周期中的回调函数。

    日期 2023-09-21 09:20:49     
  • 【零基础学JS -8】Javascript中的布尔值和等式

    【零基础学JS -8】Javascript中的布尔值和等式

    大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker&

    日期 2023-09-21 09:20:49     
  • 简短Javascript代码实现滑动菜单效果

    简短Javascript代码实现滑动菜单效果

    !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Conten

    日期 2023-09-21 09:20:49     
  • Javascript深拷贝

    Javascript深拷贝

    var oOriginal = { memNum: 1, // number memStr: "I am a string", // string memObj: { test1: "Old value"

    日期 2023-09-21 09:20:49     
  • 处理JavaScript异常的正确姿势

    处理JavaScript异常的正确姿势

    译者按: 错误是无法避免的,妥善处理它才是最重要的! 原文: A Guide to Proper Error Handling in JavaScript Related Topics: 译者: Fundebug 为了保证可读性,本文采用意译而非直译。另外,本文版权归原作者所有,翻译仅用于学习。 如果你相信墨菲定律的话,任何事情如果会出问题,那么就一定会出问题。

    日期 2023-09-21 09:20:49     
  • 华为OD机试 - 挑选字符串(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    华为OD机试 - 挑选字符串(JavaScript) | 机试题+算法思路+考点+代码解析 【2023】

    挑选字符串 题目 给定a-z,26个英文字母小写字符串组成的字符串A和B, 其中A可能存在重复字母,B不会存在重复字母, 现从字符串A中按规则挑选一些字母可以组成字符串B 挑选规则如下: 同一个位置的字母只能挑选一次,

    日期 2023-09-21 09:20:49     
  • JSON与JavaScript转化

    JSON与JavaScript转化

      <script> var user = { name: "林er", age: 11, sex: '男' } //对象转(js)化为json字符串{"name"

    日期 2023-09-21 09:20:49     
  • JavaScript Module Pattern: In-Depth

    JavaScript Module Pattern: In-Depth

    The module pattern is a common JavaScript coding pattern. It’s generally well understood, but there are a number of advanced uses that have not gotten a lot of attention. In this article, I’ll review

    日期 2023-09-21 09:20:49     
  • Java学习-063-Jsoup 请求页面 Content-Type 解析失败:org.jsoup.UnsupportedMimeTypeException: Unhandled content type. Must be text/*, application/xml, or application/xhtml+xml . Mimetype=application/javascript

    Java学习-063-Jsoup 请求页面 Content-Type 解析失败:org.jsoup.UnsupportedMimeTypeException: Unhandled content type. Must be text/*, application/xml, or application/xhtml+xml . Mimetype=application/javascript

      使用 Jsoup 获取网站查询数据时,一直提示 Content-Type 失败,详细错误信息如下所示: 1 org.jsoup.UnsupportedMimeTypeException: Unhandled content type. Must be text/*, application/xml, or application/xhtml+xml 2 . Mimetype=appli

    日期 2023-09-21 09:20:49     
  • JavaScript arguments、callee、caller

    JavaScript arguments、callee、caller

    实验代码 <html> <body> <script> function test(arg1) { console.log(arguments); console.log

    日期 2023-09-21 09:20:49     
  • Grunt: The JavaScript Task Runner

    Grunt: The JavaScript Task Runner

    https://github.com/m-spyratos/bootstrap-4-grid/blob/ba6cad11e710d8a1458b8a185ec26befb082b041/Gruntfile.js#L27   https://gruntjs.com/getting-started Getting started Grunt and Grunt plugins are in

    日期 2023-09-21 09:20:49     
  • 《编写可维护的JavaScript》——第 1 章 基本的格式化 1.1缩进层级

    《编写可维护的JavaScript》——第 1 章 基本的格式化 1.1缩进层级

    本节书摘来自异步社区《编写可维护的JavaScript》一书中的第1章,第1.1节,作者:【美】Nicholas C. Zakas著,更多章节内容可以访问云栖社区“异步社区”公众号查看 第 1 章 基本的格式化 编程风格指南的核心是基本的格式化规则(formatting rule)。这些规则直接决定了如何编写高水准的代码。与在学校学习写字时所用的方格纸类似,基本的格式化规则将指引开发者以特定的

    日期 2023-09-21 09:20:49     
  • 《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 1.3 网页设计的原则

    《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》—— 1.3 网页设计的原则

    本节书摘来异步社区《网页设计与前端开发 Dreamweaver+Flash+Photoshop+HTML+CSS+JavaScript 从入门到精通》一书中的第1章,第1.3节,作者: 何新起 , 任慎存 , 田月梅,更多章节内容可以访问云栖社区“异步社区”公众号查看。 1.3 网页设计的原则 设计是有原则的,网页设计遵循以下几个原则:统一、连贯、分割、对比及和谐。 统一是指网页的整体性和一

    日期 2023-09-21 09:20:49     
  • CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

    CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory

    网上查应该是node导致的内存溢出,64位电脑默认1.4G,32位电脑默认0.7G 在package.json 中的 Scripts 中添加 node 的参数   "scripts": {     "serve": "node --max_old_space_size=10240 node_modules/@vue/cli-service/bin/vue-cli-

    日期 2023-09-21 09:20:49     
  • JavaScript_DOM

    JavaScript_DOM

    02_DOM简单学习    01_DOM_获取元素对象.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title>   </head><body>

    日期 2023-09-21 09:20:49