JS相关知识总结

首先把前两天接触到的关于静态方法与构造器的理解贴上来:

a.构造函数  只运行一次  而可以被调用多次
  b.构造代码块  对象创建则运行构造代码块 而且优于构造函数执行。构造代码块是给所有对象进行统一初始化,而
    构造函数是给对应的对象初始化,构造函数可以为多个,构造代码块中定义的是不同对象共性的初始化内容
  c.静态代码块 static{}
    类加载而执行,只执行一次  并优于主函数(main)  
    静态代码块是给类初始化的  而构造代码块是给对象初始化的
所以对于一个类来说  执行顺序为 :
    静态代码块
    构造代码块
    构造函数
而对于一个含有变量的类中
    静态变量
    静态代码块
    变量
    初始化块
    构造器
当含有继承的情况时
     应当是先执行父类的静态相关模块  再依次执行子类相关模块
      父类相关构造块 再执行子类相关构造块 以及普通成员变量

然后是关于原生js的DOM对象

1.dom对象分为dom0和dom2

dom0中关键之处在于各种注册事件

var e=document.getelementbyid("id")
e.onclick=function(){
}

jquery对象

var e=$("id")
e.click(function(){

})

其次 dom对象在处理注册事件时  除了传统的.onclick=function(){}方式之外 还有另一种方式:

document.getElementById("b")["onclick"] = function(){}

[]的形式主要是为了解决属性名不是合法的标识符 同时也可以表示用字符串表示属性名称,可以在运行时动态绑定事件

dom2中在事件中的直观表现方式就是在所有事件的调用时少了on

另外dom2的具体使用还不是特别的清楚和了解 目前只从相关帖子看到一个关于:

addEventListener 的使用

主要作用是用于更高效的去捕捉到window的事件对象

通过捕获和冒泡来判断当前应该处理事件的对象是哪一个  从而减少浏览器的压力

e.stopPropagation() //阻止冒泡

2、
window对象 和document对象

window对象从直观上来说就相当于一个手机屏幕  而document相当于手机屏幕中的内容 内容可能会有很多 所以他的长度是不固定的 并且可能会一直大于window

text() html() val()

text()主要用获取非表单内容

val()主要用于表单内容

html()主要用于获取普通html内容 如果存在多个元素 匹配第一个元素

时间: 2024-10-07 15:59:24

JS相关知识总结的相关文章

js 相关知识整理(一)

真正声明变量,是用逗号隔开的 EcM5:严格模式“use strict” java与js 语言的区别: 1.弱类型语言 1.声明变量时不需要提前指定数据类型 2.同一个变量可先后保存不同类型的数据 3.js会根据自身需要自动类型转换 String()是万能的 toString()  null和undefined不行 没有包装类型,没有new 包装类型 专门 封装 原始类型的数据,并提供对原始类型数据操作方法的对象. 何时使用:都是自动创建的  试图用原始类型的值调用方法自动创建,用完自动释放.

Vue.js 相关知识(路由)

1. 简介 路由,工作原理与路由器相似(路由器将网线总线的IP分发到每一台设备上),Vue中的路由根据用户在网页中的点击,将其引导到对应的页面. 2. 使用步骤 安装vue-router或者直接引入vue-router.js(下载地址:https://router.vuejs.org/) 例:SPA页面(Single Page Application,将一个网站的所有页面写在一个文件,通过不同的div进行区分,再通过div的显示.隐藏实现跳转效果) 定义组件对象(页面).组件模板.注册组件 定义

【转载】前端面试“http全过程”将所有HTTP相关知识抛出来了...

原文:前端面试“http全过程”将所有HTTP相关知识抛出来了... 来一篇串通,一个http全过程的问题,把所有HTTP相关知识点都带过一遍 http全过程 输入域名(url)-->DNS映射为IP-->TCP三次握手-->HTTP请求-->HTTP响应-->(浏览器跟踪重定向地址)-->服务器处理请求-->服务器返回一个html响应-->(视情况决定释放TCP连接)-->客户端解析HTML-->获取嵌入在HTML中的对象重新发起http请求

JS 基础知识3 变量

变量和数值相关,它储存了那个值,有了变量就可以储存操作数据了. js与其他语言不同,它是非类型的.就是变量可以存放任何类型的值,而其他语言需要存放特定类型的值. var i=5; i="fdsfad"; 这是合法的. 变量的声明一般是由VAR 关键字声明的 var i,sum; //一次声明两个变量,   若变量没有给定初始值,则值为“undefined” 在JS中多次声明同一个变量,是不会出错的,仅仅是给变量赋值的性质. 还有一种,不用var关键字声明变量,则JS会隐式的声明该变量,

grunt 相关知识

module.exports = function(grunt){ // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'//添加banner }, //任务一:压缩a.js,不混淆变量名

JS基础知识回顾:变量、作用域和内存问题

ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值. 基本类型值指的是简单的数据段,而引用类型值指的是那些可能由多个值构成的对象. 引用类型的值是保存在内存中的对象,与其他语言不同,JavaScript不允许直接访问内存中的位置,也就是说不能直接操作对象的内存空间. 在操作对象时,实际上是在操作对象的引用而不是实际的对象. 在很多语言中,字符串以对象的形式来表示,因此被认为是引用类型的,ECMAScript放弃了这一传统. 定义基本类型值和引用类型值的方式是类似的:创建

web聊天相关知识

http相关知识 http是无状态,请求,响应模式的通信模式,就是用户每次通过浏览器点击一下页面,都需要重新与web服务器建立一下连接,且发送自己的 session id 给服务器端以使服务器端验证此用户的身份.客户端若想从web服务器上获取数据,必须主动发起一个请求,然后接收服务器端的返回,服务器端不会主动向客户端推送消息. 基于传统的web服务器只会被动响应客户端请求的这个特性,想实现web实时聊天的需求,有以下几个方式:   轮询(polling) 轮询,客户端向服务器发出请求以获取一些数

AJAX跨域调用相关知识-CORS和JSONP(引)

AJAX跨域调用相关知识-CORS和JSONP 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常会遇到在一个页面的JS代码中,需要通过AJAX去访问另一个服务器并返回数据,这时候就会受到浏览器跨域的安全限制了. 这里要注意,如果只是通过AJAX向另一个服务器发送请求而不要求数据返回,是不受跨域限制的.浏览器只是限制不能访问另一个域的数据,即不能访问返回的数据,并不限制发送请求. 我们接下来就为

HTML入门基础教程相关知识

HTML入门基础教程 html是什么,什么是html通俗解答: html是hypertext markup language的缩写,即超文本标记语言.html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面.html文件是带有格式标识符和超文本链接的内嵌代码的ascii 文本文件——html结构了解. html文本是由 html命令组成的描述性文本,html 命令可以说明文字. 图形.动画.声音.表格.链接等. html网页结构包括头部 (head).主