随笔分类 -  javaScript

JavaScript之浅拷贝与深拷贝
摘要：何为浅拷贝、深拷贝？我们在项目中可能会经常对数组、对象进行备份 但是你发现我们操作原数组或对象时，会把备份的数据也改变了。 这种情况下，你或与会感到疑惑，此时就需要你对拷贝有一点深入的了解 一、浅拷贝 1. 定义 只是把数组、对象的第一级拷贝，赋值给新的数组。一般我们实现的数组拷贝方法都是浅拷贝 2 阅读全文
posted @ 2020-09-08 21:04 JeanJY 阅读(162) 评论(0) 推荐(0) 编辑
JavaScript之单线程
摘要：何为单线程？多线程？ 单线程： 一个程序中只可以执行一个任务 多线程：一个程序中可以执行多个任务 一个人出去打电话，打完电话就看电视--> 单线程（一个任务结束再接着下一个） 一个人变打电话边看电视 --> 多线程（同时执行） 浏览器渲染Render进程（浏览器内核）有哪些线程？ GUI渲染线程 负 阅读全文
posted @ 2020-07-29 18:40 JeanJY 阅读(800) 评论(0) 推荐(0) 编辑
JavaScript 内存模型
摘要：最近我在学习JavaScript的过程中，对JavaScript的内存机制深感疑惑，所以查阅了一些资料和博客。将我了解到的分享出来，本人才疏学浅，希望有什么表述有误的地方，望指点一二。 JavaScript 的内存模型：调用栈和堆 栈（stack）是有结构的，每个区块按照一定次序存放（后进先出），栈 阅读全文
posted @ 2020-07-28 18:29 JeanJY 阅读(213) 评论(0) 推荐(0) 编辑
数据-内存-变量
摘要：今天小编主要是对数据，内存，变量这几个概念进行说明。内容是我最近所学到的，希望能跟大家分享下，若理解有误，还请各位指教一二。 什么是数据 存储在内存中代表特定的信息的东西，本质上是一串二进制组成的，如01110011.... 数据的特点是：可传递（var a=2;var b=a;）、可运算 万物皆数 阅读全文
posted @ 2020-07-26 22:57 JeanJY 阅读(324) 评论(0) 推荐(0) 编辑
数组去重的几种方法
摘要：数组去重的方法 方法一 利用set对象 function unique(arr){ let arr1=Array.from(new Set(arr)) return arr1; } let arr=[1,2,3,1,2,2,'a','b','c','c','a',4 ,4,false,false, 阅读全文
posted @ 2020-06-14 16:23 JeanJY 阅读(269) 评论(0) 推荐(0) 编辑
JavaScript的数组的基本方法
摘要：一、检测是否为数组 // 方式一 ES3 适用于只有一个全局环境 value instanceof Array// 方式二 ES5语法Array.isArray()例子： let arr=[1,‘hello’] console.log(arr instanceof Array) // true co 阅读全文
posted @ 2020-06-11 23:28 JeanJY 阅读(234) 评论(0) 推荐(0) 编辑
ES6 的Set与Map 对象
摘要：一、Set对象 Set是ES6新增的数据结构，她类似有数组的形式，Set对象是值的集合，并且Set的元素只会出现一次，不会重复。 基本用法 let obj={a:1} let tmp=[2,1] let arr=[1,2,4,2,5,1,4,obj,tmp] const set=new Set(ar 阅读全文
posted @ 2020-06-11 00:03 JeanJY 阅读(264) 评论(0) 推荐(0) 编辑
jQuery实现轮播图（css的样式利用了less实现）
摘要：界面实现效果如下： 实现思路： 制作一个轮播图的主要容器，所有内容都包括在其中，容器采用了overflow：hidden的样式，为后面的实现隐藏其他不必要显示的图片 轮播图图片如何运动？用一个容器高度一样的盒子把所有图片包括在里面，所有图片横向排布，图片样式可以用float：left来实现；然后通过 阅读全文
posted @ 2020-05-28 21:55 JeanJY 阅读(441) 评论(0) 推荐(0) 编辑
canvas 实现火焰的简单方式
摘要：实现效果如下 实验方法： 1. 火焰的构造 // 构造火焰 function torch(){ // 构造出来的菱形的对角线一半的长度 this.width=random(18,30); this.maxWidth=this.width; // 火焰位置 if(mouse.x&&mouse.y){ 阅读全文
posted @ 2020-05-03 17:09 JeanJY 阅读(575) 评论(0) 推荐(0) 编辑
canvas 实现简单的粒子运动效果
摘要：实现效果如下： 设计思路 1.初始化画布 2.再自定义创建80个圆点(数量可自定义)，然后初始化 3.然后实现是在一定距离范围内的圆点两两相连，并且运动起来 4.然后实现鼠标移进出现圆点与里面的圆点能相连 设计方法 1.初始化画布 // 初始化画布 let ele = document.getEle 阅读全文
posted @ 2020-05-03 15:39 JeanJY 阅读(1173) 评论(0) 推荐(0) 编辑
用点击事件的方式 实现二级下拉菜单（用javaScript与jquery，vue）
摘要：如何实现以下的导航栏下拉菜单的效果 实现思路 (1) 用html与css渲染出下拉菜单（html 主要使用ul，li标签来实现） (2)用点击事件去绑定所需要的dom元素，实现点击就可以下拉菜单 (3）在考虑点击下一个dom元素，使前一个下拉菜单消失 实现方法 1.用javaScript与jQuer 阅读全文
posted @ 2020-05-02 19:25 JeanJY 阅读(1962) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示