js
js基础学习笔记记录
lk_kl
这个作者很懒,什么都没留下…
展开
-
[js基础] 元素可视区client + 立即执行函数 + 元素滚动scroll
clientWitrh与offsetWith最大的区别就是不包含边框立即执行函数:(function(){})():后面的()相当于调用,可传参(function(){}())主要作用:创建一个独立的作用域,避免命名冲突问题多个立即执行函数间要用‘;’隔开window.devicePixelRatio:物理像素比,pc端为1,手机端为2pageshow事件,重新加载页面触发的事件,火狐也可以。load事件火狐不可。pageshow事件有persisted属性,用来判断是否是缓存的页面,是返.原创 2020-05-25 17:13:14 · 149 阅读 · 0 评论 -
[js基础] pc端网页特效
元素偏移量 offset系列使用offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获取元素距离带有定位父元素的位置获取元素自身的大小,即宽度和高度!!返回的数值不带单位element.offsetWith不包含margin值,仅包含自身width+padding+borderelement.offsetParent:返回带定位的父元素element.parentNode:返回最近的父元素,无论带不带定位...原创 2020-05-25 14:34:21 · 149 阅读 · 0 评论 -
[js基础]BOM浏览器对象模型
BOM概述BOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM的构成窗口加载事件window.onload = function(){} window.addEventListener('load',function(){})当文档内容完全加载完成会触发该事件(包括图像、脚本文件、CSS文件等)1、有了window.onload就可以把js代码写在页面元素的上方2、window.onload传统注册事件方式只能写一次,如果有原创 2020-05-21 23:05:25 · 212 阅读 · 0 评论 -
[js]事件及事件流
注册事件注册事件也称为绑定事件,有两种方式:传统方式和方法监听注册方式传统方式:on开头的事件特点:注册事件唯一,同一个元素只能设置一个处理函数。最后注册的函数会覆盖之前的方法监听注册方式:addEventListener(type,listener[, useCapture]):(IE9后才支持)type:事件类型,如click、mouseover(不带on)listene...原创 2020-05-18 15:29:32 · 158 阅读 · 0 评论 -
[js API] DOM基础知识,节点操作
js API学习day2通过calssName改变元素样式:element.className = ’ ‘;会覆盖以前的类名想保留原来的类名:element.calssName = ‘原类名 新类名’改变body的背景样式:document.body.style.background = ‘url(’+xxx+’)’...原创 2020-05-04 17:28:53 · 112 阅读 · 0 评论 -
[js学习] web APIs
Web API学习day1API(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。DOM文档对象模型(DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。通过DOM可以改变网...原创 2020-04-18 22:51:55 · 145 阅读 · 0 评论 -
[js学习]对象
js学习day3对象创建对象利用对象字面量创建对象:-var obj={uname: “didi”,age: 18,say: function(){console.log(“di”);}} 调用属性方法:1、对象名.属性名2、对象名[‘属性名’]调用对象的方法:对象名.方法名()利用new Object创建对象var obj = new Object()...原创 2020-04-17 18:01:45 · 229 阅读 · 0 评论 -
[js学习]基础day2
js基础学习—运算符已经学过其他编程语言,所以只记录一些需要注意的点算术运算符递增和递减运算符前置自增自减运算符++a:先自增/自减后返回值后置自增自减运算符a–:先返回原值后自增/自减比较运算符===和!= =表示全等,要求值和数据类型都相等逻辑运算符短路运算(逻辑中断):当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值逻辑与语法:表达式...原创 2020-04-12 22:52:17 · 97 阅读 · 0 评论 -
[js学习] javaScript学习
JavaScript学习day1什么是JavaScriptJavaScript是一种运行在客户端的脚本语言脚本语言:不需要编译,运行过程中由js解释器逐行来进行解释并执行现在也可以基于Node,js技术进行服务器端编程浏览器执行js浏览器分成两部分:渲染引擎和js引擎渲染引擎:用来解析HTNL和CSS,俗称内核。如chrome的blink,老版本的webkitJS引擎:成为j...原创 2020-04-11 18:37:33 · 202 阅读 · 0 评论