ZJie --CSDN博客

原创同源跨域及防抖节流

同源策略和跨域同源策略什么是同源如果两个页面的协议，域名和端口都相同，则两个页面具有相同的源。什么是同源策略同源策略（英文全称 Same origin policy）是浏览器提供的一个安全功能。MDN 官方给定的概念：同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。通俗的理解：浏览器规定，A 网站的 JavaScript，不允许和非同源的网站 C 之间，进行资源的交互，例如：无法读取非同源网页的 Cookie、Local

2021-04-06 09:52:21 200

原创数据库基本概念

数据库的基本概念什么是数据库数据库（database）是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界充斥着大量的数据。数据的来源有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据，图像、音乐、声音都是数据。为了方便管理互联网世界中的数据，就有了数据库管理系统的概念（简称：数据库）。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。常见的数据库及分类市面上的数据库有很多种，最常见的数据库有如下几个：M

2021-04-02 09:38:57 421

原创 XMLHttpRequest

什么是XMLHttpRequestXMLHttpRequest（简称 xhr）是浏览器提供的 Javascript 对象，通过它，可以请求服务器上的数据资源。之前所学的 jQuery 中的 Ajax 函数，就是基于 xhr 对象封装出来的。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LMNbVfr8-1616657083936)(1.png)]使用xhr发起GET请求步骤：创建 xhr 对象调用 xhr.open() 函数调用 xhr.send() 函数监

2021-03-25 15:25:11 527

原创 Node(二)

模块化什么是模块化模块化是指解决一个复杂问题时，自上向下逐层把系统划分成若干模块的过程。对于整个系统来说，模块是可组合、分解和更换的单元。生活中的模块化比如使用的计算机系统，硬件模块(主机(CPU、内存系统、主板)、IO设备(键盘、鼠标、显示器、音响、扫描))+软件模块(系统(windows、ios、android、winserver…)、应用(聊天、娱乐…))编程中的模块化编程领域中的模块化，就是遵守固定的规则，把一个大文件拆成独立并互相依赖的多个小模块。把代码进行模块化拆分的好处：

2021-03-22 09:39:08 284

原创 Node（一）

客户端与服务器上网的目的刷微博、浏览新闻、在线听音乐、在线看电影…上网的本质目的：通过互联网的形式来获取和消费资源服务器上网过程中，负责存放和对外提供资源的电脑，叫做服务器。客户端上网过程中，负责获取和消费资源的电脑，叫做客户端。URL地址URL地址的概念URL（全称是UniformResourceLocator）中文叫统一资源定位符，用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址，才能正确定位资源的存放位置，从而成功访问到对应的资源。常见的URL举例：http

2021-03-18 09:37:27 466

原创 JavaScript--【JS】Bootstrap布局

响应式开发响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。超小屏幕(手机)<768px小屏设备(平板)>=768px-<992px中等设备(桌面显示器)>=992px-<1200px宽屏设备(大桌面显示器)>=1200px响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏

2021-03-08 10:08:07 244 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 325

原创 JavaScript--【JS】排他思想

