- 博客(28)
- 收藏
- 关注
RSS订阅原创 Vue 基础部分
Vue是一套用于构建用户界面的渐进式框架与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统//基本模板语法如下 <div id='app'> <div>{{message}}&l
2021-11-20 16:53:14
3876
转载 cookie和Session的区别
公共部分：cookie 和 Session 都是用来跟踪浏览器用户身份的绘画方式工作原理：Cookie的工作原理1、浏览器第一次发送请求服务器端 这一次没有cookie2、服务器接受到后创建cookie 该cookie 中包含用户的信息，然后该Cookie 发送到浏览器端3、浏览器端在次访问服务请事会携带服务器端创建的Cookie4、服务器端通过Cookie中携带的数据区分不同的用户Session 的工作原理1、浏览器第一次发送请求服务器端，服务器创建一个S...
2021-11-07 22:48:20
135
原创 ES6-promise理解
1、promise是什么：是一个构造函数，通过new关键字构造出来了一个对象 这个对象的返回值是一个promise对象2、promise做了什么：对一个异步操作的封装，操作的结果有三个 等待结果 、成功结果、失败结果一个promise的状态只能从pending 转换为resolved 或者pending 转换为rejected，3、promise解决了什么问题：解决了回调地狱的问题，代码的重复嵌套 会造成代码的可读性差 ，function a() { function...
2021-11-06 10:55:31
144
1
原创 es6反射
ReflectES6中将Object的一些明显属于语言内部的方法移植到了Reflect对象上。Reflect不是函数对象，所以不可构造(不可以用new运算符)。也不能将Reflect对象作为一个函数来调用(Reflect())。Reflect的所有成员都是静态的(类似于Math对象)。Reflect对象提供以下13个静态函数，他们具有与处理器对象handler的方法相同的名称(一一对应)。这些方法中的一些与Object上的方法相同。Object的方法参数为object，而Reflect的
2021-11-01 00:08:26
303
转载 es6中的反射与代理
（代理）Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”，即对编程语言进行编程ES6 原生提供 Proxy 构造函数，用来生成 Proxy 实例。var arr= new Proxy(target, handler);target 为被代理对象。handler 是一个对象，其声明了代理 target 的一些操作。arr 是代理后的对象。当外界每次对 arr 进行操作时，就会执行 handler 对象上的一些方法。Proxy 对象的所有用法，都是
2021-10-31 15:08:47
132
转载 ES6promise
在ES6中，Promise终于成为了原生对象，可以直接使用。但是在这之前，小伙伴们想要使用Promise，一般会借助于第三方库，或者当你知道其中的原理以后，也可以手动实现一个简易的PromisePromise的基本用法声明一个Promise对象let promise = new Promise ( (resolve, reject) => { if ( success ) { resolve(a) // pending ——> resolved 参数将传递给
2021-10-24 19:31:37
120
原创 node学习
1、什么是node1、Node是一个JS的运行环境js的运行方式： 1.客户端：把js文件引入，然后打开浏览器，控制台查看2.node服务端：打开方式1.cmd窗口中cd命令切换到需要打开的文件夹下，运行 node 文件名2.直接在文件夹下 shift+右键3.vscode编辑器中直接在当前文件的终端中打开，submint编辑器是需要安装terminal插件2、.全局对象global跟浏览器环境中的this相同，表示顶级对象 注意：浏览器的全局环境th..
2021-10-24 17:34:30
129
原创 第二阶段易错题目——1
1、$().ready() 与JavaScript中 window.onload事件的区别页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页 面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！)一般样式控制的，比如图片大小控制放在onload 里面加载; 而：jS事件触发的方法，可以在ready 里面加载;2、什么是$()函数$() 函数是 jQue...
2021-10-16 16:10:36
65
原创 js加载的时间线
1.创建document对象，开始解析web页面。解析html元素和他们支持的文本内容后，添加element对象和text节点到文档中，这个节点document.readyState=“loading”。2.遇到link外部css，创建线程加载，并继续解析文档。3.遇到script外部js，并且没有设置async，defer.（同步加载）浏览器加载并阻塞，等待js加载完成并执行该脚本，然后继续解析文档。4.遇到script外部js，并且设置有async,defer（异步加载），浏览器创建线程加载
2021-10-12 16:32:10
95
原创 es6新增内容—1
let关键字声明变量let与var 都是用于声明变量但之间存在差异let的特性：1、let 不能重复声明 而var 可以重复声明2、let 不会挂载在window下 var 挂载在window下 属于window下的属性3、let是块级作用域 他不会影响到全局作用域下的变量4、let声明的变量不能进行变量提升 const关键字声明变量特性：const除拥有let的特性外还有其他的特性1、声明和赋值必须一次性完成2、不允许改变内存空间地址3、常量...
2021-10-08 23:05:16
61
原创 ajax的四个步骤
1、创建XMLHttpRequest对象 不同浏览器使用的异步调用对象有所不同，在IE浏览器中异步调用使用的是XMLHTTP组件中的XMLHttpRequest对象，而在Netscape、Firefox浏览器中则直接使用XMLHttpRequest组件。因此，在不同浏览器中创建XMLHttpRequest对象的方式都有所不同. 在IE浏览器中创建XMLHttpRequest对象的方式为:var xhr= new ActiveXObject("Microsoft.XMLHTTP");...
2021-10-07 23:20:49
414
原创 浏览器线程
组成：1、浏览器的外壳 shell2、浏览器的内核 js引擎 ，渲染引擎JavaScript是单线程，这个应该都有了解。那么，对于JavaScript的宿主环境，浏览器，浏览器的内核是多线程的。在内核控制下各线程相互配合以保持同步，一个浏览器通常由以下常驻线程组成：GUI 渲染线程JavaScript引擎线程定时触发器线程事件触发线程异步http请求线程GUI渲染线程负责渲染浏览器界面HTML元素,当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时.
2021-10-07 20:31:18
78
原创 Dom树 CSS树 渲染树
1.构建dom 树2.构建css 树3.构建渲染树4.节点布局5.页面渲染HTML DOM 定义了访问和操作 HTML 文档的标准方法。DOM 将 HTML 文档表达为树结构。核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型DOM 节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内
2021-10-07 20:20:52
257
原创 移动端设备
视口：浏览器显示页面的内屏幕区域分为布局视口，视觉视口，理想视口布局视口一般情况下设备的浏览器默认色织位一个布局视口，用于解决早期的pc端页面在手机上先显示的问题，视觉视口（viewport）它是用户正在看到的页面区域，注意是王网页区域通过缩放去操作视觉视口，当时不会影响布局视口布局视口任然会保持原有先宽度理想视口 pidel viewport为了遍历网站在移动端盖最为理想的浏览器和夜读阅读而设立的理想视口 对射本来是最为理想的视口尺寸 需要手动添加mate标签 通过浏览器的操作.
2021-10-07 14:40:02
370
原创 jQuery基础部分
next；获取下一个元素节点prev 获取上一个元素的节点nextAll 获取当前查找元素的后面的所有兄弟元素prevAll 获取当前查找元素前面的所有兄弟元素sibling 查找当前所有平级的兄弟元素如果不加参数表示找到所有兄弟，如果加参数则找到对应参数的兄弟元素parent 取得一个包含所有匹配元素的唯一元素的元素集合 如果不传参 着就是寻找他的父级元素parents 如果不传参数则会找到所有父级元素知道HTMLclosest 查找最近的祖先元素 selector会把自己
2021-09-17 20:54:00
77
原创 jQuery实现增、删、改、查，分页功能
<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>.
2021-09-17 19:17:22
344
原创 js运动框架的封装
// 适配所有移动变化 // div 节点，target：对象 function startmves(div,target){ var times=null; var speed=null; var op=null; return function(){ clearInterval(div.times); .
2021-09-02 08:29:19
114
原创 this的指向及构造函数
this关键字1、在全局作用域中都是指向window对象2、函数作用域中 ，this指向取决于函数是如何被调用的， 2.1直接调用函数，this的指向为 为window 2.2通过new 一个对象的方法 调用 this指向 这个对象注意：this不能被赋值，this的指向 取决于被谁调用在定时器中的this固定指向 window构造函数普通的函数通过来获得的、构造函数1、构造函数通过new创建对象new的方式 ，将函数赋值给变量在...
2021-08-28 16:53:45
447
原创 BOM对象
//ie浏览器中的是冒泡事件//网景浏览器中的是捕获事件//事件对象//事件对象封装了一系列的与事件有关的信息,浏览器封装好了传递给事件//获取:通过事件处理函数的参数获取//兼容ie浏览器的写法e=e||e.event//事件委托//e.target&&e.srcElement都是表示的是事件目标何为时间目标...
2021-08-22 21:05:08
49
原创 会动的小球
<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>定时器实现div自动</title>.
2021-08-19 20:10:10
46
原创 DOM事件对象：
事件对象封装了一系列的与事件相关的信息，浏览器封装好了传递给事件获取：通过事件处理的函数的参数获取事件对象的兼容问题ie 兼容的方法： e=e||e.event; 事件的通用对象 ee.target && e.srcElement 都是指向的事件目标 （事件目标：谁被点击谁就是事件目标）事件委托理解就是：在父级元素上添加点击事件，用子元素来点击显示效果在事件处理程序中判断事件目标并进行其它的操作e.currentFargt与this全等 都是指向...
2021-08-15 21:49:19
35
原创 鼠标点击轮换文字
// 首先获取两个父元素的节点 var select=document.getElementsByTagName('select'); //然后获取按钮的元素节点 var btn=document.getElementsByTagName('button'); // 获取option元素节点 var option=document.getElementsByTagName('option'); /...
2021-08-12 14:46:39
82
原创 DOM对象
DOM的核心理念：文档中的每个元素都可以转化为对象，又称之为节点。将HTML和XML文档用对象模型表示，每个对象称之为DOM对象 dom对象又称之为dom节点模型：用模型来表示对象之间的关系节点类型：documentType 文档类型节点document :文档模型 Text :文本节点 元素的文本内容Element：元素节点 HTML的标签Attribute：属性节点 标签的属性comment：注释节点docum...
2021-08-12 13:07:27
214
原创 （String 字符串）构造函数 ，（RegExp）正则表达式
常用的字符串的方法 var num="azhe shi yi duan jing li"; // 将字符串分割成数组 var arr=num.split(" "); // console.log(arr); // 查找字符串中的某一个数据 var app=num.indexOf('d'); // console.log(app); //indexof 返回值为查找数据的下标 ..
2021-08-07 15:00:46
166
原创 学习数组(Array)、内置对象（Math）、构造函数(Date)
数组定义：一组有序的数据数组的作用：可以把一组相关的联的数据一起存放，并提供方便的访问（获取方式）字面量：字面量在源代码中一个固定值得表示法如等于=后面的值（[]）；js中创建数组的方法有两种第一种：通过new方法varnum=newArray();//其中如果只传一个参数则，代表的是，数组的长度第二种：通过字面量varnum=[];length:数组的一个属性，根据最大值得下标加一得到；数组中可以存放任意数...
2021-08-05 22:47:02
152
原创 js流程控制语句和类型转换
理解双重for循环 内层循环可以看做外出循环的语句。 内层循环执行的顺序也要遵循for循环的执行书序。 外层循环执行一次，则内层循环要执行全部次数（跑完毕）。 while循环语句 条件表达式的结果是一个布尔值，为true时 执行循环体代码。 为 false 时，退出循环，执行后面代码 **执行顺序：** 先判断，再执行循环体 1.先执行 `条件表达式` ，结果为 tr...
2021-08-02 20:01:13
41
原创 if/else 判断与Switch判断的区别用法
sdfsdfsdsdsdfsdfsdfsdfsdfsdfdsfhjdshnfdsnfnsdfsdfjmpdfgdfgdfggfdpgdfgwdadsadsfsdfsdg
2021-07-30 14:18:04
127
原创 JS基础部分学习
1、js是什么语言JavaScript 是世界上最流行的语言 JavaScript是一种运行在客户端 的脚本语言脚本语言：不需要编译，远行过程中由js解释器（js引擎）逐行来进行解释，并执行 现在也可以基于弄得。解释技术进行服务器端编程2、js可以做什么：页面各类动态的广告表单动态校验（密码强度检测）各类动画效果在线小游戏 网页特效 服务端开发(Node.js) 命令行工具(Node.js) 桌面程序(Electron)...
2021-07-29 08:48:12
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人