JavaScript
关注
分享
扫一扫
文章平均质量分 70
TA_WORLD
这个作者很懒，什么都没留下…
展开
-
函数参数arguments与rest 剩余参数解析
从arguments对象输出的内容我们可以看出arguments的原型指向的是Object，而array的原型指向的是Array，所以arguments严格来说不是个数组，一般我们把它称作是或者。原创 2023-03-09 11:46:38 · 626 阅读 · 0 评论 -
Js this绑定规则细节和面试分析
独立函数调用的情况下默认绑定独立的函数调用我们可以理解成函数没有绑定到某个对象进行调用。原创 2023-03-05 16:53:38 · 478 阅读 · 0 评论 -
JS 快速创建二维数组 fill方法的坑点
我们可以发现所有数组中的第二个元素都发生了改变查看MDN，我们会发现，当一个对象作为fill方法的参数时，填充数组的元素是这个所以，new Array只创建了一个数组，填充第二层的数组其实是同一个数组。原创 2023-02-27 19:57:23 · 544 阅读 · 0 评论 -
前端开发核心知识进阶 —— this指向问题
this指向问题原创 2022-09-26 22:04:41 · 537 阅读 · 0 评论 -
牛客网 JS 分隔符
牛客网 JS 分割符（千位分割符）多用于价格的表示原创 2022-07-03 00:19:23 · 545 阅读 · 0 评论 -
解决 多行文本换行问题
场景：在一段文本中，显示的文本内容过多，需要进行分行显示可能出现的问题：【例子】回复@xxx再加上回复的内容但是，因为回复的内容过长，而自动换行解决方法：在外层块元素内添加样式 .innercontainer { word-break:break-all }...原创 2022-03-07 22:55:21 · 518 阅读 · 0 评论 -
JS 闭包
JS闭包向上查找因为有作用域的存在，所以有了全局变量和局部变量var a = 1function fn() { a++ console.log(a)}fn() //2fn() //3如以上代码，在函数fn中没有a变量，那么就向上查找，在全局变量中找到了a变量并执行函数回收机制外界无法访问函数内部变量，函数执行之后，上下文即被销毁。function fn() { let a = 1 let b = c}fn函数中的a,b都是局部变量，在fn函数执行结束之后就会原创 2022-01-16 16:51:08 · 159 阅读 · 0 评论 -
jQuery（包含案例）
jQueryjQuery是一个快速、简洁的JavaScript库，倡导写最好的代码，做更多的事jQuery封装了JavaScript常用的功能代码，优化DOM操作、事件处理、动画设计和Ajax交互文章目录jQuery入口函数jQuery的顶级对象$jQuery对象和DOM对象jQUery选择器隐式迭代jQuery筛选选择器排他思想jQuery操作样式修改样式css方法修改样式类操作jQuery效果显示隐藏效果滑动效果事件切换动画队列及其停止排队方法动画或者效果队列停止排队淡入淡出效果自定义动画jQue原创 2021-09-12 20:45:36 · 1203 阅读 · 0 评论 -
JavaScript飞机（正方形飞机）大作战
JavaScript飞机（正方形飞机）大作战要求：飞机随着鼠标移动，或者使用键盘操作，飞机不能超出界面框每隔相应的时间，友方飞机自动发射子弹每个相应的时间，出现一个敌机子弹碰到敌机，敌机和子弹消失友机和敌机相撞，游戏结束涉及内容：setInterval定时器，主要用于发射子弹和敌机的出现元素的大小和元素距上、左可视窗口的大小的距离，需要offset和client相关知识document.documentElemnet.clientWidth 可视窗口的宽度<!DOCTYP原创 2021-09-06 13:28:11 · 367 阅读 · 0 评论 -
offset client scroll 三大系列（包含案例）
offset client scroll 三大系列文章目录offset client scroll 三大系列元素偏移量offset系列offset概述offset与style区别【案例】获取鼠标子在盒子内的坐标【案例】模态框拖拽【案例】仿京东放大镜元素可视区client系列立即执行函数元素滚动scroll系列【案例】仿淘宝固定侧边栏offset和client和scroll的主要用法元素偏移量offset系列offset概述offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态得到元原创 2021-08-31 19:44:32 · 348 阅读 · 0 评论 -
JavaScript 拖拽的模态框
JavaScript 拖拽的模态框【案例分析】点击弹出层，会弹出模态框，并且显示遮挡层点击关闭按钮，可以关闭模态框，并且同时关闭遮挡层鼠标放到模态框在上面一行，可以按住鼠标拖拽模态框在页面中移动鼠标放松，可以停止拖动模态框页面拖拽的事件是：鼠标按下mousedown，鼠标移动mousemove，鼠标松开mouseup拖拽过程：鼠标移动过程中，鼠标获得最新的left、right值并赋值给模态框实现元素居中效果left: 50%;top: 50%;transform: translat原创 2021-08-25 15:37:31 · 159 阅读 · 0 评论 -
BOM(包含案例）
BOMBOM概述BOM即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法和属性BOM的构成window对象是浏览器的顶级对象，它具有双重角色它是js访问浏览器窗口的一个接口它是一个全局对象。定义在全局作用域的变量、函数都会变为window对象的属性和方法在调用的时候可以省略window，前面学习的对话框都属于window对象方法，如alert()、prompt()等注意：window下的一原创 2021-08-21 21:21:38 · 1347 阅读 · 0 评论 -
DOM 事件高级 (禁止右键菜单、禁止选中及键盘事件）
事件高级想了解DOM基础，可点击查看 DOM详细基础及多个案例文章目录事件高级注册事件传统方式方法监听注册方式删除事件传统方式解绑方法监听注册方式DOM事件流事件对象target和this的区别阻止事件冒泡事件委托常用的鼠标事件禁止右键菜单禁止鼠标选中鼠标事件对象制作跟随鼠标的图像常用的键盘事件判断键盘事件的内容模拟按键跳入搜索框注册事件给元素添加事件，称为注册事件或者绑定事件注册事件由两种方式：传统方式和方法监听注册方式传统方式var button = document.querySelec原创 2021-08-17 20:57:29 · 1059 阅读 · 0 评论 -
DOM基础详细 包含多个案例
DOM基础详细 包含多个案例DOM基础 详细DOM基础详细 包含多个案例一级目录二级目录三级目录DOM树获取元素如何获取元素根据ID获取根据标签名获取获取特殊元素事件基础操作元素改变元素的内容修改src(其他的类似)根据时间，显示不同的问候语和图片表单元素的修改显示和隐藏密码操作元素的大小、颜色及样式行内样式操作循环精灵图显示隐藏文本框内容使用className修改样式属性密码框验证信息排它思想点击图片修改背景全选和单选自定义属性获取自定义属性设置自定义属性移除属性tab栏切换节点操作节点层级父级节点子级原创 2021-08-13 21:04:06 · 1459 阅读 · 0 评论 -
js tab栏切换
tab栏切换【案例分析】：单击tab栏，切换内容，只能看见该栏的内容，因此其他的内容的display设置为none此处注意以下：在js中修改元素的属性的时候是改为行内属性，行内属性优先级大于在style的运用排它思想，先将所有元素清除样式，再给当前元素设置样式HTML<div class="tabBox"> <ul id="tab"> <li class="onclickStyle">tab1</li> &l原创 2021-08-09 11:34:48 · 267 阅读 · 0 评论 -
JavaScript 内置对象
内置对象JavaScript中的对象分为三种：自定义对象、内置对象、浏览器对象前面两种是js基础内容，属于ECMAScript；第三个浏览器对象是js独有内置对象就是指js语言中自带的对象，这些对象供开发者使用，并且提供一些常用的或者最基本而必要的功能（属性和方法）Math对象Math数学对象，不是一个构造函数，所以我们不需要new来调用，而是直接使用里面的属性和方法即可Math.PI 属性，圆周率Math.max() 方法，返回最大值，里面存在非数字则返回NaN，没有参数则返回-Infin原创 2021-07-24 14:45:30 · 83 阅读 · 0 评论 -
JavaScript 购物车中的全选和单选及总金额计算的简易代码
全选和单选案例分析全选和取消全选做法：让下面所有的复选框的checked属性(选中状态)跟随全选按钮即可当单选全部勾选的时候，全选的选框自动勾选，当失去个别单选选框的时候，全选选框失去勾选在全选和取消全选的代码中，使用的是this.checked，而不使用flag来标记，这样子代码更精简，如果使用flag，那么可能会使用两个for循环<!DOCTYPE html><html> <head> <title>全选和单原创 2021-08-06 20:59:25 · 5593 阅读 · 0 评论