原生JS
基础知识
Cool_so_cool
这个作者很懒,什么都没留下…
展开
-
获取div元素距离可视窗口底部的距离
当前可视区域的高度 - (元素到文档顶部的距离 - 滚动条滚动的距离)- 元素自身的高度dom是当前要获取的元素window.innerHeight - (dom.offsetTop - window.pageYOffset) - dom.offsetHeight原创 2021-07-13 20:26:34 · 4143 阅读 · 0 评论 -
项目端口被占用,报错Error: listen EADDRINUSE: address already in use 127.0.0.1:8080,npm ERR! lshan@1.0.0 dev:
直接上报错截图遇到这种问题,项目一直启动不了,就是端口被占用了,解决方法。借鉴一个大佬的博客把问题解决了。1,先windows+r打开窗口2,netstat -ano |findstr 端口号 得到进程号 (findstr 很像linux下的grep命令)3. taskkill /pid 进程号 /F4 . netstat -ano |findstr 端口号 可以再验证下该端口还开着没整体流程如下原文链接https://blog.csdn.net/CallMeV6/原创 2021-06-11 18:54:28 · 947 阅读 · 0 评论 -
原生 两台服务器,一级域名一样,通过cookie存值、获取、删除
设置(cookie存值): function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires + "原创 2021-03-30 11:02:19 · 336 阅读 · 0 评论 -
Tue Feb 23 2021 00:00:00 GMT+0800 (中国标准时间)时间格式转换
element-ui上的日历,当你选择的时候,人家会帮你转好格式放在框里,在日历上有一个change事件,点击的时候,会输出控制台里面的那些日期,这个时候,你要是想在别的地方用,就要给那个时间格式转换一下了,下面是转换的代码 let date = new Date(dateData) let y = date.getFullYear() let m = date.getMonth() + 1 m = m < 10 ? ('0' + m) : m .原创 2021-02-25 19:07:11 · 16167 阅读 · 6 评论 -
循环数组对象,并且返回一个新的数组对象
最基础的,感觉挺好用```javascript[ {dd:'22',AA:'张三',re1:123}, {dd:'33',AA:'李四',re1:234}, {dd:'44',AA:'我去',re1:456}];var arr=[];理想目标arr=[ {AA:'张三',re1:123}, {AA:'李四',re1:234}, {AA:'我去',re1:456}] ```javascript在这里插入var data = [ {dd:'22',AA:'张三原创 2020-07-03 14:26:46 · 3809 阅读 · 0 评论 -
JS的单线程运行机制
一. 区分进程和线程很多新手是区分不清线程和进程的,没有关系。这很正常。先看看下面这个形象的比喻:进程是一个工厂,工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人,多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享空间如果是 windows 电脑中,可以打开任务管理器,可以看到有一个后台进程列表。对,那里就是查看进程的地方,而且可以看到每个进程的内存资源信息以及 cpu 占有率。进程是 cpu 资源分配的最小单位(是能拥有资源和独立运行的最小单位)线程是 cpu 调度的最小单位(转载 2020-06-07 16:57:28 · 359 阅读 · 0 评论 -
面向对象中的几种设计模式
1.单例设计模式(Singleton Pattern)1.为什么会出现单例模式呢在同一作用域下会出现相同的姓名时,就需使用这个单例模式。单例模式一般都会结合闭包一起来使用的let name='张三';let age=20;let sex= '男';let name='李四';let age=21;let sex= '男';2.单例模式是干嘛的把描述当前事务的信息进行分组归类(减少全局变量的污染)let obj={ name:"张三"; age:20 }原创 2020-06-07 16:05:07 · 457 阅读 · 0 评论 -
面向对象的编程思想
对面向对象的理解在我理解,面向对象是向现实世界模型的自然延伸,这是一种“万物皆对象”的编程思想。在现实生活中的任何物体都可以归为一类事物,而每一个个体都是一类事物的实例。面向对象的编程是以对象为中心,以消息为驱动,所以程序=对象+消息。面向对象有三大特性,封装、继承和多态。封装就是将一类事物的属性和行为抽象成一个类,使其属性私有化,行为公开化,提高了数据的隐秘性的同时,使代码模块化。这样做使得代码的复用性更高。继承则是进一步将一类事物共有的属性和行为抽象成一个父类,而每一个子类是一个特殊的父类–有父转载 2020-06-04 07:47:32 · 316 阅读 · 0 评论 -
闭包的简单理解
闭包是一个现象,js中有个垃圾清理机制,找到内存中那些不再使用的变量,并将其释放掉。当父环境中的某个变量被子环境使用时,整个父环境的其他变量也会被保留(全局环境的变量不会被回收)。当我们利用子函数能够访问父函数中的变量来解决问题时,就形成了闭包闭包导致的内存泄露的解决方案:让被使用的变量被使用完后,在合适的时机赋值为null...原创 2020-06-03 06:41:29 · 215 阅读 · 0 评论 -
JS中的数据类型的比较
1. 数据类型的比较== : 相对比较,会默认进行数据类型的转换,然后再比较,结果一定是一个布尔值=== :绝对比较,直接进行比较,不进行数据转换,结果一定是一个布尔值 console.log(1===true);// false console.log(1==="1");// false2. 对象指的对象数据类型的;对象==对象 : 比较的是空间地址;空间地址不同,结果就是false;对象==字符串 : 先把对象转成字符串(会调用自身的toString方法),然后再和字符串比原创 2020-05-22 16:43:53 · 690 阅读 · 0 评论 -
JS中this的7种指向问题
什么是this?this --> 关键字;在JS中有特殊的含义。注意: this 不能放到等号的左边;下面看一下在不同的情景下,this不同的指向情况1. 在全局作用域,this指向window;this 和window是同一块空间地址; //直接在html文件中输出this,指向的window console.log(this);// window //下面这两个含义是一样的 window.alert() th原创 2020-05-21 16:55:11 · 441 阅读 · 0 评论 -
构造函数模式,以及new的理解
1. JS为了区分构造函数和普通函数,一般将构造函数首字母大写;2. 构造函数this指向当前的实例;3. 构造函数:形成私有作用域 --> 形参赋值 --> 变量提升–>创建一个空对象,并且让当前作用域this指向这个空对象—> 代码从上到下执行–>返回this–> 作用域是否销毁4. instanceof : 是检测当前实例是否属于某个类;如果是返回true,不是返回false;只能检测用数据类型5. 内置类 : Number String Boolean原创 2020-05-11 23:29:17 · 365 阅读 · 0 评论 -
ES6新特性
let(声明变量)const(声明常量,常量不能修改的量)import/export(基于ES6的模块规范创建导入/导出模块(文件/组件))new set(数组去重)Symbol(唯一的值) var a = Symbol(‘qqq’)…ary(展开运算符、剩余运算符)${} 模板字符串解构赋值 let {a} = obj; let [b] = aryfor of 循环()=&...原创 2020-03-08 15:39:36 · 293 阅读 · 0 评论 -
数据类型的几种检测方式总结
数据类型检测的四种方法1. typeof2.instanceof3. constructor4. 4.Object.prototype.toString.call()1.typeof 1. 返回一个字符串,字符串中包含了对应的数据类型 2. 不能检测null 3. 不能检测对象数据类型(引用数据类型)2.instanceof是检测实例是否属于某个类的方法...原创 2020-04-14 23:09:39 · 1288 阅读 · 1 评论 -
JS中继承的几种方式总结,以及原型的理解
先看一张原型图1.每一个函数数据类型天生自带一个prototype属性,prototype的属性值是一个对象数据类型的;2. prototype的属性值天生自带一个constructor属性,constructor属性值指向当前原型所属的类;3. 每一个对象数据类型天生自带一个__proto__,其属性值指向当前实例所属类的原型Class继承class语法 class Bar{ //...原创 2020-04-14 22:25:29 · 283 阅读 · 0 评论 -
JS盒子模型
盒子模型: // 1.clientWidth: 内容宽度+左右padding // 2.clientHeight:内容的高度+上下padding // console.log(box.clientWidth) // 540 // 3.clientLeft :左边框的宽度 // 4.clientTop :上边框的高度 //5.offsetWidth: 盒...原创 2020-03-10 20:47:53 · 246 阅读 · 0 评论 -
面向对象
面向对象面向过程:是以过程为核心,它关注眼下要解决的问题。现在有一个功能要实现,就写一段代码来实现。它不关心过去是否有过类似的功能,未来是否还有类似的功能。面向对象:是一种对现实世界的理解和抽象方法。面向对象关心现有问题分类解决,过去有没有写过类似的代码,现在可以复用;我们现在做的功能未来是不是还要用。• 面向对象的研究范畴:对象:万物皆对象,每个对象都有各自的属性、特性和功能;类:抽...原创 2020-03-09 22:17:31 · 121 阅读 · 0 评论 -
鼠标,键盘,表单元,框架/对象,移动端,事件对象
事件 是 浏览器的一种行为,也可以是用户行为 ,发生在HTML元素上的事情鼠标事件 ????????????????onclick:点击onmouseover:鼠标移到某元素之上onmouseout:鼠标从某元素移开。onmouseenter:事件在鼠标指针移动到元素上时触发。onmousemove:事件会在鼠标指针移动时发生。ondblclick:当双击鼠标按钮时执行一段onmousel...原创 2020-03-08 16:18:36 · 181 阅读 · 0 评论 -
JS作用域理解
作用域:全局作用域和私有作用域全局作用域当你打开一个页面,浏览器就会形成全局作用域为代码执行提供环境,在全局作用域会生成一个全局的大对象叫window全局作用域一般不销毁,直到页面关闭,作用域才会销毁 • 全局变量 在全局作用域下声明的变量就是全局变量let a = 12;var b = 13;function fn(){} // 1、用var和function声明的变量会在全局...原创 2020-03-08 16:01:26 · 137 阅读 · 0 评论