- 博客(60)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Visual Studio Code中左侧颜色标识
代码里的左侧颜色标识:红色，未加入版本控制; (刚clone到本地)绿色，已经加入版本控制暂未提交; (新增部分)蓝色，加入版本控制，已提交，有改动； (修改部分)白色，加入版本控制，已提交，无改动；灰色：版本控制已忽略文件。git文件标识:A: 增加的文件.C: 文件的一个新拷贝.D: 删除的一个文件.M: 文件的内容或者mode被修改了.R: 文件名被修改了。T: 文件的类型被修改了。U: 文件没有被合并(你需要完成合并才能进行提交)X: 未知状态...
2022-03-26 00:00:00
1202
原创 js阻止浏览器默认行为
<!DOCTYPE html><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>Do.
2022-02-21 17:11:33
327
原创 js 事件类型
<!DOCTYPE html><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>Do.
2022-02-18 19:46:14
278
原创 获取页面的dom元素
获取页面的DOM元素 分为两种情况 1.获取非常规标签 2.获取常规标签 一.获取非常规标签 html 语法：document.documentElement head 语法：document.head body 语法：document.body 二.获取常规标签 1.通过id获取 ...
2022-02-17 21:18:43
613
原创 input密码可见切换
button { background-color: pink; border-radius: 10px; } input { border-radius: 10px; height: 20px; } <input type="password"> <button>显示密码</button&g...
2022-02-17 20:20:02
1005
原创 js获取窗口浏览器的大小
<!DOCTYPE html><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>Do.
2022-02-17 17:20:31
758
原创 js创建节点
<!DOCTYPE html><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>Do.
2022-02-17 16:57:25
682
原创 浏览器本地存储
本地存储 长期存储: localStorage 除非手动删除,否者就一直保存在浏览器中 保存: setItem 语法: window.localStorage.setItem('名称', 值) 注意: 只能保存字符串类型,不能是其它数据类型 获取: getItem 语法: window.localStorage.getItem('名称')...
2022-02-16 16:14:59
103
原创 js浏览器中的事件
浏览器中的事件<!DOCTYPE html><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"> <t.
2022-02-14 20:07:16
191
原创 js定时器
<!DOCTYPE html><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>Do.
2022-02-14 18:54:18
60
原创 json的两个方法
<script> /* json的两个方法 */ // 1. 把js数据格式转换为json字符串格式 var obj = { name:'jack', age:'18', gender:'男'} var res = JSON.stringify(obj) console.log(res)// {"name":"jack","age":"18","gender":...
2022-02-14 11:02:48
384
原创 js数组去重
数组去重方案一:var arr = [ 10, 20, 20, 10, 30, 20, 10, 20, 40, 30, 60, 50, 20 ]console.log('原始数组 : ', arr)// 方案一,数组去重,需要解决数组塌陷// 1.先把数组排序arr.sort(function (a, b){ return a -b })console.log('排序之后:' arr)// 2.循环遍历数组,判断挨着的两个是不是一样,如果一样 删除一个for (var i =
2022-02-09 19:00:42
379
原创 ajax、axios、fetch的区别
（1）AJAX Ajax 即“AsynchronousJavascriptAndXML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。它是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。其缺点如下：本身是针对MVC编程，不符合前端MVVM的浪潮 .
2021-09-17 09:57:44
425
原创 for...in和for...of的区别
for...in和for...of的区别:for…of 是ES6新增的遍历方式，允许遍历一个含有iterator接口的数据结构（数组、对象等）并且返回各项的值，和ES3中的for…in的区别如下for…of 遍历获取的是对象的键值，for…in 获取的是对象的键名； for… in 会遍历对象的整个原型链，性能非常差不推荐使用，而 for … of 只遍历当前对象不会遍历原型链； 对于数组的遍历，for…in 会返回数组中所有可枚举的属性(包括原型链上可枚举的属性)，for…of 只返回数...
2021-09-17 09:52:43
313
原创 对AJAX的理解，实现一个AJAX请求
AJAX是 Asynchronous JavaScript and XML 的缩写，指的是通过 JavaScript 的 异步通信，从服务器获取 XML 文档从中提取数据，再更新当前网页的对应部分，而不用刷新整个网页。创建AJAX请求的步骤：创建一个 XMLHttpRequest 对象。 在这个对象上使用 open 方法创建一个 HTTP 请求，open 方法所需要的参数是请求的方法、请求的地址、是否异步和用户的认证信息。 在发起请求前，可以为这个对象添加一些信息和监听函数。比如说可以通过 s.
2021-09-17 09:38:44
309
原创 什么是 DOM 和 BOM？
什么是 DOM 和 BOM？DOM 指的是文档对象模型，它指的是把文档当做一个对象，这个对象主要定义了处理网页内容的方法和接口。 BOM 指的是浏览器对象模型，它指的是把浏览器当做一个对象来对待，这个对象主要定义了与浏览器进行交互的法和接口...
2021-09-17 09:34:44
634
原创 数组有哪些原生方法？
数组有哪些原生方法？数组和字符串的转换方法：toString()、toLocalString()、join() 其中 join() 方法可以指定转换为字符串时的分隔符。 数组尾部操作的方法 pop() 和 push()，push 方法可以传入多个参数。 数组首部操作的方法 shift() 和 unshift() 重排序的方法 reverse() 和 sort()，sort() 方法可以传入一个函数来进行比较，传入前后两个值，如果返回值为正数，则交换两个参数的位置。 数组连接的方法 concat..
2021-09-17 09:27:55
794
原创 对JSON的理解
JSON 是一种基于文本的轻量级的数据交换格式。它可以被任何的编程语言读取和作为数据格式来传递。在项目开发中，使用 JSON 作为前后端数据交换的方式。在前端通过将一个符合 JSON 格式的数据结构序列化为 JSON 字符串，然后将它传递到后端，后端通过 JSON 格式的字符串解析后生成对应的数据结构，以此来实现前后端数据的一个传递。因为 JSON 的语法是基于 js 的，因此很容易将 JSON 和 js 中的对象弄混，但是应该注意的是 JSON 和 js 中的对象不是一回事，JSON 中对象格式.
2021-09-17 09:23:10
215
原创 new操作符的执行过程
new操作符的实现原理new操作符的执行过程：（1）首先创建了一个新的空对象（2）设置原型，将对象的原型设置为函数的 prototype 对象。（3）让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性）（4）判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。具体实现：function objectFactory() { let newObject = null; let constructor = Ar..
2021-09-17 09:05:25
2163
原创 vue2的数据双向绑定实现原理
<!DOCTYPE html><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>...
2021-09-08 23:21:52
79
原创 第一个react应用程序,初体验
react开发需要引入多个依赖文件，其中react.js、react-dom.js这两个文件是我们创建react应用程序必须要引入的依赖文件。react.js 是核心，提供创建元素，组件等功能https://unpkg.com/react@17/umd/react.development.jsreact-dom.js 提供DOM相关功能https://unpkg.com/react-dom@17/umd/react-dom.development.js下载对应的react.js和re
2021-09-02 09:22:59
230
原创 Vue路由模块
规划路由:router目录routes目录film.jscinema.jsnews.jscenter.jsindex.js 路由入口文件...
2021-09-01 22:14:47
58
原创 Node.js
NodeJs_01:学习目标能够命令中执行node程序 能够使用npm安装第3方模块 掌握常用的nodejs内置模块 能够实现文件读写操作 搭建静态web服务器 接受get或post数据一、Nodejs概述1.1、介绍网址：https://nodejs.orgNode.js 是一个开源与跨平台的JavaScript 运行时环境。它是在浏览器外运行，它是一个事件驱动异步I/O单进程的服务端JS环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快..
2021-08-29 23:07:12
246
原创 Vue相关：
目录1,说一下vue最大特点是什么或者说vue核心是什么2,说一下vue常用基本指令有哪些3,Vue常用的修饰符4,Vue 组件中 data 为什么必须是函数5,说一下v-if和v-show的区别6,说一下vue自定义指令如何实现的和适用场景？7,说一下vue过滤器做什么的(vue1.x和vue2.x这块的区别)8,说一下你对单向数据流的理解9,说一下vue双向数据绑定的原理10,说一下vue路由或前端路由实现原理11,说一下vue和jquey的区别...
2021-08-23 12:13:34
82
原创 说一下你对http状态码的了解多少？
1,说一下你对http状态码的了解多少？答：1xx（临时响应）表示临时响应并需要请求者继续执行操作的状态代码2xx （成功）表示成功处理了请求的状态码。常见的2开头的状态码有：200 – 服务器成功返回网页3xx （重定向）表示要完成请求，需要进一步操作。 通常，这些状态代码用来重定向常见的3字开头的状态码有：301 （永久移动） 请求的网页已永久移动到新位置。 服务器返回此响应时，会自动将请求者转到新位置。302 （临时移动） 服务器目前从不同位...
2021-08-23 11:32:14
85
原创 对同步和异步的理解
说一下你对同步和异步的理解答：同步即sync，形象的说就是代码一行行执行，前面代码和请求没有执行完，后面的代码和请求就不会被执行，缺点：容易导致代码阻塞优点：程序员容易理解（因为代码从上往下一行行执行，强调顺序）异步：即async,形象的说就是代码可以在当前程序没有执行完，也可以执行后面的代码缺点：程序员不易理解（因为不是按顺序执行的）优点：可以解决代码阻塞问题，提升代码执行效率和性能异步解决方案主要有三个：回调函数 promise（重点掌握） generator(
2021-08-23 11:26:46
150
原创 跨域的解决方案目前有三种主流解决方案：
跨域是浏览器做出的限制,和后端没关系跨域解决方案,三种解决方法:是jsonpjsonp实现原理：主要是利用动态创建script标签请求后端接口地址，然后传递callback参数，后端接收callback，后端经过数据处理，返回callback函数调用的形式，callback中的参数就是json是代理（前端代理和后端代理）前端代理我在vue中主要是通过vue脚手架中的config中的index文件来配置的，其中有个proxyTable来配置跨域的是CORSCORS全称叫跨域资源共享，主要
2021-08-23 11:21:38
107
原创 vue组件 传值? Ref ?
6.1、概述组件(Component) 是 Vue.js 最强大的功能之一，它是html、css、js等的一个聚合体。组件化将一个具备完整功能的项目的一部分分割多处使用 加快项目的进度 可以进行项目的复用组件注册分为：全局组件和 局部组件6.2、全局注册组件Vue.component('Hello', {data (){return {msg: 'HelloWorld'}},render: h => h...
2021-08-22 23:23:11
86
原创 五、混入 - Mixins
混入 - Mixins混入(mixins)是一种分发Vue组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。混入分为：全局和局部...
2021-08-22 21:43:09
131
原创 掌握vuex使用
学习目标:Vuex 是什么？官方文档:https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享。如果您不打算开发大型单页应用，使用Vuex 可能是繁琐冗余的。如果您的应用够简单，最好不要使用Vuex。使用Vuex管理数据优势：能够在vuex中集中管理共享的数据，便于开发和后期进行维护 能够高效的实现组件之间的数据共享...
2021-08-21 23:07:56
79
原创 vue-router 路由导航守卫
路由导航守卫全局导航守卫(里面又分为三个):前置守卫 解析守卫 后置守卫路由独享守卫:{path: '/home',component: () => import(/* webpackChunkName: "home" */ '@/views/Home'),// 路由独享守卫 -- 它是属性当前定义的路由所有beforeEnter: (to, from, next) => {console.lo...
2021-08-20 23:10:07
53
原创 git 上传指令
git 上传指令:第一步:git init 初始化项目第二步:复制 git 上的地址 点击回车第三步:git add . 添加到暂存区第四步:git commit -am '注释'第五步:复制窗口中,返回的指令,回车config --list 查看指令配置项................................................................
2021-08-19 18:52:07
826
原创 Vue中的客户端路由( 使用 Vue-cli 创建vue项目并生成 Vue-router )
学习目标:掌握 vue-router两种安装方式:vue create +加项目名 创建项目时勾选上就可以了 npm 安装 npm i -S vue-router@3 后面建议加上3或这4 代表安装版本号vue create 创建项目:指令:第一步,手动配置第二步,选择要安装那些, 比如今天我们所说的 要安装 Router(路由)第三步, 选择 vue项目版本 虽然vue3已经出来...
2021-08-17 10:53:21
540
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人