Javascript
掌握前端常用性能,案例分析,打造完整前端工作流,提升编程能力和思维能力。JavaScript(面向对象+原型理解+继承+作用域链和闭包+this等使用总结)
Macro_30
旅行诗人
展开
-
赋值,浅拷贝,深拷贝 的区别
1.赋值当对象赋值给一个新的变量时,赋的其实是对象在栈中的地址,而不是堆中的数据。 也就是两个对象共同指向同一个存储空间,无论是哪个对象修改数据,都会改变储存空间的内容,因此两个对象相互影响。2.浅拷贝重新在堆内存中开辟一个新的区域存放对象,拷贝前后对象的基本类型互不影响,但前后对象的引用类型会互相影响== (因为浅拷贝只拷贝基本数据类型,遇到对象级别的引用的类型只拷贝地址,因此浅拷贝只拷贝一层,更深层无法拷贝)==深拷贝重新在堆内存中开辟一个新的区域存放对象,对对象中的子对象进行递归拷贝,拷贝前原创 2021-09-09 11:07:30 · 304 阅读 · 0 评论 -
前端操作Cookie
前端操作Cookie1、了解cookie2、 js封装代码1、了解cookie + cookie是一个存在客户端(浏览器)的存储空间 == 浏览器是一个软件 == 当你运行浏览器的是偶 == 一部分位置是来给页面运行的 == 一个小部分位置是专门来存储数据的 + 这个cookie空间里面可以以“字符串”的形式存储一些原创 2021-09-04 12:28:23 · 705 阅读 · 0 评论 -
移动端rem适配(简单实用)
原理:(根据设备视口宽度,自动适配根元素fontSize)定义好设计稿宽度,然后获取设备视口宽度,根元素的fontSize= 设备视口宽度/设计稿宽度时 X 100 + “px” ,设备视口宽度越大,fontSize就越大,反之则越小。**使用方法:**只需把以下代码以script标签的形式,放入主页面的head加载。 <script> function setHtml_fontSize(){ let designWidth = 750;//设计稿宽度原创 2021-03-29 19:44:53 · 95 阅读 · 0 评论 -
css实现多行换行,并自动在后面加省略号
css有换行的标签,但是只能实现单行换行,使用起来很不方便。以下代码可以实现多行换行,并且后面自动加省略号,但是在使用之前需要给它一个固定的宽度,把下面的代码直接复制过去就可以了。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> .text{原创 2021-01-25 17:17:22 · 2218 阅读 · 0 评论 -
原生JS实现复制功能
第一步引入第三方clipboard.min.js包第二步对对象进行操作的方式方法有两种可以选择:data-clipboard-action=“copy”;data-clipboard-action=“cut”;第三步data-clipboard-target=“input” //这个对象可以是 #id,也可以类选择器 .class ,也可以是元素等然后实例化 Clipboard 对象:var clipboard = new Clipboard(“input”);##代码示原创 2021-03-13 08:47:39 · 288 阅读 · 0 评论 -
递归函数如何使用_慧眼识破
递归函数如何使用递归函数 ==>什么是递归函数: ==>在编程的世界里面,递归就是一个自己调用自己的手段 ==>递归函数:一个函数内部,调用了自己,循环往复 ==>其实递归函数和循环很类型 ==>要实现递归需满足两个条件 ==>1.满足结束条件的时候结束函数 ==>2.是不满足结束条件的时候要执行的代码 /*以下代码就是一个简单的递原创 2020-07-11 10:55:39 · 176 阅读 · 0 评论 -
JavaScript 对象一见秒懂!
什么是对象?#任何占内存的实体都是对象(自然界中万物皆对象)面向对象方法的核心是: 封装,继承,多态。 我们知道对象是以现实世界的对象为模型构造而来的,具有状态和行为, 其中状态保存在一组状态中,而对象的行为通过对象方法来实现的。 我们可以用软件对象来表示现实世界中对应的对象。(现实生活中,一辆车就是一个对象,我们知道对象是有属性和方法的。车的属性:颜色、重量、牌子 车的方法(功能):启动,驾驶,停车等方法)JavaScript 中我们可以理解为对象是变量的容器。JavaSc原创 2020-07-18 18:29:26 · 264 阅读 · 1 评论