![](https://img-blog.csdnimg.cn/20201031093508415.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 93
该专栏将详细讲解html、css、js……等前端知识要领
御弟謌謌
我好像从来没有做好过一件事,这次我想专心做好一件事!
展开
-
超级干货:手把手教你如何实现数据可视化
目录:一、引言二、数据可视化1、数据可视化是什么?2、数据可视化的目的3、使用场景4、数据可视化工具5、ECharts 可视化工具1、什么是ECharts2、如何使用(1)下载(2)引入ECharts(3)使用(4)案例3、基础配置4、ECharts社区(1)介绍(2)使用一、引言我们正处在一个数据横飞的大数据时代,对于我们来说数据是非常重要的,那么怎样把它的重要之处就展示出来是我们需要掌握的,这就是接下来本文要讲的重点数据可视化。通过观察数字和统计数据的转换以获得清晰的结论并不是一件容易的事。必须用原创 2021-03-08 12:38:33 · 10093 阅读 · 2 评论 -
javascript 防抖和节流策略
目录:一、前言二、防抖策略1、什么是防抖策略?2、防抖的应用场景3、实现4、淘宝搜索推荐(1)效果展示(2)源码奉上三、节流策略1、什么是节流策略?2、节流的应用场景3、节流阀4、实现四、防抖和节流的区别一、前言相信大家在开发项目的时候肯定会遇到一些这样的问题:搜索框搜索的提示,我们不可能说是用户输入一个字符提示马上出现,连续输入连续出现,这样连续性的请求服务器不仅对服务器造成了很大的压力,同样也降低了客户的体验度。表单的提交,只要点击了提交所绑定的事件,那么都会进行提交操作,假如我们连续多原创 2021-03-05 18:34:20 · 1030 阅读 · 0 评论 -
深究 JavaScript 中闭包的概念
深究 JavaScript 中闭包的概念 闭包是js的一个难点,也是它的一大特色,是我们必须掌握的js高级特性之一,那么什么是闭包呢?它又有什么用呢?在网上翻阅资料后,给我的感觉是,基本上大致都是一个意思,不难理解。那么接下来,博主将使用简洁并且形象的方式给大家来解释。1、什么是闭包? 术语:闭包(closure)指有权访问另一个函数作用域变量的函数。我们可以理解为,一个作用域可以访问另一个函数作用域的局部变量。例如在全局作用域下访问局部作用域下的变量,又或者两个不同的局部作用域之间进行访问局部原创 2021-03-03 16:08:11 · 948 阅读 · 1 评论 -
浅谈 JavaScript 正则表达式
浅谈 JavaScript 正则表达式目录:浅谈 JavaScript 正则表达式1、概念2、特点3、创建4、测试5、表达式全集6、常用正则表达式7、经典案例1、匹配手机号2、匹配QQ号3、匹配QQ邮箱8、replace(替换)9、参考文献1、概念 简单来说,正则表达式( Regular Expression ),是用于匹配字符串中字符组合的一种模式,在 JavaScript 中,正则表达式也是对象。 它通常被用于检索、替换哪些符合某个模式(规则)的文本。例如表单验证:用户名表单只能输入英原创 2020-12-28 23:27:46 · 177 阅读 · 3 评论 -
在 Javascript 中什么是伪数组?如何将伪数组转化为标准数组?
在 Javascript 中什么是伪数组?如何将伪数组转化为标准数组?1、前言 今天博主JavaScript高级进阶学完了,于是在度娘上找了几套面试题,发现这个题不知道怎么答,并且感觉这道面试图也挺经典的,所以拿出来跟大家一起学习一下,如果这真是面试题估计我就凉凉了,所以还请各位博友认真对待,那么我们开始喽!2、什么是伪数组(NodeList)? 伪数组(NodeList),又称类数组,指无法直接调用数组的方法,或期望length属性有什么特殊的行为,但仍可以使用对标准数组遍历的方法来遍历它原创 2020-12-28 18:51:04 · 1226 阅读 · 1 评论 -
深究 JavaScript “严格模式”
深究 JavaScript “严格模式”目录:深究 JavaScript “严格模式”1、概述2、开启严格模式2.1 开启严格模式的标志2.2 为脚本开启严格模式2.3 为函数开启严格模式3、禁止未使用关键字声明变量而使用变量4、禁止删除变量5、总结1、概述 JavaScript 除了提供正常模式外,还提供了“严格模式”(strict mode)。ES5 的严格模式是采用具有限制性 JavaScript 变体的一种方式,从而使code现实地 脱离“马虎模式/松散模式/懒散模式”,这种模式下使得原创 2020-12-27 15:05:19 · 118 阅读 · 0 评论 -
JavaScript 函数内部this的各种指向
JavaScript 函数内部this的各种指向目录:**JavaScript** 函数内部this的各种指向1、引言2、code例子2.1 普通函数2.2 匿名函数2.3 构造函数2.4 对象方法调用2.5 事件绑定函数2.6 定时器函数2.7 立即执行函数3、总结4、改变函数内部 this 的指向5、异同点6、应用场景1、引言 this是js中的一个关键字,随着函数使用场合的不同,this的值也会发生变化。当我们在不使用箭头函数、call()方法、apply()方法、bind()方法的情况下,原创 2020-12-27 13:12:09 · 155 阅读 · 0 评论 -
深入理解 JavaScript 中的 class
深入理解 JavaScript 中的 class(类)学习内容:1、 掌握ES6中创建类和对象的方式2、 掌握ES6中类的继承3、 掌握ES6中静态方法的使用和调用4、 理解ES6中实例化对象的原理一、ES5:function1、构造函数 封装、继承、多态是大多OOP语言都支持的特性,而JavaScript在ES5中没有提出真正意义上的类、继承的概念。它通过函数首字母大写的方式告知开发者这是一个构造函数或者类(有些人会将它理解为类),但从严格意义上来讲,它是构造函数。这对于初学者来说原创 2020-12-26 19:45:17 · 830 阅读 · 0 评论 -
学习 JavaScript (ES5)中的原型对象这一篇就够了
学习 JavaScript 中的原型对象这一篇就够了学习目标:五分钟掌握JavaScript【ES5】中原型对象的概念和使用学习内容:1、 理解什么是构造函数2、 理解什么是原型对象3、 理解构造函数、实例对象与原型对象之间的关系4、 掌握原型对象中定义属性和方法的方法5、掌握原型对象相关的属性和方法 今天我们来学习一下js中的原型对象,这是js面向对象中的一大难点也是面试最容易问到的问题。在学习的时候博主也在网上查找了大量的资料,发现了一个对于初学者最致命的问题,就是好多文章在原创 2020-12-26 14:17:56 · 296 阅读 · 0 评论 -
什么是Flex布局,如何学习,又该如何使用?【重点学习系列---干货十足---千字详解】
移动端常用布局方式—Flex(弹性布局) 上一篇文章向大家介绍了移动端的基础知识。包括视口(viewport)、meta标签设置、多倍图、移动端调试方法、移动端开发主流方案,以及移动端初始化CSS样式……等。那么今天我将向大家详细讲解移动端的布局方案。目录移动端常用布局方式—Flex(弹性布局)一、流式布局介绍**`min-*和max-*属性`****特征**二、flex布局1、引言2、背景3、flex布局是什么?4、基本概念5、容器的属性父项常用属性复合属性子项常用属性6、常见flex布局思路移原创 2020-12-23 19:06:24 · 314 阅读 · 0 评论 -
jQuary实现最简单的待办事项列表(移动和PC端均可使用)
jQuary实现最简单的待办事项列表(移动和PC端均可使用)目录:jQuary实现最简单的待办事项列表(移动和PC端均可使用)1、实现流程2、实现思路3、所遇Bug4、源码奉上 前言:ToDoList是一款无需注册即可使用,数据存储在用户浏览器的H5本地数据库里,是最简单、最安全的代办事项列表应用!原工具网站链接:ToDoList官网我们实现后的效果:MyToDoListPC端效果:1、实现流程导入移动端所需要的CSS初始化样式导入flexible.js适配文件、jQuer原创 2020-12-20 20:00:31 · 480 阅读 · 2 评论 -
移动端基础知识
什么是移动端开发【重点学习系列—干货十足—千字详解】目录什么是移动端开发【重点学习系列---干货十足---千字详解】1、背景2、什么是移动端开发?3、移动端的调试方法4、视口(重点)布局视口(layout viewport)视觉视口(visual viewport)理想视口(ideal viewport)5、meta 标签(重点)``视口标签的作用语法格式属性说明标准的视口(viewport)设置6、多倍图(重点)物理像素?逻辑像素?Retina (视网膜屏幕)?物理像素比?倍图的作用?总结7、背景缩放原创 2020-12-20 17:32:03 · 980 阅读 · 0 评论 -
【CSS 精灵图(sprite)】相关知识总结
【CSS 精灵图(sprite)】有这篇文章学习精灵图技术就够了目录:【CSS 精灵图(sprite)】有这篇文章学习精灵图技术就够了1、什么是精灵图?2、为什么需要精灵图?3、多倍图物理像素?逻辑像素?Retina (视网膜屏幕)?物理像素比?倍图的作用?总结4、背景缩放5、如何使用精灵图1、什么是精灵图? CSS精灵图(sprite)直译为 “CSS精灵”,通常被称为 “CSS图像拼合”、“CSS贴图定位” 或 “CSS图片精灵”、“CSS雪碧图”……等。 简单来说,就是把一个页面涉及到原创 2020-12-20 17:27:25 · 1145 阅读 · 0 评论 -
JavaScript 字符串格式化输出
JavaScript 字符串格式化输出1、什么是格式 上课的时候,老师让你写作文,老师说:段落开头要缩进两个字,每一行开头不能有句号……等。这是写作文的时候,我们需要遵循的格式。 在格式化输出语句中,比如说格式说明%.2f,这代表小数点后保留三位小数字输出,这是在输出的时候计算机将这个小数输出到显示器上所要遵循的格式。 无论是写作业,还是格式化输出,事实上,格式代表的就是一定的文字规则。格式化输出,就是按照格式说明所描述的文字规则进行输出。2、格式化输出的目的 格式化输出就是为原创 2020-12-14 09:52:46 · 18814 阅读 · 0 评论 -
原生js实现轮播图
原生js实现轮播图1、原理一个装图片的大盒子,显示器内水平垂直居中,溢出的部分不显示,并且设置为相对定位ul>li>img,n个li,ul的大小要比大盒子的大小大出n倍,所有以百分比计算,并且绝对定位li浮动设置两个按钮和底下原点的位置让ul自己动,然后改变其left的大小当图片切换的时候会有一个逐渐变慢的过程,那么我们自己创建一个动画的函数在最后一张图片后边克隆第一个图片节点,插入到最后一个位置,用于过渡当点击左边,如果是第一张图片则将其过渡到最后一张克隆的图片当点击右边原创 2020-12-13 22:31:47 · 186 阅读 · 0 评论 -
CSS3 3D转换
CSS3 3D转换1、认识3D CSS3 允许使用 3D 转换对元素进行格式化。我们生活中的环境是3D的,照片就是3D物体在2D平面呈现的例子。 1.1 3D的特点近大远小物体后面遮挡不可见当我们在网页上构建 3D 效果效果的时候参照这些特点久能产出3D效果 1.2 三维坐标系 三维坐标系其实就是指立体空间,立体空间是由三个轴共同组成的。x轴:水平向右——注意:右边是正值,左边的负值y轴:垂直向下——注意:下面是正值,上面是负值z轴:垂直屏幕——注意:往外是正值,往里原创 2020-12-13 19:41:15 · 373 阅读 · 0 评论 -
纯CSS3 实现3D魔方
纯CSS3 实现3D魔方1、思路父盒子给子盒子开启立体空间,并开启透视,设置视距子盒子设置摆放位置,与我们画的正方体类似,按照平面正方体每个面的拜访位置,我们通过旋转、平移达到摆放的效果父盒子设置过渡鼠标悬停到父盒子,子盒子做出的行为,分别向各自的方向扩散,并且侧面要有一定的旋转,为90°,使其达到我们想看到的打开效果创建动画,0%-100%没问题,x轴和y轴旋转一周或者两周,即360°或者720°大盒子调用动画,大盒子旋转,子盒子就跟着转了2、源码<!DOCTYPE html&原创 2020-12-13 19:30:35 · 320 阅读 · 0 评论 -
纯CSS3 实现 3D旋转相册
纯CSS3 实现 3D旋转相册思路:首先要有一个可以转动的父级元素要有若干个子元素通过父级元素给子元素开启三维立体空间将子元素围父元素摆放:三维空间y轴排列,就是钢管舞运动,y轴旋转的度数=360 / 图片的个数-1,然后累加为了使元素具有立体感,所有z轴都往前移动使用过渡创建动画阶段0%-100%肯定是没问题的,但是中间的阶段为:每次旋转90°,360/90=4次,100/4=25,也就是说每次是25%,到100%一共4次+0%=5次让大盒子旋转其他子盒子面就会跟着旋转,因为是左右旋转原创 2020-12-13 19:29:16 · 730 阅读 · 0 评论 -
CSS3 动画
CSS3 动画1、什么是动画 动画是CSS3中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或一组动画,从而实现复杂的动画效果。 通俗来讲,动画就是使元素从一种样式逐渐变化为另一种样式的效果,同时你可以改变任意多的样式任意多的次数。2、动画的使用先定义动画语法格式:@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200px; }}再调用动画div { /*调用动画*/ animat原创 2020-12-13 19:27:59 · 113 阅读 · 0 评论 -
CSS3 2D转换
CSS3 2D转换1、CSS3 转换 转换(transform)是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、变形、缩放……等。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YMNa30Zh-1607857748232)(E:\前端\H5+CSS3\笔记\transforms.gif)]2、工作原理 转换的效果是让某个元素改变形状、大小、位置……等,可以使用2D或3D转换来转换我们的元素。3、2D 转换2D 转换是改变元素在二维平面上位置原创 2020-12-13 19:15:19 · 265 阅读 · 0 评论 -
css3新特性
CSS3新特性目录:CSS3新特性1、SS3现状2、CSS3新增选择器2.1 属性选择器2.2 结构伪类选择器2.3 伪元素选择器3、盒子模型4、其他特性4.1 flter滤镜属性4.2 计算盒子宽度calc()函数4.4 css3过渡5、广义H5说法1、SS3现状新增的CSS3特性有兼容性问题,基本上IE9以上才支持重点突出方向在于移动端开发,移动端优于PC端还处在完善中应用相对比较广泛目前主要学习的是新增的选择器和CSS3盒子模型以及个别其他特性2、CSS3新增选择器CSS3新原创 2020-12-12 19:16:22 · 1696 阅读 · 0 评论 -
HTML5新特性
HTML5新特性目录:HTML5新特性2、语义化标签3、多媒体标签3.1 视频标签-video3.2 音频标签-audio4、总结5、新增表单元素HTML5的新特性主要是针对以前的HTML中的不足做出改进,增加了一些新的标签、表单、表单属性……等。XAML:可扩展应用程序标记语言,改善传统的WinForm界面XML :可扩展标记语言HTML:超文本标记语言这些新的特性具有兼容性的问题,而HTML5基本上都是基于IE9以上版本的浏览器才支持,如果不考虑兼容性问题,可以大胆的使用。2、语义化标签原创 2020-12-12 19:15:39 · 166 阅读 · 0 评论 -
javascript中mouseover事件与mouseenter事件的区别
javascript中mouseover事件与mouseenter事件的区别1、介绍mouseover:当鼠标移入元素或其子元素都会触发事件,所以有一个重复触发,冒泡过程。对应的移除事件是mouseoutmouseenter:当鼠标移除元素本身(不包含元素的子元素)会触发事件,也就是不会冒泡,对应的移除事件是mouseleave2、异同是否支持冒泡事件的触发时机先看一张图,对这两件事有一个简单直观的感受。mouseenter事件的情况:当鼠标从元素的边界之外移入元素的边界之内时,事转载 2020-11-30 00:45:15 · 244 阅读 · 0 评论 -
JavaScript元素三大系列总结
学习时间:JavaScript元素三大系列学习内容:javascript三系列1、熟练掌握offset系列2、熟练掌握client系列3、掌熟练掌握scroll系列4、掌握scroll兼容性问题1.offset系列offset译为偏移、补偿和位移,所以offset相关的属性可以动态的获取元素的位置(偏移),大小……等.1.1 offsetParent 获取父元素导图:获取该元素带有定位的父元素。如果元素自身有fixed固定定位,则offsetParent返回结果为null。原创 2020-11-30 00:29:02 · 425 阅读 · 0 评论 -
JS的执行机制
JavaScript的执行机制学习内容:1、 牢记JavaScript语言的性质2、 掌握线程的概念3、 掌握同步任务和异步任务的概念4、 掌握JavaScript的执行机制1、关于JavaSript1.1 介绍Javascript语言最大的特点之一就是单线程,单线程的核心概念是:同一时间只能做一件事。原因是JS脚本语言的初衷所导致,JS诞生的原因就是为了实现处理页面中的用户交互(比如表单的前后台交互),以及操作DOM。1.2 单线程类似于我们现实生活中的排队。所有的任务工作都需要进行原创 2020-11-28 22:56:58 · 145 阅读 · 0 评论 -
《JavaScript基础之BOM对象》
《JavaScript基础之BOM对象》目录:《JavaScript基础之BOM对象》1、什么是BOM2、DOM和BOM的区别2.1 DOM2.2 BOM3、BOM的构成4、window对象5、window常见事件5.1 窗口加载事件5.2 文档加载事件5.3 窗口改变大小事件5.4 定时器事件5.5 location 对象5.5.1 location对象介绍5.5.2 ULR5.5.2.1 介绍5.5.2.2 语法格式5.5.2.3协议类型5.5.3 属性5.5.4方法5.6 navigation 对原创 2020-11-25 09:24:47 · 189 阅读 · 0 评论 -
JavaScript 定时器
JavaScript 定时器目录:JavaScript 定时器1、介绍2、定时器分类2.1创建计时器2.1.1 setInterval 定时器2.1.2 setTimeout 定时器2.3 参数说明2.4 停止定时器2.4.1 setInterver 定时器2.4.2 setTimeout 定时器3、经典案例3.1 手机号验证码发送倒计时3.2 当前年月日以及时间3.3 元旦倒计时1、介绍 计时器有时候可以帮助我们做很多事情,比如倒计时、制作时间闹钟……等等。在JavaScrpt中,存在两种原创 2020-11-25 09:21:51 · 265 阅读 · 0 评论 -
JavaScript键盘事件经典案例
JavaScript键盘事件五大经典案例目录:JavaScript键盘事件五大经典案例1、什么是键盘事件2、常用键盘事件3、常用属性和方法4、案例4.1 京东搜索框4.2 快递单号输入查询4.3 文字禁止选中4.4 禁止右击菜单4.5 自定义鼠标光标1、什么是键盘事件 键盘事件就是我们对键盘的操作触发绑定元素对象的相关函数,比如敲击键盘上的某个键,按住键盘上的某个键,按组合快捷键后元素做出的函数行为……等这些都是键盘事件的体现。2、常用键盘事件事件说明onkeydown原创 2020-11-25 09:19:58 · 1229 阅读 · 0 评论 -
《JavaScript进阶之事件高级内容》
《JavaScript进阶之事件高级内容》1、什么是事件 这个元素对象所具备的一些被动能力,当该元素被进行某种方式的触发之后,会对与自己绑定的某些函数进行处理和执行,我们将这种触发叫做元素的事件。2、事件的作用 事件是javaScript和DOM之间交互的桥梁。你若触发,我便执行——事件发生,调用它的处理函数执行相应的JavaScript代码给出响应。 典型的例子有:页面加载完毕触发load事件;用户单击元素,触发click事件。3、注册/绑定事件 解释:给指定元素添加事件的原创 2020-11-24 19:01:45 · 108 阅读 · 0 评论 -
这些JavaScript节点操作你都知道嘛?
这些JavaScript节点操作你都知道嘛?目录:这些JavaScript节点操作你都知道嘛?1、什么是节点2、节点操作的基本属性3、创建节点3.1 元素节点3.2 文本节点4、添加节点5、节点层级5.1 介绍5.2 相关操作5.2.1 父子关系5.2.2 兄弟关系6、删除节点7、拷贝节点8、替换节点1、什么是节点 网页页面中所有的内容都是节点,包括标签、属性、文本以及注释……等,在DOM中节点以Node来表示,使用DOM操作节点主要是对节点进行创建、添加、修改和删除……等的操作。2、节点操作原创 2020-11-23 18:54:39 · 80 阅读 · 0 评论 -
这些JavaScript节点操作你都知道嘛?
这些JavaScript节点操作你都知道嘛?目录:这些JavaScript节点操作你都知道嘛?1、什么是节点2、节点操作的基本属性3、创建节点3.1 元素节点4、添加节点5、节点层级5.1 介绍5.2 相关操作5.2.1 父子关系5.2.2 兄弟关系6、删除节点1、什么是节点 网页页面中所有的内容都是节点,包括标签、属性、文本以及注释……等,在DOM中节点以Node来表示,使用DOM操作节点主要是对节点进行创建、添加、修改和删除……等的操作。2、节点操作的基本属性nodeType:节点类型原创 2020-11-23 09:37:46 · 98 阅读 · 0 评论 -
DOM操作之自定义属性
DOM操作之自定义属性目录:DOM操作之自定义属性1、介绍2、作用3、获取属性值3.1 区别4、设置属性值4.1 区别5、移除属性6、H5自定义属性6.1 作用6.2 注意6.2 规则1、介绍 我们在学习JavaScript中的DOM时,可以在使用DOM操作元素的时候,给元素添加一些原本没有的属性,来记录一些不重要的数据。2、作用 在使用自定义属性的时候,我们可以将标签来记录一些不保密的数据,但是又要跟随元素变化而变化的数据。3、获取属性值元素对象.属性名元素对象.getAt原创 2020-11-23 09:36:38 · 3270 阅读 · 0 评论 -
JavaScript中值类型与引用类型的区别
JavaScript中值类型与引用类型的区别目录:JavaScript中值类型与引用类型的区别1、数据类型分类2、两者之间的区别3、栈和堆4、函数传参5、总结1、数据类型分类值类型 值类型又称简单数据类型或基本数据类型,在存储的时候变量中直接存储的是值本身。值类型包括:String、Number、boolean、null引用类型 引用数据类型又称复杂数据类型,在存储的时候变量中存储的仅仅是数据空间的地址,即引用地址,或者说指针。使用new关键字构造出来的对象都是引用类型,比如O原创 2020-11-22 21:23:52 · 125 阅读 · 0 评论 -
实现JavaScript 方法重载
实现JavaScript 方法重载目录:实现JavaScript 方法重载1、介绍2、JavaScript重载实现2、案例3、总结1、介绍 在一个对象中多个方法名称相同,但函数的形参不同(数量、类型、顺序不同),我们将其称之为函数重载。 但在JavaScript中方法重载一般只考虑参数的数量不同,实现过程与其他的语言类型中的构造也有区别。因为JS中方法的预解析其实是通过匿名函数而来的,函数名其实和变量名是同一个作用,在同一个作用域之内只允许出现一次相同的变量名称,后面重复出现的名称会被覆盖原创 2020-11-22 21:22:47 · 1022 阅读 · 0 评论 -
JavaScript 内置对象
JavaScript 这些内置对象你都知道嘛?目录:JavaScript 这些内置对象你都知道嘛?1、JS对象介绍2、学习对象的使用3、JS中的内置对象3.1 Math 对象3.1.1 介绍3.1.2 常用属性3.1.3 常用方法3.2 Date 对象3.2.1 介绍3.2.2 实例化Date对象3.2.3 常用方法3.2.4 总结3.3 Array 对象3.3.1 介绍3.3.2 创建数组3.3.3 检测数组3.3.4常用方法3.4 String 对象3.4.1 字符串不可变3.4.2 常用方法原创 2020-11-22 21:21:33 · 127 阅读 · 0 评论 -
JavaScript操作元素的基础语法
JavaScript操作元素的基础语法目录:JavaScript操作元素的基础语法1、介绍2、获取/改变元素里的内容2.1 获取/改变文本框的内容2.2 获取/改变其他元素的文本内容1、innerText获取文本内容修改文本内容2、innerHTML获取文本内容修改文本内容3、区别3、常见元素属性操作3.1 语法格式3.2 属性及其操作4、表单元素的属性操作5、操作样式5.1 通过stye对象修改css样式5.1.1 案例15.1.2 案例25.2 通过className修改css样式5.2.1 案例原创 2020-11-22 13:36:33 · 175 阅读 · 0 评论 -
JavaScript 获取 HTML 元素的骚操作
JavaScript 这些获取元素的sao操作你都知道嘛,赶快收藏吧!目录JavaScript 这些获取元素的sao操作你都知道嘛,赶快收藏吧!1、 HTML DOM2、Document 对象3、获取的方法1、 HTML DOM 文档对象模型 (Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 HTML DOM 是关于如何虎丘、修改、添加、删除 HTML 元素的标准。我么用 JavaScript 对网页进行的所有操作都是通过DOM进原创 2020-11-22 13:30:48 · 202 阅读 · 0 评论 -
JavaScript 创建对象的方式
JavaScript 这三种对象创建的方式你都知道嘛?目录:JavaScript 这三种对象创建的方式你都知道嘛?1、字面量创建对象1.1 创建对象1.2 访问对象成员1.2.1 访问对象属性1.2.2 访问对象方法2、new Object创建对象2.1 创建对象2.2 获取对象属性和方法3、自定义构造函数创建对象3.1 构造函数3.1.1什么是构造函数3.1.2 构造函数执行的价值3.2创建对象3.2.1 示例3.2.2自定义构造函数创建对象的注意点3.2.3 new关键字的功能4、变量与属性、函数与方原创 2020-11-18 10:46:14 · 92 阅读 · 0 评论 -
JavaScript 预解析
JavaScript 预解析你知道吗?目录:JavaScript 预解析你知道吗?1、JavaScript代码的执行2、究竟什么是预解析3、变量的预解析4、函数的预解析5、变量与函数预解析的区别1、JavaScript代码的执行 我们知道我们编写的HTML、CSS、JavaScript代码运行的时候会交由浏览器的两个引擎(渲染引擎和JavaScript引擎)去解析和执行。那么当JS引擎对我们的JavaScript代码进行解析处理的时候,它会通过(预解析和代码执行)这两个步骤完成对JS代码的解析和原创 2020-11-18 10:45:08 · 150 阅读 · 0 评论 -
JavaScript中函数的特点与联系你都知道吗?
JavaScript中函数的特点与联系你都知道吗?目录:JavaScript中函数的特点与联系你都知道吗?1、标准函数语法格式案例2、匿名函数语法格式案例3、标准函数与匿名函数的异同同异4、arguments 参数参数说明案例1、标准函数语法格式function 函数名称(参数1、参数2…) { 函数体;}//函数调用函数名称(参数1、参数2…);案例//需求:使用标准函数写一个程序,能判断传入的一个数值是否是质数,如果是质数返回true,如果不是质数返回false <原创 2020-11-16 19:57:16 · 127 阅读 · 0 评论