js
关注
分享
扫一扫
文章平均质量分 63
今天会下雨吗
多动脑思考吧
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
将数组转为对象：键值对形式
const arr=[ {name:'harry', age:14}, {name:'sam', age:40}, {name:'gloria', age:16}, {name:'riky', age:33},]/* // 1. reduce(function(a,b),initValue) 使用reduce()函数每一次都会将上一次回调函数的返回值作为a的值，刚开始的时候a的初始值为initValue原创 2022-01-08 11:15:27 · 1758 阅读 · 0 评论 -
JavaScript执行原理
本文章知识来源b站upobjtube的卢克儿【干货】8分钟带你了解JS运行原理！写了那么多代码，还不知道JS是如何被运行的？干货】8分钟带你了解V8引擎是如何运行JS！都2020年了还不知道什么是V8？干货】6分钟带你掌握JS调用栈 | JS运行原理系列31. JS是如何被编译的JavaScript初认识JavaScript是由Brenddan Eich在1995年创建的，JavaScript在初期设计时基本就是很多语言的大杂烩借鉴了C语言的基本语法借鉴了Java语言的数据类型和内存管原创 2021-11-01 16:11:56 · 1124 阅读 · 0 评论 -
使用事件冒泡和事件委托来优化代码 - 给子元素添加事件问题
下面记录的是在完成纯js实现日历组件过程中遇到的问题遇到的问题1. 下拉菜单实现部分下拉菜单的展现，以及点击选项框后会出现的样式，都是事先写好的比如，下拉菜单是本来就存在了，只不过是隐藏起来了。当我点击选项框后，就给他添加了一个类名active，然后通过这个类名在添加了display:block让他显示出来同样的，选项框被点击后的样式，以及下拉菜单的每一个选项被选中后的样式，都是通过js给他们添加类名从而获得事先写好的样式。往常我是会通过js来给每一个动态变化的元素添加样式，这样看起来比较原创 2021-10-27 16:50:11 · 787 阅读 · 0 评论 -
JavaScript函数重载
函数重载: 就是指在同一个作用域内声明了几个类似的同名函数，这些同名函数的形参列表（参数个数，类型，顺序）必须不同，常用来处理实现功能类似数据类型不同的问题我们可以思考一下为什么JavaScript不支持函数重载每个 JavaScript 函数实际上都是一个 Function 对象实例。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。我们将函数名看作是指向函数的指针，那么在同一作用域内声明了两个相同名字和类型的指针，后面的必然会覆盖前面的如何实现JavaScri原创 2021-10-14 13:22:54 · 492 阅读 · 0 评论 -
JavaScript防抖和节流详解
一. 认识防抖和节流1.1. 对防抖和节流的认识防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电子元件中，节流出现在流体流动中而JavaScript是事件驱动的，大量的操作会触发事件，加入到事件队列中处理。而对于某些频繁的事件处理会造成性能的损耗，我们就可以通过防抖和节流来限制事件频繁的发生；防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个功能，有点摸不着头脑：某些开发者根本无法区分防抖和节流有什么区别（面试转载 2021-10-12 10:08:48 · 617 阅读 · 0 评论 -
JavaScript实现深拷贝
深拷贝//编写一个深度克隆函数function deepClone(obj) { // 1. 如果传过来的obj不是对象或者为空，则返回 if (typeof obj !== 'object' || obj == null) return obj; // 2. 判断传过来的obj是否为数组 let newObj = (obj instanceof Array) ? [] : {}; // 3. 通过for in循环访问对象属性 for(let key原创 2021-10-04 20:36:45 · 128 阅读 · 0 评论 -
纯js实现轮播图
结合我们前面学过的：鼠标监听事件（移入移出、点击），创建节点，排他思想、定时器等，就可以实现一个能手动和自动播放的轮播图效果图代码1. css /*清除元素默认的内外边距 */* { margin: 0; padding: 0}body{ width: 1000px; margin: 0 auto;}/*去掉列表前面的小点*/li { list-style: none;}/*图片没有边框 去掉图片底侧的空白缝隙*/img {原创 2021-05-06 16:47:26 · 117 阅读 · 0 评论 -
js 获取系统当前时间
<body> <p id="ptxt"></p> <script> var p = document.getElementById('ptxt'); p.innerHTML = getDate(); function getDate(){ var date = new Date(); var year = date.getFullYear(); var month = date.g.原创 2021-04-23 16:59:26 · 120 阅读 · 0 评论 -
JavaScript之选项框全选、取消、反选的实现
1.全选<script> window.onload = function(){ var oBtn = document.getElementById('btn1'); var oDiv = document.getElementById('div1'); var aCh = oDiv.getElementsByTagName('input'); oBtn.onclick = function (){原创 2020-08-17 16:12:14 · 190 阅读 · 0 评论 -
JavaScript提取行间事件
1.提取事件1.为元素添加事件点击按钮弹出对话框<script> window.onload = function(){ var oBtn = document.getElementById('btn1'); // function abc(){ // alert('a'); // } // oBtn.onclick = abc; //匿名函数 不用给函数取名字 方便原创 2020-08-17 15:48:11 · 201 阅读 · 0 评论 -
JavaScript之函数传参
当函数里有定不下来的东西是可以使用传参1.改变背景颜色HTML+css#div1{width: 200px; height: 200px; background:red;}<body> <input type = "button" value = "变绿" onclick = "setColor('green');"/> <input type = "button" value = "变绿" onclick = "setColor('yellow');".原创 2020-08-17 15:22:57 · 473 阅读 · 0 评论 -
JavaScript/jq之切换选项卡
实现：点击不同的按钮就会出现对应的内容 代码部分html<style> #div1 button{width: 100px; height: 30px;background-color: gray; color: white; font-size: 18px} #div1 .active{background-color: orange; color: blue} #div1 div{width: 340px; height: 300px.原创 2020-07-22 17:16:42 · 196 阅读 · 0 评论 -
导航栏背景下滑显示置顶透明
效果置顶时下滑后 代码html<div id="header"> <header class="headerCon"> <div class="header_txt1 main clearFixed"> <div class="header_logo l"> <p>...原创 2020-05-07 00:02:16 · 2546 阅读 · 3 评论