11 2022 档案

JS案例：数组相关
摘要：1、数组倒置 <script> var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9] var newArr = [] for (i = arr.length - 1; i >= 0; i--) { newArr[newArr.length] = arr[i] } console 阅读全文
posted @ 2022-11-28 21:38 千帆qf 阅读(34) 评论(0) 推荐(0)
JS案例：把一个新的数字，插入到一个数组中
摘要：把一个新的数字，插入到一个数组中 分情况考虑 1.如果arr是一个空数组 2.如果插入的数字比数组的每个元素都大 3.如果插入的数字比数组的每个元素都小 4.如果数组是倒序排列 <script> var arr = [1, 3, 7, 6] // var arr = [7, 6, 2, 1] var 阅读全文
posted @ 2022-11-28 21:31 千帆qf 阅读(309) 评论(0) 推荐(0)
浅拷贝和深拷贝
摘要：title: 浅拷贝和深拷贝 概念 浅拷贝：只拷贝最外面一层的数据；更深层次的对象，只拷贝引用。 深拷贝：拷贝多层数据；每一层级别的数据都会拷贝。 总结： 拷贝引用的时候，是属于传址，而非传值。关于传值和传址的区别，是很基础的内容，详见《JavaScript 基础/对象简介.md》这篇文章。 深拷贝 阅读全文
posted @ 2022-11-28 21:22 千帆qf 阅读(129) 评论(0) 推荐(0)
ES6
摘要：变量let、const ES5 中，使用 var 定义变量（ var 是 variable 的简写）。 ES6 中，新增了 let 和 const 来定义变量： let：定义变量，替代 var。 const：定义常量（定义后，不可修改）。 1、let：定义变量 举例 1： { let a = 'he 阅读全文
posted @ 2022-11-26 18:58 千帆qf 阅读(156) 评论(0) 推荐(0)
事件对象的兼容
摘要：每个事件函数天生有一个参数叫event，它是事件对象，如果想修改event的名称，事件函数的第一个参数就是用来修改的 <div id="div"></div> var oDiv = document.getElementById("div"); oDiv.onclick = function() { 阅读全文
posted @ 2022-11-26 17:07 千帆qf 阅读(74) 评论(0) 推荐(0)
JS图片放大镜功能实现
摘要：JS图片放大镜功能实现 技术关键点 1.左侧和上侧距离，在一个水平位置和垂直位置中有我们可以挪动的区域，就是原图片区域，鼠标挪动位置是一个块状位置，他的左侧和上侧距离浏览器上侧和左侧分别有一个长度，我们叫它们 ClientX 和 ClientY，而左上侧鼠标没有略过的位置实际上是一个点，我们拖动放大 阅读全文
posted @ 2022-11-19 17:09 千帆qf 阅读(265) 评论(0) 推荐(0)
JS 选项卡
摘要：思路： 需要标题和页面内容两个部分，几个标题就对应几个页面，页面设置定位使其重叠，在美化一下css样式即可 当点击某个标题时，显示出与标题相关的内容，同时标题样式发生变化，然后关联需要展示的页面内容，切换标题的同时页面同时切换 1、获取元素； 2、for循环按钮元素添加onclick(点击) 或者 阅读全文
posted @ 2022-11-18 21:24 千帆qf 阅读(287) 评论(0) 推荐(0)
循环练习
摘要：练习一：质数相关 题目：在页面中接收一个用户输入的数字，并判断该数是否是质数。 方法一 代码实现： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title></title> <script type="text/javascript 阅读全文
posted @ 2022-11-11 20:33 千帆qf 阅读(111) 评论(0) 推荐(1)
详解从浏览器地址栏输入URL到页面显示的步骤
摘要：版本1（基础版本） 步骤1：浏览器根据请求的 URL 交给 DNS 域名解析，找到真实 IP ，向服务器发起请求； 步骤2：服务器交给后台处理完成后返回数据，浏览器接收⽂件（ HTML、JS、CSS 、图象等）； 步骤3：浏览器对加载到的资源（ HTML、JS、CSS 等）进⾏语法解析，建⽴相应的内 阅读全文
posted @ 2022-11-05 10:31 千帆qf 阅读(1024) 评论(0) 推荐(0)