- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue基础知识
vue基础知识总结初始vue下面给出的例子，是我对vue最初始的直观感受如果使用js来写一个计数器，需要先使用dom来选中html元素，然后添加绑定事件//html <div> <button id="sub">-</button> <span id="count">0</span> <button id="add">+</button> </div&g
2022-04-26 01:41:52
1594
1
原创 前端项目模块化
前端项目模块化设计思路模块化的概念模块化就是为了减少循环依赖，减少耦合，提高设计的效率。为了做到这一点，我们需要有一个设计规则，所有的模块都在这个规则下进行设计。良好的设计规则，会把耦合密集的设计参数进行归类作为一个模块，并以此划分工作任务。而模块之间彼此通过一个固定的接口（所谓的可见参数）进行交互，除此之外的内部实现（所谓的隐参数）则由模块的开发团队进行自由发挥。程序模块化的目的减少循环依赖减少耦合提高设计效率程序模块化的实施把耦合密集的归为一个模块模块间通过固定
2022-04-22 23:41:35
1156
原创 工程设计文档结构及解释
工程设计详细文档文件目录|---app 服务端所有代码 |---controls 接口处理函数 |---index.js 入口文件，将所有的接口处理函数模块 导入到入口中 |---module 接口处理函数模块，处理各种业务 |---*.js 业务模块 |---DB 数据库连接目录 |---index.js 数据库连接文件 |---repos
2022-04-22 00:50:34
132
原创 ES6常用知识总结
ES6(常用的、重点的)数组API、正则API、字符串API都不讲变量声明es6 中变量声明方式6种 var function let const class import 形参总结：【es6中语法】 在同一个作用域中【变量名】不能重复；function 定义函数 函数声明提升var 声明变量 变量提升let 声明的变量只能在当前块中使用。let 声明的变量；决定变量能在哪里使用；而不是 形成一个作用域注意事项在当前{} 中不能重复声明let 声明的变量
2022-04-22 00:47:51
100
原创 js基础知识总结
js 基础知识总结问题一：原始类型有哪几种？null 是对象嘛？原始类型有 6 种，分别为：NumberStringbooleannullundefinedsymbol(ES6)原始类型存储的都是值。‘1’.toString()是将’1’先转变为对象，随后调用的 toString 函数问题二：对象类型和原始类型的不同之处？函数参数是对象会发生什么问题？不同之处：原始类型存放的是值，对象类型存储的是指针。运算符运算符的类型：逻辑：! == === !==比较：&l
2022-04-22 00:44:28
106
原创 同源策略浅析
问题一：同源策略？同源策略要求：浏览器中文档来源要求相同同源策略是对JavaScript代码能够操作哪些Web内容的一条完整的安全限制。脚本只能读取和所属文档来源相同的窗口和文档的属性。问题二：文档来源？文档来源包括协议、主机，以及载入文档的URL端口。1.从不同Web服务器载入的文档具有不同的来源2.通过同一主机的不同端口载入的文档具有不同的来源3.使用http:协议带入的文档和使用https:协议载入的文档具有不同的来源，即使他们来自同一服务器。以上三种都是违反同源测试。
2022-04-22 00:42:12
880
原创 js程序执行时间顺序
js 执行的时间线1、创建document对象，开始解析web页面。创建HTMLHtmlElement对象，添加到document中。这个阶段document.readyState = 'loading'；2、遇到link外部css，创建线程加载，并继续解析文档。并发；3、遇到script外部js，并且没有设置async、defer，浏览器创建线程加载，并阻塞，等待js加载完成并执行该脚本，然后继续解析文档。js拥有修改dom的能力-->domcument.write；4、遇到scrip
2022-04-22 00:41:29
648
原创 git工具总结
git工具课程大纲简介git 是分布式的代码管理工具本地管理下载安装下载地址全局配置作用：告诉git是哪一个用户在使用git告诉git当前使用的用户是谁git config --global user.name 'github用户名，也可以是其他名称'告诉git 绑定的邮箱是什么。git config --global user.email 'github绑定邮箱'----------开始使用git-----------查看配置git config --globa
2022-04-22 00:37:17
99
原创 正则入门必备
正则目录文章目录正则目录学习目标正则工具正则是什么修饰符元字符字符类[]普通类字符类取反 [^]范围类预定义类边界匹配的字符量词贪婪模式 非贪婪模式分组：或反项引用忽略分组前zan瞻断言总结上面的断言正则属性正则方法非全局调用正则表达式查询手册学习目标掌握正则基本语法会编写常见的正则表达式能看懂正则表达是匹配规则已知规则可以编写正则表达是正则工具正则使用工具 正则入门正则是什么正则是运算符。作用用于查询字符串修饰符g: 全局匹配可以匹配到 0-多个结果i: 不匹配大小
2022-04-22 00:34:09
290
原创 async/await和promise的区别
asyncasync函数定义async函数是使用关键字声明的函数。async 是“异步”的简写，所以应该很好理解 async 用于申明一个 function 是异步的。作用用于解决：异步程序产生的bug####async函数的语法async function name([param[, param[, ... param]]]) { statements }参数：name 函数名称 param 要传递
2022-04-22 00:30:26
11046
1
原创 async await promise
async await promise 三者的关系async简单介绍在函数声明前使用async关键词修饰 说明函数中有异步操作await简单介绍等待 后面的代码执行完毕 再继续向下执行####promise简单介绍Promise 是一个对象，从它可以获取异步操作的消息，知道异步函数是完成了还是出错了。axios返回的结果就是一个promise拓展 catchcatch JavaScript的异常捕获机制，凡是在try语句块中的代码出错了，都会被catch捕获。上面的代码就是说b
2022-04-21 22:28:24
233
原创 node模块化设计思路
node模块化1 require 返回的是什么2 module.expres = {} //作用是什么mvc 模式设计思路package.json 包管理工具的配置文件，当前的项目是一个包index.js 入口文件与服务有关routes 路由|---index.js|---config.jscontrols 接口处理函数()|---index.js 将所有的接口函数，统一导入到index.js中|---modules
2022-04-21 00:07:01
311
原创 promise&async
promise基本用法let p = new Promise(res=>{})p.then()Promise.all()Promise.race();Promise.resolve();Promise.any()promise总结promise中那个程序是异步？那个是同步1new Promise的回调函数方法体中随着new Promise同步执行,注意：一般在方法体中编写异步代码；例如 ajax setTimeout2:then 中回调函数是异步执行的问题：then
2022-04-21 00:05:40
196
原创 promise的特点，基本语法和程序执行特点
promise1 promise 程序执行的特点1: new Promise中的回调函数是同步执行的2: 原型方法的回调函数,都是异步执行的, 属于异步消息队列中的微任务.(then catch finally)2 promise有三种状态pending —> respending —> rejresolve/ fulfilled 已接收reject 已拒绝peomise api 分类原型api res: p.then() p.finally() r
2022-04-20 23:40:05
138
原创 dom中固定导航的实现
js实现固定导航操作思路：当滚动条滚动到某一位置时，动态更改固定定位的top值固定导航的html结构 <div class="navbar"></div> <!-- 导航栏 --> <nav id="nav"> <ul> <li><a href="#">001</a></li> <li><a href="#">
2022-04-04 14:45:34
336
原创 js实现返回顶部操作
返回顶部的 js 实现方法设置 scrollTo(x,y)中的 x 和 y 的坐标值来滚动到页面的具体位置<body> <!-- 返回按钮 --> <button id="btn">返回顶部</button> <!-- 内容区 --> <div class="content"></div> <script> //获取button var bt
2022-04-04 01:25:41
618
原创 关于dom中offset client scroll的介绍
DOM 的位置事件对象的位置offsetX | offsetY点击的位置在元素上的坐标clientX | clientY点击的位置在浏览器上的位置screenX | screenY点击的位置在屏幕上的位置。即点击的位置到电脑屏幕边框的 X,Y 距离scrollTop监听元素上滚动条的滚动高度（返回被卷去的上侧距离)设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离；常用 doc.body.scrollTopscrollY监听浏览器窗口 滚动条的
2022-04-04 00:28:59
88
原创 变量的作用域解析，深拷贝浅拷贝
变量变量的定义什么是变量一段字符可随时变化的1 声明变量var function2 给变量赋值变量名 赋值运算符 ++ –给哪里的哪个变量当前赋值是什么3 使用变量难点：使用哪里的变量，当前变量的赋值是什么？作用存放数据使用变量的规则是什么？判断使用的哪一个变量使用的是什么在当前的作用域中查找，看是否声明，如果声明，那找最近的一次赋值作用域规定了变量在哪里用，就是作用域作用域是在代码运行时代码中的某些特定部分中的变量，函数和对象的可访问性。作
2022-03-22 00:57:14
249
原创 数组及字符串api的作用，参数和返回值
api最全解析toString()1：作用：将其他数据类型转化为字符串2：参数作用：要转换的字符3：返回值：被转化的数据转变为字符串的结果join()1：作用:用于把数组中的所有元素转换一个字符串。元素是通过指定的分隔符进行分隔的。2：参数作用：指定要使用的分隔符，如果省略该参数，则使用逗号作为分隔符3：返回值：返回字符串push()1：作用：向数组尾部添加元素2：参数：需要添加进数组的元素3：返回值：数组的新的长度unshift ()1：作用：向数组头部添加元素2：参数：需
2022-03-12 21:06:01
782
原创 数组API及模拟API的步骤
字符串验证1：验证一个字符是否存在 可以用一下方式：1.1 for + ifstr.indexOf()2：验证一个字符串片段是否存在2.1 indexOf()2.2 正则表达式学习 api 思路1：这个 api 是哪一个对象下的2：api 的作用是什么？复制实例代码。查看运行结果，推测作用3：api 的实参是做什么的？参数是回调函数api 中回调函数都是自动执行，可能执行多次或单次回参的值是什么回调函数中return的作用是什么(相对 api 来说，
2022-03-09 21:52:13
208
原创 js数组与对象
数组什么是数组？索引从 0 开始，由相同数据类型组成的集合叫做数组。为什么需要数组(数组解决了什么问题)？为了相同类型的数据统一管理问题。数组有什么特点?有索引值；数组中的元素是相同的数据类型；是有序的，有长度（数组的长度表示元素的个数）数组元素可以为任意 js 数据类型用 for 循环写出 数组API在数组的头部添加元素//增//向arr头部新增元素//方式1 换值方式var arr = [2, 6, 4, 7, 8, 10];var name
2022-03-05 14:54:49
434
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人