排他思想如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法先找到所有的元素消灭所有的元素样式，改成初始样式然后留下自己，设置特定样式注意：顺序不能颠倒，先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll(".

2021-03-06 17:00:50 419

原创动画

动画动画核心通过一定的时间段不断处理元素的一些属性的值，实现元素的动态效果JS中提供的动画核心是通过定时器setInterval，不断的改变盒子的一些属性实现动画必须要有时间控制setInterval随着时间进行改变元素的样式属性或者属性进度条核心原理：随着时间改变元素的宽度小人跑核心原理：随着时间改变元素的位置随着时间改变元素的src属性，（图片使用一组帧图）...

2021-02-10 08:51:03 159 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 222

原创键盘事件&BOM

键盘事件常用的三个onkeyup：当某个按键被松开的时候后触发onkeydown：当某个按键被按下的时候触发onkeypress：当某个按键被按下的时候触发，不识别功能按钮(方向键、shift)注意：如果使用addEventListener不需要加ononkeypress和前面的两个事件区别在于它不识别功能键三个时间的触发顺序是：keydown–keypress–keyup <script> // 常用的键盘事件 //1.

2021-02-04 09:32:19 628

原创 JavaScript-【元素的创建&事件】

元素的创建总结元素的创建document.write();element.innerHTML();document.createElement();区别使用document.write是直接将内容写入到页面的内容流区域，当文档流执行完毕，会导致页面全部重绘element.innerHTML：是将内容写入当前这个节点内部，并且不会导致页面重绘，还可以创建多个元素，工作效率更高，(不需要连接字符串操作)，但是写法结构比较复杂document.createElement，创建元素但是只是创建

2021-02-02 09:00:37 329

原创排他思想&节点

案例排他思想如果有同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想算法先找到所有的元素消灭所有的元素样式，改成初始样式然后留下自己，设置特定样式注意：顺序不能颠倒，先消灭后自己 window.onload=function(){ // 【1】选择所有的相关元素 // .getElementsByTagName("li") var lis=document.querySelectorAll

2021-02-01 14:57:17 283 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 165 1

原创 WebAPI介绍

web API介绍API概念：API：应用程序接口，本质是一些函数接口，目的是提供应用程序与开发人员的某些软硬件操作的一些方便功能，类似于使用的成型产品。在使用的时候无需考虑其生产过程，直接使用即可WebAPI概念WebAPI是浏览器提供的一套有关于操作浏览器功能以及浏览器内页面元素的API(BOM和DOM)。现阶段主要针对于浏览器讲常用的API，主要针对浏览器做交互效果。API是为程序员提供的一些接口，帮我们实现一些功能，方便开发WebAPI是针对于浏览器提供的接口，主要针对浏览器做交互效果，

2021-01-01 09:05:55 1017 3

原创 JavaScript-【JS】内置对象&&重载

内置对象JavaScript对象：对象只是一种特殊的数据，对象拥有属性和方法。布尔类型可以是一个对象数字型可以是一个对象字符串也可以是一个对象日期是一个对象数组是一个对象甚至函数也是一个对象JS中的对象总共分三种：自定义对象、内置对象、浏览器对象。前两种都是JS的基础内容属于ECMAScript。浏览器对象属于JS独有的，之后学习的Web API中专门讲解。内置独享包含哪些根据JS API(Application Program Interface)，开发文档说明，讲解的内置对象就

2020-12-28 18:25:52 233 1

原创 JavaScript--【JS】预解析&&创建对象

预解析概念HTML、CSS、JS代码全部交由浏览器两个引擎，渲染引擎和JS引擎两个负责执行的。JS引擎负责对JavaScript代码进行执行处理，通过两个步骤完成JS代码的执行任务，分别是预解析和代码执行什么是预解析在当前变量或者函数等作用域下，JS代码在执行之前，浏览器默认会将JS代码中有关var或者function声明的变量或者函数在内存中进行提前声明以及提前定义代码执行：将预解析的结果进行从上往下逐步执行 console.log(num);

2020-12-18 19:36:13 94

原创 JavaScript--【JS】函数

JavaScript函数函数的概念在JavaScript里面，在开发过程中经常会遇到一种情况，某种算法或某些代码要经常出现或使用多次，对于这种情况使用for循环不是一种比较好的办法，for循环只能解决一些简单的重复使用问题，而遇到复杂的情况则需要使用函数的概念函数：将一段可能会被大量重复调用执行的代码段进行封装成一个整体，通过这个整体的名称(函数名)的调用就可以实现大量代码的重复调用函数的使用声明函数 function getMax(){ v

2020-12-11 20:04:30 126

原创 JavaScript--【JS】数组

JavaScript数组数组的概念数组是可以将一组相关的数据一起存放，并且提供了一些方便访问以及获取的方式数组的本质是一组数据的集合，里面的每个成员数据称为元素，一个数组里面可以存放任意多个以及任意类型的数据(一个JS数组中的元素类型可以不相同)数组的创建使用关键字new创建var array = new Array();直接使用[]进行创建 var arr=["张三","男",23]; console.log(arr);数

2020-12-08 18:48:01 166

原创 JavaScript--【JS】流程控制

流程控制流程控制的概念在一个程序的执行过程中。每行代码的执行顺序如果不同，对于程序的执行结果是不一样的。一般情况下需要人为控制代码的执行过程以达到我们需要的效果通过一定的手段控制代码的执行顺序分类顺序结构：标准的从上往下执行的顺序分支结构：通过判断一定的条件选择所要执行的代码，而产生若干分支循环结构：通过一定的条件约束部分代码重复执行若干次顺序流程最简单最基本的流程控制，默认的程序代码按照从上往下的顺序依次执行分支流程分支结构代码由上往下执行的过程中，根据条件进行选择不同的代码执

2020-12-02 19:00:48 159

原创 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 163

原创 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 169

原创 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 117

原创超链接

第一天学习基本标签<a href="http://www.baidu.com" target="_blank" >百度</a>这是a标签href是它的属性

2020-10-10 17:25:09 177 1

ZJie0的博客