提供了编程的基础技术教程

zl程序教程

javascrip学习二

  • JavaScript高级程序设计学习总结一

    JavaScript高级程序设计学习总结一

    大家好，又见面了，我是你们的朋友全栈君一，JavaScript的实现 JavaScript和ECMAScript通常都被人认为是相同的含义，JavaScript的含义比ECMAScript规定要多的多。 一个完整的的JavaScript实现应该由三个不同的部分组成。 核心（ECMAScript的）文档对象模型（DOM）浏览器对象模型（BOM）二，ECMAScript中 是由ECMA-262定义

    日期 2023-06-12 10:48:40     
  • html5 scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记…[通俗易懂]

    html5 scrollheight,JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记…[通俗易懂]

    大家好，又见面了，我是你们的朋友全栈君。全文参考：https://github.com/iuap-design/blog/issues/38 、MDNclientHeight，只读clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。如图，这样一个div，它的clientHeight为95，计算：50(height)+30

    日期 2023-06-12 10:48:40     
  • javaScript学习笔记（一）js基础

    javaScript学习笔记（一）js基础

    大家好，又见面了，我是你们的朋友全栈君。一、简介1、概述：JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。诞生于1995年，当时的主要目的是验证表单的数据是否合法。JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。

    日期 2023-06-12 10:48:40     
  • javascript系列学习笔记-this

    javascript系列学习笔记-this

    javascript系列学习笔记-this 笔记内容来自 《你不知道的Javascript》 (上)为什么要用thisfunction getName() { console.log('this.name', this.name) } let a = { name: 'kif1' } let b = { name: &

    日期 2023-06-12 10:48:40     
  • JavaScript入门学习

    JavaScript入门学习

    初始JavaScriptJavaScript 是什么JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思）脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行现在也可以基于 Node.js 技术进行服务器端编程JavaScript的作用表单动态校验（密码强度检测） （ JS 产生最初的目的 ）网页特效服务端开发(

    日期 2023-06-12 10:48:40     
  • javascript学习之函数组合

    javascript学习之函数组合

    函数组合纯函数和了柯里化很容易写出洋葱代码 h(g(e(x)))函数组合可以让我们把细粒度的函数重新组合生成一个新的函数函数组合并没有减少洋葱代码，只是封装了洋葱代码函数组合执行顺序从右到左满足结合律既可以把g和h组合 还可以把f和g组合，结果都是一样的数据的管道如果一个函数经过多个函数处理才能得到最终值，这个时候可以把中间过程的函数合并成一个函数函数就像是数据的通道，函数组合就是把这些管道链接起

    日期 2023-06-12 10:48:40     
  • javascript中函数试编程范式,为什么要学习函数式编程

    javascript中函数试编程范式,为什么要学习函数式编程

    函数试编程范式为什么学习函数式编程 函数式编程是一个非常古老的概念， 早于第一台计算机的诞生 为什么现在还要学习函数式编程？函数式编程是随着React的流行受到越来越多的关注vue3 也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的李勇 tree shaking 过滤无用代码方便测试，方便并行处理有很多库可以帮助我们进行函数式开发， lodash、underscore、ramd

    日期 2023-06-12 10:48:40     
  • JavaScript 学习-50.实现页面菜单拖放（Drag 和 Drop）

    JavaScript 学习-50.实现页面菜单拖放（Drag 和 Drop）

    前言拖放是一种常见的操作，即抓取对象以后从一个位置拖到另一个位置。 在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。拖放（Drag 和 Drop）在拖曳操作中，被拖曳的元素称做源对象，是指页面中设置了draggable=”true”属性的元素；源对象进入的元素称作目标元素，目标元素可以是页面的任一元素。 把元素设置为可拖放首先：为了把一个元素设置为可拖放，请把 draggable 属性

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(十四)——JavaScript编写类的扩展方法详解编程语言

    JavaScript学习总结(十四)——JavaScript编写类的扩展方法详解编程语言

    在​J​a​v​a​S​c​r​i​p​t​中​可以使​用​类的p​r​o​t​o​t​y​p​e属性来​扩​展​类的属​性​和​方​法，在实际开发当中，当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时，我们就可以通过 prototype 属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性。 一、扩展JavaScript内置类，添加动态方法 语法格式：

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(十)——this关键字详解编程语言

    JavaScript学习总结(十)——this关键字详解编程语言

    2 function Person(){ 3 /*使用var 属性名定义的属性是类的私有属性，外界无法访问，要想被外界访问，就要使用公共方法*/ 4 var QQ="123456"; 5 var Email="[email protected]"; 7 /*使用this.属性名定义的属性就是类的公共属性，是可以被外界访问的*/ 8 this.Name="孤傲苍狼";

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言

    JavaScript学习总结(九)——Javascript面向(基于)对象编程详解编程语言

    1.JS中 基于对象=面向对象 2.JS中没有类(Class)，但是它取了一个新的名字叫“原型对象”，因此 类=原型对象 二、类(原型对象)和对象(实例)的区别与联系 1.类(原型对象)是抽象，是概念的，代表一类事物。 2.对象是具体的，实际的，代表一个具体的事物。 3.类(原型对象)是对象实例的模板，对象实例是类的一个个体。 三、抽象的定义 在定义一个类时，实际上就

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(八)——JavaScript数组详解编程语言

    JavaScript学习总结(八)——JavaScript数组详解编程语言

    JavaScript中的Array对象就是数组，首先是一个动态数组，无需预先制定大小，而且是一个像Java中数组、ArrayList、Hashtable等的超强综合体。 一、数组的声明 常规方式声明： 1、var arrName = new Array();//创建一个数组 2、var arrName = new Array([size]); //创建一个数组并指定长度，注意不是上

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(三)——逻辑And运算符详解编程语言

    JavaScript学习总结(三)——逻辑And运算符详解编程语言

      需要说明的是：逻辑AND运算的运算数可以是任何类型的，不止是Boolean值，如果某个运算数不是原始的Boolean型值，逻辑AND运算并不一定返回Boolean值 逻辑AND运算符的运算行为如下： 如果一个运算数是对象，另一个是 Boolean 值，返回该对象。 如果两个运算数都是对象，返回第二个对象。 如果某个运算数是 null，返回 null。 如果某个运算数是

    日期 2023-06-12 10:48:40     
  • JavaScript学习总结(六)——JavaScript判断数据类型总结详解编程语言

    JavaScript学习总结(六)——JavaScript判断数据类型总结详解编程语言

    最近做项目中遇到了一些关于javascript数据类型的判断处理，上网找了一下资料，并且亲自验证了各种数据类型的判断，在此做一个总结吧！ 一、JS中的数据类型 1.数值型（Number）：包括整数、浮点数。 2.布尔型（Boolean） 3.字符串型（String） 4.对象（Object） 5.数组（Array） 6.空值(Null) 7.未定义（Undefine

    日期 2023-06-12 10:48:40     
  • HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    HTML/CSS/JavaScript学习笔记持续更新详解编程语言

    1 font size="3" color="red" This is some text! /font 2 font size="2" color="blue" This is some text! /font 3 font face="verdana" color="green" This is some text! /font HTML 与 XHTML 之间的差异 在 HTML

    日期 2023-06-12 10:48:40     
  • 《JavaScript DOM编程艺术》学习笔记（一）详解编程语言

    《JavaScript DOM编程艺术》学习笔记（一）详解编程语言

    这本书是我听说学习前端基础入门书籍，于是就开始看了，大概是从5月10号开始看的吧，一直看到现在，差不多要看完了，书是挺厚的。。。286页，不过比起JAVASCRIPT权威指南来说还是差多了，权威指南才看没多少，加油吧。 本来一直是把笔记抄在我的笔记本上的，但经常忘记带身边，想看时没法看，就决定记在博客上，也方便阅读~ 小巧的笔记本，嘿嘿，就这样抄了差不多20页了，听说一个合格的程序猿都

    日期 2023-06-12 10:48:40     
  • 推荐一些非常不错的javascript学习资源站点

    推荐一些非常不错的javascript学习资源站点

    这些站点都是个人学习过程中搜集的一些js站点，其中大部分是国外的（国内资源相对还是很少啊），感觉内容都不错，而且一些资源的更新都比较快，希望对各位朋友能有所帮助。学习资源：http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Referencehttp://www.w3schools.com/js/default.asphttp://e

    日期 2023-06-12 10:48:40     
  • Javascript入门学习第六篇jsDOM编程

    Javascript入门学习第六篇jsDOM编程

    学习英文：Dom：文档对象模型。Document object modelBom：浏览器对象模型。注：也可以叫窗口对象模型。（window object model.）API：应用编程接口。注：DOM其实可以看作一种API。Node：节点。注：节点分为：元素节点，属性节点，文本节点。元素节点 包含 属性节点和文本节点。Dom树：下面我们直接看 到底怎么操作DOM。1，    创建元素节点。cre

    日期 2023-06-12 10:48:40     
  • javascript拽拉效果供JS初学者学习参考

    javascript拽拉效果供JS初学者学习参考

    不过这里未使用事件捕捉和释放,呵呵~ JS_拽拉效果_脚本之家 div{position:absolute;width:200px;height:100px;background:#FFFADC;border:1pxsolid#CC6600;}

    日期 2023-06-12 10:48:40     
  • JavaScript基本概念初级讲解论坛贴的学习记录

    JavaScript基本概念初级讲解论坛贴的学习记录

    １.关于this对象复制代码代码如下:viewplaincopytoclipboardprint?varobj1=newObject();varobj2=newObject();//给两个对象都添加属性p，并分别等于1和2obj1.p=1;obj2.p=2;//给obj1添加方法，用于显示p的值obj1.getP=function(){alert(this.p);//表面上this指针指向的是o

    日期 2023-06-12 10:48:40     
  • 说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

    说说掌握JavaScript语言的思想前提想学习js的朋友可以看看

    潜意识里也就不会用面向对象的思想去编写JavaScript代码，也很少会去深入了解prototype,closures等概念。这导致书写的代码经常很糟糕。        对于JavaScript的学习，可能最重要的还是要从思想上认识到JavaScript不是玩具语言。JavaScript的作用远不止增加点表单验证，我们可以看看GMail、看看GoogleMaps，如果开发者们没有对JavaScr

    日期 2023-06-12 10:48:40     
  • JavaScript学习点滴记录

    JavaScript学习点滴记录

    通过使用getElementById()和getElementsByTagName()方法通过使用一个元素节点的parentNode、firstChild以及lastChild属性有两种特殊的文档属性可用来访问根节点：document.documentElementdocument.body

    日期 2023-06-12 10:48:40     
  • javascript验证码生成代码推荐学习

    javascript验证码生成代码推荐学习

    javascript验证码实现代码_脚本之家测试 .code {}{ background-image:url(code.jpg); font-family:Arial; font-style:italic; color:Red; border:0; padding:2px3px; letter-spacing:3px; font-weight:bolder; } .unchanged {}{

    日期 2023-06-12 10:48:40     
  • Javascript学习笔记错误处理

    Javascript学习笔记错误处理

    Java代码复制代码代码如下:<html><head><title>javascript</title><scripttype="text/javascript">functiontest(inVal){try{inVal=inVal.toUpperCase();}catch(error){alert("Anexceptionhasoc

    日期 2023-06-12 10:48:40     
  • JavaScript学习小结(适合新手参考)

    JavaScript学习小结(适合新手参考)

    常量：JavaScript常量又称字面常量，是固化在程序代码中的信息。 变量：变量的主要作用是存取数据，提供一个存取信息的容器。 数据类型    整型：整型常量就是数字，可以是十进制、八进制、十六进制。    字符串：字符串就是以英文""或""括起来的一个或几个字符。    布尔型：布尔型常量就是逻辑上的“真”和“假”。     空值：在JavaScript中，用“null”表示什么都没有。 弹

    日期 2023-06-12 10:48:40     
  • JavaScript语言精粹学习笔记

    JavaScript语言精粹学习笔记

    非常好的想法包括函数，弱类型，动态对象和一个富有表现力的对象字面量的表示法，坏的想法包括基于全局变量的编程模型。JavaScript的函数是基于词法作用域的顶级对象。Javascript是第一个成为主流的Lambda语言。相对于Java而言，JavaScript于Lisp和Scheme有更多的共同点。它是披着C外衣的Lisp。这使得JavaScript成为一个非常强大的语言。现在大部分变成语言都

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记Black.Caffeine09.11.28

    JavaScript学习笔记Black.Caffeine09.11.28

    1.之前写的一直都是分散的函数，用到什么功能，就写什么函数，觉得不够整洁，所以这次写的是封装的类，用起来还不错，但是传递参数的时候遇到了不少问题，所以，查阅了很多资料，总结如下：1）动态绑定事件问题：需要将onclick事件绑定到对象上，比如列表项。需要用到addEventListener或者attachEvent，用于吧函数操作添加到事件中去，而不是覆盖，但是，attachEvent不支持FF

    日期 2023-06-12 10:48:40     
  • javascript日期联动选择器[其中的一些代码值得学习]

    javascript日期联动选择器[其中的一些代码值得学习]

    DateSelector body{ margin:0px; padding:0px; font-size:12px; } #year,#month,#date{ width:60px; margin-right:3px; } [参数说明]复制代码代码如下:vardateSelector=newDateSelector(年下拉ID,月下拉ID,日下拉ID,{floorYear

    日期 2023-06-12 10:48:40     
  • Javascript学习笔记6prototype的提出

    Javascript学习笔记6prototype的提出

    首先我们继续上文的代码，我们来把这段代码延伸一下：复制代码代码如下:<scripttype="text/javascript">varPerson=function(name,age){this.name=name;this.age=age;this.Introduce=function(){alert("Mynameis"+this.name+".I"m"+this.age);};

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记（九）call和apply方法

    JavaScript学习笔记（九）call和apply方法

    call和apply方法call方法可改变上下文this指针，类似的方法还有apply，主要用在js对象各方法互相调用的时候，使当前this实例指针保持一致,或在特殊情况下需要改变this指针。obj1.method1.call(obj2,argument1,argument2)如上，call的作用就是把obj1的方法放到obj2上使用，后面的argument1…这些做为参数传入。举一个具体的例

    日期 2023-06-12 10:48:40     
  • JavaScript学习笔记（十）

    JavaScript学习笔记（十）

    Window对象window对象表示整个浏览器窗口，window还可用于移动或调整它表示的浏览器的大小。一、窗口操作window.moveBy(dx,dy)把浏览器窗口相对当前位置水平移动dx个像素，垂直移动dy个像素。dx值为负数，向左移动窗口，dy值为负数，向上移动窗口。window.moveTo(x,y)移动浏览器窗口，使它的左上角位于用户屏幕的(x,y)处。可以使用负数，不过这样会把部分

    日期 2023-06-12 10:48:40