JavaScript
文章平均质量分 78
ZJie -
这个作者很懒,什么都没留下…
展开
-
JavaScript--【JS】Bootstrap布局
响应式开发响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的。超小屏幕(手机)<768px小屏设备(平板)>=768px-<992px中等设备(桌面显示器)>=992px-<1200px宽屏设备(大桌面显示器)>=1200px响应式布局容器响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,再改变里面子元素的排列方式和大小,从而实现不同屏原创 2021-03-08 10:08:07 · 276 阅读 · 2 评论 -
JavaScript--【JS】移动端布局
rem基础rem单位rem (root em)是一个相对单位,类似于em,em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如,根元素(html)设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。/* 根html 为 12px */html { font-size: 12px;}/* 此时 div 的字体大小就是 24px */ div { font-size: 2rem;}rem的原创 2021-03-08 09:34:43 · 342 阅读 · 0 评论 -
JavaScript--【JS】排他思想
排他思想如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法先找到所有的元素消灭所有的元素样式,改成初始样式然后留下自己,设置特定样式注意:顺序不能颠倒,先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll(".原创 2021-03-06 17:00:50 · 443 阅读 · 0 评论 -
动画
动画动画核心通过一定的时间段不断处理元素的一些属性的值,实现元素的动态效果JS中提供的动画核心是通过定时器setInterval,不断的改变盒子的一些属性实现动画必须要有时间控制setInterval随着时间进行改变元素的样式属性或者属性进度条核心原理:随着时间改变元素的宽度小人跑核心原理:随着时间改变元素的位置随着时间改变元素的src属性,(图片使用一组帧图)...原创 2021-02-10 08:51:03 · 190 阅读 · 1 评论 -
JS执行机制&offset系列
JS的执行机制 console.log(1); setTimeout(function(){ console.log(3); },1000); console.log(2); //结果为 1,2,3 console.log(1); setTimeout(function(){ console.log(3); },0);原创 2021-02-05 10:16:24 · 242 阅读 · 0 评论 -
键盘事件&BOM
键盘事件常用的三个onkeyup:当某个按键被松开的时候后触发onkeydown:当某个按键被按下的时候触发onkeypress:当某个按键被按下的时候触发,不识别功能按钮(方向键、shift)注意:如果使用addEventListener不需要加ononkeypress和前面的两个事件区别在于它不识别功能键三个时间的触发顺序是:keydown–keypress–keyup <script> // 常用的键盘事件 //1.原创 2021-02-04 09:32:19 · 687 阅读 · 0 评论 -
JavaScript-【元素的创建&事件】
元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域,当文档流执行完毕,会导致页面全部重绘element.innerHTML:是将内容写入当前这个节点内部,并且不会导致页面重绘,还可以创建多个元素,工作效率更高,(不需要连接字符串操作),但是写法结构比较复杂document.createElement,创建元素但是只是创建原创 2021-02-02 09:00:37 · 354 阅读 · 0 评论 -
排他思想&节点
案例排他思想如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想算法先找到所有的元素消灭所有的元素样式,改成初始样式然后留下自己,设置特定样式注意:顺序不能颠倒,先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll原创 2021-02-01 14:57:17 · 294 阅读 · 1 评论 -
JavaScript--【JS】DOM学习
DOM学习什么是DOMDOM–文档对象模型文档对象模型,是由w3c组织推荐的一种处理可扩展标记语言(xml)的标准编程接口。xml和HTML:xml:可扩展标记语言,主要是通过自定义标签进行对数据保存处理HTML:超文本标记语言,是一些已经规定好的一套标签W3C已经定义好了一系列的DOM接口,我们目前主要通过这些DOM接口进行改变网页内容,结构和样式DOM的内容DOM中最大最原始的对象是文档对象DOM的结构其实就是一个HTML的标准文档结构文档-HTML:根元素head元素ti原创 2021-01-07 19:13:17 · 192 阅读 · 1 评论 -
WebAPI介绍
web API介绍API概念:API:应用程序接口,本质是一些函数接口,目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能,类似于使用的成型产品。在使用的时候无需考虑其生产过程,直接使用即可WebAPI概念WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API,主要针对浏览器做交互效果。API是为程序员提供的一些接口,帮我们实现一些功能,方便开发WebAPI是针对于浏览器提供的接口,主要针对浏览器做交互效果,原创 2021-01-01 09:05:55 · 1039 阅读 · 3 评论 -
JavaScript-【JS】内置对象&&重载
内置对象JavaScript对象:对象只是一种特殊的数据,对象拥有属性和方法。布尔类型可以是一个对象数字型可以是一个对象字符串也可以是一个对象日期是一个对象数组是一个对象甚至函数也是一个对象JS中的对象总共分三种:自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的,之后学习的Web API中专门讲解。内置独享包含哪些根据JS API(Application Program Interface),开发文档说明,讲解的内置对象就原创 2020-12-28 18:25:52 · 248 阅读 · 1 评论 -
JavaScript--【JS】预解析&&创建对象
预解析概念HTML、CSS、JS代码全部交由浏览器两个引擎,渲染引擎和JS引擎两个负责执行的。JS引擎负责对JavaScript代码进行执行处理,通过两个步骤完成JS代码的执行任务,分别是预解析和代码执行什么是预解析在当前变量或者函数等作用域下,JS代码在执行之前,浏览器默认会将JS代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义代码执行:将预解析的结果进行从上往下逐步执行 console.log(num);原创 2020-12-18 19:36:13 · 106 阅读 · 0 评论 -
JavaScript--【JS】函数
JavaScript函数函数的概念在JavaScript里面,在开发过程中经常会遇到一种情况,某种算法或某些代码要经常出现或使用多次,对于这种情况使用for循环不是一种比较好的办法,for循环只能解决一些简单的重复使用问题,而遇到复杂的情况则需要使用函数的概念函数:将一段可能会被大量重复调用执行的代码段进行封装成一个整体,通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用函数的使用声明函数 function getMax(){ v原创 2020-12-11 20:04:30 · 138 阅读 · 0 评论 -
JavaScript--【JS】数组
JavaScript数组数组的概念数组是可以将一组相关的数据一起存放,并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合,里面的每个成员数据称为元素,一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建使用关键字new创建var array = new Array();直接使用[]进行创建 var arr=["张三","男",23]; console.log(arr);数原创 2020-12-08 18:48:01 · 180 阅读 · 0 评论 -
JavaScript--【JS】流程控制
流程控制流程控制的概念在一个程序的执行过程中。每行代码的执行顺序如果不同,对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果通过一定的手段控制代码的执行顺序分类顺序结构:标准的从上往下执行的顺序分支结构:通过判断一定的条件选择所要执行的代码,而产生若干分支循环结构:通过一定的条件约束部分代码重复执行若干次顺序流程最简单最基本的流程控制,默认的程序代码按照从上往下的顺序依次执行分支流程分支结构代码由上往下执行的过程中,根据条件进行选择不同的代码执原创 2020-12-02 19:00:48 · 174 阅读 · 0 评论 -
JavaScript--【JS】运算符
JavaScript运算符什么是运算符也叫作操作符,主要是用于进行赋值、计算、比较等功能的一类符号运算符的分类运算符一共有6种,分别为:算术运算符比较运算符逻辑运算符递增递减运算符赋值运算符三元(三目)运算符算术运算符算术运算符主要是使用符号进行实现数学运算的功能运算符说明实例+加2+5=7-减2-5=-3*乘2*5=10/除2/5=0.4%取余(取模)2%5=2浮点数的精度问题浮点的精度一般最高精度到1原创 2020-11-28 17:27:02 · 180 阅读 · 0 评论 -
JavaScript--【JS】基础语法
JS基础语法(一)JS的引入JS代码应该写在什么地方,学过的所有的代码都是一种语言,不同的语言对应的语言文件后缀名不一样,所以在html文件中的所有数据计算机默认以对待html数据的处理方式进行处理。如果需要使用js和html的搭配就需要考虑将js代码写在什么地方。1.行内js将js代码直接写在html标签内的某个属性值里面 <input type="button" value="点击" onclick="alert('hellow')">2.内嵌js在html文件里面的某个地方原创 2020-11-26 19:05:14 · 197 阅读 · 0 评论 -
JavaScript--【JS】入门
JavaScript入门JS是什么是一种运行在客户端的脚本语言脚本语言:不需要编译,只需要js解释器(js引擎)逐行来进行解释并执行js也可以基于Node.js技术进行服务器端编程JS的来历:1995年,布兰登.艾奇 10天。和Java原始Sun公司合作正式命名为JavaScriptJS的三大组成部分ECMAScript由ECMA(欧洲计算机厂家协会)制定的JavaScript语法标准。DOM(1)DOM即文档对象模型(2)DOM是W3C制定的访问HTML和XML文档对象的一套属原创 2020-11-23 19:53:32 · 138 阅读 · 0 评论