JavaScript
文章平均质量分 61
JavaScript学习分享
陌上烟雨寒
这个作者很懒,什么都没留下…
展开
-
canvas学习
Canvas API 提供了一个通过 JavaScript 和 HTML 的 元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。原创 2024-06-14 10:57:15 · 655 阅读 · 0 评论 -
滚动到指定行 scrollIntoView()
需求:滚动到指定行。在我苦思无果后,就把这个问题搁置了(直接摆烂)最近在啃书《javascript高考程序设计》,偶然看到一个方法,Element.scrollIntoView(),只能说妙呀。废话不多说,给大家介绍一下这方法的使用。原创 2022-12-20 17:02:30 · 659 阅读 · 0 评论 -
判断当前用户是否正在与页面交互
Page Visibility API不知道用户是不是正在与页面交互,这是困扰广大 Web 开发人员的一个主要问题。如果页面最小化了或者隐藏在了其他标签页后面,那么有些功能是可以停下来的,比如轮询服务器或者某些动画效果。Page Visibility API(页面可见性 API)就是为了让开发人员知道页面是否对用户可见而推出的。document.hidden:表示页面是否隐藏的布尔值。页面隐藏包括页面在后台标签页中或者浏览器最小化。document.visibilityState:表示下列 4原创 2022-06-20 08:40:40 · 554 阅读 · 0 评论 -
如何不让input输入框显示或禁止历史记录
html的input框获取光标后,会提示原来输入过的内容,还会出现下拉的历史记录,有时候项目中完全不需要这个,大家基本禁止这种情况,基本都是在input中加入:autocomplete=“off”<input type="text" autocomplete="off" />...原创 2022-01-13 08:32:44 · 967 阅读 · 0 评论 -
js轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-04-08 15:48:50 · 89 阅读 · 0 评论 -
函数的防抖节流
防抖节流:限制函数执行次数防抖:通过SetTimeout的方式,在一定的时间间隔内,将多次触发变成一次触发。节流:减少一段时间的触发频率防抖:场景:在用户提交表单时,为了避免用户在短时间内多次点击提交按钮<input type="text"> <button id="btn">提交</button> var btn = document.getElementById("btn"); btn.addEventListener("click",原创 2021-06-11 10:33:10 · 111 阅读 · 1 评论 -
JS中遍历对象属性的几种方式
为了彻底搞定对象遍历的方法,我不得不翻出我的红宝书,找到“面向对象的程序设计—创建对象”的内容,仔细的研究了一下(起因来源于,突发奇想,想彻底搞懂原型链相关的知识,结果发现了对象属性遍历的几种方式,O哈哈~)我们先创建一个对象1. 这个方法接收一个对象作为参数,返回一个包含所有可枚举实例属性的字符串数组如果你想要得到所有实例属性,无论它是否可枚举,都可以使用 方法。用 循环时,返回的是所有能够通过对象访问的、可枚举的属性,其中既包括存在于实例中的属性,也包括存在于原型中的属性...原创 2022-06-22 15:01:14 · 11075 阅读 · 0 评论 -
js深拷贝和浅拷贝的理解
js深拷贝和浅拷贝的实现方法原创 2022-06-30 13:30:20 · 188 阅读 · 0 评论 -
node学习(自用)
2 fs文件系统模块const fs = require('fs')2.1 读取文件中的指定内容fs.readFile() 语法格式fs.readFile(path[,options],callback)path:路径options:编码格式callback:读完文件后拿到的结果const fs = require('fs')fs.readFile('./files/11.txt', 'utf8', function (err, dataStr) { if (err) {原创 2022-04-08 15:37:45 · 1290 阅读 · 0 评论 -
JavaScript es6-学习笔记-(自用)
es6ECMA介绍,名称let const1. let 命令let声明的变量只在所处的块级有效,var不具有这个特点for循环:循环变量是一个父作用域,而循环体内部是一个单独的子作用域。没有变量提升暂时性死区只要块级作用域内存在let命令,不再受外部的影响。即使用let命令声明变量之前,该变量都是不可用的var tmp = 123;if (true) { tmp = 'abc'; // ReferenceError let tmp;}规定暂时性死区和let、co原创 2020-08-26 09:45:33 · 793 阅读 · 0 评论 -
javascript学习笔记
函数表达式一种是函数声明function functionName(arg0, arg1, arg2) {//函数体}重要特征: 就是函数声明提升第二种创建函数的方式var functionName = function(arg0, arg1, arg2){//函数体};匿名函数(anonymous function)因为 function 关键字后面没有标识符。(匿名函数有时候也叫拉姆达函数。)匿名函数的 name 属性是空字符串。sayHi(); //错误:函数还原创 2020-08-26 09:45:58 · 91 阅读 · 0 评论 -
javaScript继承- 学习笔记
继承发展史1.传统形式-> 原型链中过多的继承了没用的属性2.借用构造函数不能继承借用构造函数的原型每次构造函数都要多走一个函数3.共享原型各不能随便改动自己的原型4.圣杯模式1. 传统形式-> 原型链 //想继承的也继承了不想继承的也继承了。效率比较低 Grand.prototype.lastName = "ji"; function Grand(){ } var grand = new Gra原创 2020-07-09 14:49:21 · 77 阅读 · 0 评论 -
原型、原型链-学习笔记
计算字节长度:function bytesLength(str){ var count = 0; for(var i = 0;i < str.length; i++){ if(str.charCodeAt(i) > 255){ count += 2; }else{ count ++; } } return count;}原型介绍:定义:原型是function对象的一个属性,它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象,可以继承原创 2020-07-09 13:42:55 · 111 阅读 · 1 评论 -
命名空间、对象枚举-学习笔记
命名空间问题访问:很麻烦var jicheng = org.department1.jicheng;jicheng.name;通过立即执行函数解决命名空间问题好处:形成闭包,私有化变量防止污染全局变量 var name ="bcd"; var init = (function(){ var name = "abc"; function callName(){ console.log(na原创 2020-07-09 15:52:34 · 246 阅读 · 1 评论 -
JavaScript操作dom 和 事件(JS HTML DOM)
js操作dom操作dom查找html元素document.getElementById(id) 通过元素 id 来查找元素document.getElementsByTagName(name) 通过标签名来查找元素document.getElementsByClassName(name) 通过类名来查找元素document.querySelector();通过 CSS 选择器查找 HTML 元素document.querySelectorAll("p.intro"); 通过 CSS 选择器查原创 2020-07-22 14:47:17 · 274 阅读 · 0 评论 -
jquery学习笔记-(自用)
5、jQuery引入 <!--[if lt IE 9]> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="https://cdn.bootcdn.net/aja原创 2020-07-15 16:01:58 · 546 阅读 · 0 评论 -
正则表达式-学习笔记
正则表达式https://www.w3school.com.cn/jsref/jsref_obj_regexp.asp补充知识:转义字符“/”\n 回车 换行\r 行结束符\t tab多行字符串RegExp正则表达式的作用:匹配特殊字符或有特殊搭配原则的字符的最佳选项两种创建方式直接量var reg = /abc/// 正则表达式bacnew RegExp();var reg = new RegExp(“abc”);注意:var reg = /abce/m;va原创 2020-07-07 11:02:35 · 141 阅读 · 0 评论 -
获取窗口属性,获取dom尺寸,脚本化CSS--自用
查看滚动条的距离window.pageXOffset/pageYOffsetIE8及IE8以下不兼容document.body/documentElement.scrolleftscrollTop兼容性比较混乱,用时取两个值相加,因为不可能存在两个同时有值封装兼容性方法,求滚动轮滚动离getScrollOffset()/*return x:滚动条滚动的x轴距离return y:滚动条滚动的y轴距离*/function getScrollOffset() {原创 2020-07-22 10:29:18 · 99 阅读 · 0 评论