- 博客(32)
- 收藏
- 关注
RSS订阅原创 git常见分支命令
10. 建立追踪关系，在现有分支与指定的远程分支之间。7. 新建一个分支，与指定的远程分支建立追踪关系。12. 选择一个commit，合并进当前分支。4. 新建一个分支，但依然停留在当前分支。6. 新建一个分支，指向指定commit。5. 新建一个分支，并切换到该分支。8. 切换到指定分支，并更新工作区。3. 列出所有本地分支和远程分支。11. 合并指定分支到当前分支。1. 列出所有本地分支。2. 列出所有远程分支。9. 切换到上一个分支。14. 删除远程分支。...
2022-08-16 08:07:28
3129
1
原创 二、配置git
git push -u origin master #从本地仓库推送到远程仓库。git remote add #告诉客户端，远端地址是什么。git clone #克隆远程仓库。git remote add #本地仓库和远程仓库连接。remote repository：远程仓库。index（stage）：暂存区。...
2022-08-16 08:04:15
476
原创 二、配置git
git push -u origin master #从本地仓库推送到远程仓库。git remote add #告诉客户端，远端地址是什么。git clone #克隆远程仓库。git remote add #本地仓库和远程仓库连接。remote repository：远程仓库。index（stage）：暂存区。...
2022-08-16 07:58:36
154
原创 git bash命令
9）、mv 移动文件, mv index.html src index.html 是我们要移动的文件, src 是目标文件夹,当然, 这样写,5）、touch : 新建一个文件 如 touch index.js 就会在当前目录下新建一个index.js文件。6）、rm: 删除一个文件, rm index.js 就会把index.js文件删除。8）、rm -r : 删除一个文件夹, rm -r src 删除src目录。7）、mkdir: 新建一个目录,就是新建一个文件夹。...
2022-08-16 07:38:02
1478
原创 ts数据类型分类
类型系统按照类型检查的时机来分类，分为动态类型和静态类型，动态是在运行时候才检查数据类型，静态是在编译时候检查数据类型静态语言是在编译期间就会做数据类型的检查，也就是要在写代码的时候就声明变量的数据类型。大部分的后台语言比如 java，php 等以及我们要学的 ts 都是静态的。动态语言是指在运行期间才会去做类型检查的语言，也就是说动态语言声明的时候不需要指定数据类型。比如 javascript 和 python 都是动态的。...
2022-07-04 19:05:46
244
原创 怎么使用git拉取代码
首先在一个文件内git bash here,然后在命令行内输入git clone + 代码仓库的链接，把远程仓库拉到本地，就可以看到一个新的问价夹，可以获取仓库的代码，然后还可以上传自己的代码，把自己的代码复制进这个问价夹，在命令行输入git add .把本地存入暂存区，然后git commit - m "代码的描述信息",最后git push 就成功上传至仓库了...
2022-06-20 18:47:30
543
原创 promise中的all和race方法
promise中的all方法和race方法这两个方法，都是并行执行多个异步操作。而不同的是，all方式遵循“谁跑得慢，以谁为准执行回调”，而race遵循的是“谁跑的快，以谁为准执行回调”以下为两个异步函数function yibu1() { var p1 = new Promise((resolve, reject) => { setTimeout(() => { resolve('第一个异步执行成功...
2022-05-03 10:17:25
3050
原创 详解axios中封装使用、拦截特定请求、判断所有请求加载完毕）
•基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用•vue2.0之后，就不再对 vue-resource 更新，而是推荐使用 axios，本项目也是使用 axios•功能特性•在浏览器中发送 XMLHttpRequests 请求•在 node.js 中发送 http请求•支持 Promise API•拦截请求和响应•转换请求和响应数据•取消请求•自动转换 JSON 数据•客户端支持保护安全免受 CSRF/XSRF（跨站请求伪造） 攻击封装使用
2022-04-27 10:41:17
1587
1
原创 多环境变量
vue中的环境变量 (vue-cli2 / vue-cli3)第一种： vue-cli2配置一个运行时的环境1.1在config目录下新建环境变量config目录下存放的是env环境变量js文件，新建一个自己的环境变量文件如dev_01.env.js。内容如下：'use strict'module.exports = { NODE_ENV: '"dev"', BASE_SERVER_URL: '"这是一个dev_01环境的地址"'}对象以键值对的方式存放，值为单引号引
2022-04-26 18:59:18
319
原创 keep-alive的使用及详解
概念keep-alive 是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。作用在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。原理在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中／在render（页面渲染） 时，如果 VN.
2022-04-26 18:48:35
1770
原创 vue如何封装可复用组件？举例说明封装过的组件
在src目录文件下新建一个components文件，在这个文件中可以创建复用的组件在需要用的组件需要经过三步，一是导入要用的这个组件，二是：注册组件，三是使用组件封闭性：当在组件定义好外部不能修改；开放性：将动态内容和组件通讯方式进行传递数据保证组件可扩展性；总结：通过vue提供的组件通讯结合slot插槽来区分封装的组件如下：在components文件里创建一个你要封装的组件在这个组件里面实现样式布局在props接收数据，点击搜索按钮或回车时，触发this..$emit将数据传递
2022-04-26 17:23:34
2710
原创 常用指令和修饰符有哪些
常用的指令v-if 添加或删除元素v-show 通过display来控制显示或隐藏v-html 元素的innerHTMLv-text 元素的innerText属性 必须是双标签v-on 用来绑定一个事件或方法v-bind 动态绑定一个或多个属性v-model 只能适用于表单元素上v-for 是根据遍历数据来进行渲染修饰符.trim 去除首尾多余的空格.stop 阻止事件冒泡.once 只渲染一次.self 事件只作用于元素本身.number 将值转
2022-04-26 17:16:51
244
原创 vue中v-if和v-show的区别
相同点：都是显示隐藏不同点：v-if：通过创建或删除dom节点来实现显示或隐藏 浪费性能 适合筛选元素和初次渲染v-show：通过display属性来实现控制元素的显示或隐藏 适合显示隐藏本质的区别vue-show本质就是标签display设置为none，控制隐藏vue-if是动态的向DOM树内添加或者删除DOM元素编译的区别v-show其实就是在控制cssv-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件编译的条件v-s
2022-04-26 16:55:38
578
原创 V-for和v-if哪个优先级高？同时使用如何解决？
v-for优先级高 避免浪费性能 用div或template包裹，把v-if写在包裹标签上不能同时使用 v-for的时候我们才开始渲染dom元素,这个v-if还⽆法进⾏判断.首先：永远不要把 v-if 和 v-for 同时用在同一个元素上。其次：当 Vue 处理指令时，v-for 比 v-if 具有更高的优先级将 users替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表将：<ul> <li v-for="user in ...
2022-04-26 16:34:35
796
原创 Vue中的watch和computed和methods有什么区别？
一、watch、computed、methods的区别：Methods：定义事件和方法的，定义的方法调用才会触发，不会缓存。Computed：计算属性，当依赖值发生变化的时候，定义在computed的方法会触发，会缓存结果。Watch：监听属性，不会缓存结果，依赖数据变化触发二、watch的作用：(1)watch属性可以来 监听data属性中的数据变化。<div id="app1"></div><script>var vu = new Vue.
2022-04-26 16:31:39
267
原创 vue组件通讯的几种方式
方法一、props/$emit父组件A通过props的方式向子组件B传递，B to A 通过在 B 组件中 $emit, A 组件中 v-on 的方式实现。1.父组件向子组件传值接下来我们通过一个例子，说明父组件如何向子组件传递值：在子组件Users.vue中如何获取父组件App.vue中的数据 users:["Henry","Bucky","Emily"]//App.vue父组件<template> <div id="app"> <users v-b...
2022-04-26 11:30:47
1792
原创 vue-router(路由原理？路由守卫？传参)
路由原理路由就是用来解析URL以及调用对应的控制器，并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。路由传参：三种：分别是query，params（拍若门次），动态路由传参路由守卫：2.路由守卫使用的方式有几种？ 全局的 单个路由独享的 组件级的3.vue-router全局有三个守卫：router.beforeEach 全局前置守卫 进入路由之前router.beforeResolve （比否瑞绕）全局解析守卫(2.5.0+) ...
2022-04-26 11:14:29
439
原创 vue路由有几种模式？原理是什么？
vue路由模式有两种分别是哈希模式和history模式哈希：不包含http请求头，不重载页面History：前后端url地址不一样报错，需要配合后端原理：利⽤html5新增的两个特性⽅法,分别是psuhState和replaceState来完成的.通过pushstate把页面的状态保存在state对象中，当页面的url再变回这个url时，可以通过event.state取到这个state对象，从而可以对页面状态进行还原，这里的页面状态就是页面字体颜色，其实滚动条的位置，阅读进度，组件的开关
2022-04-26 11:05:13
1526
原创 ts基本数据类型
1.增加数据类型为了让程序有价值，我们需要能够处理最简单的数据单元：数字，字符串，结构体，布尔值等。 TypeScript支持与JavaScript几乎相同的数据类型。1.1 布尔值let isFlag: boolean = false;1.2 数字let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let binaryLiteral: number = 0b1010;let octalLiteral: number
2022-04-05 17:36:55
337
原创 vscode自动编译TS
先按照node.js，可以去官网下载node.js，然后直接安装node即可通过npm安装typescriptnpm install -g typescript在项目的根目录下创建 tsconfig.json 文件tsc --init 打开tsconfig.json文件，可以直接用一下代码替换掉原本的,或者找到outDir直接修改也行{ "compilerOptions": { "target": "es5", "noImplicitAny": fals
2022-04-05 17:31:21
1460
1
原创 Typescript 编译过程
一、Typescript 编译器核心语法分析器（Parser）：从一系列原文件开始, 根据语言的语法, 生成抽象语法树（AST） 联合器（Binder）：使用一个Symbol将相同结构的声明联合在一起（例如：同一个接口或模块的不同声明，或拥有相同名字的函数和模块）。这能帮助类型系统推导出这些具名的声明 类型解析器与检查器（Type resolver / Checker）：解析每种类型的构造，检查读写语义并生成适当的诊断信息 生成器（Emitter）：从输入文件（.ts和.d.ts）生成输出结果，结
2022-04-05 17:20:42
1805
原创 ts的安装
本文介绍 TypeScript 环境的安装。我们需要使用到 npm 工具安装，如果你还不了解 npm，可以参考我们的NPM 使用介绍。NPM 安装 TypeScript如果你的本地环境已经安装了 npm 工具，可以使用以下命令来安装。使用国内镜像：npm config set registry https://registry.npmmirror.com安装 typescript：npm install -g typescript安装完成后我们可以使用tsc命令来执行..
2022-04-05 17:15:17
901
原创 ts的简介
typescript是微软开发的一门编程语言，它是javascrip的一个超集，它遵循最新的es6脚本语言规范，typescript扩展了javascript的语法，任何已经存在的javascipt程序可以不经任何改动的在typescript环境下运行typescript只是向javascript添加了一些新的遵循es6规范的语法 以及 基于类的面向对象编程的特性。其次，2016年9月底发布的Angular2框架。这个框架本身是由typescript语言编写的。Angular是谷歌公司开发的
2022-04-05 17:00:43
2413
原创 js事件委托
1. 事件冒泡元素嵌套，当元素触发事件时，他会向上一级一级的向上传递，直到到最外层window2. 事件委托把一个元素的事件委托给别的元素（所有外层元素都可以监听他这个事件的触发）原理：利用事件冒泡来处理委托事件3. 事件委托的优缺点减少事件的绑定 节省内存减少工作量4. vite快的地方webpack 会吧所有的代码都编译成我们的 es5，或者es6 每次编译都比较耗时vite 是有所选择的编译 improt export代码如下：<div @click="c.
2022-04-05 16:53:21
109
原创 this指向以及改变this指向的方法
一、函数的调用方式决定了 this 的指向不同，但总的原则，this指的是调用函数的那个对象：1.普通函数调用，此时 this 指向 全局对象windowfunction fn() { console.log(this); // window } fn(); // window.fn（),此处默认省略window2.在严格模式下"use strict",为undefined.function foo(){ "use strict";
2022-04-01 11:02:15
237
原创 数组方法整理
push 在数组末尾添加 Pop 删除最后一个 Shift 删除第一个 Unshift 在数组开始位置添加 Concat 合并数组 Splice 添加 删除 替换数组元素 Sort 排序 Reverse 倒序 Indexof 查找下标 Foreach 循环数组 没有返回值 Filter 过滤 Map 映射 返回一个新数组 Every 判断数组每一项是否满足条件 全部满足返回真 Some 只要有一项满足条件就返回真 Join 把数组用连接符连接成字符串...
2022-04-01 09:40:19
45
原创 使用vite从开始搭建vue项目
一、创建项目这里根据vite的兼容性说明，要求node.js版本>=12.0.0提供了npm,yarn,两种包管理工具的创建方式用NPM：npm init @vitejs/app使用yarn：yarn create @vitejs/app然后按照提示进行操作！这里我们使用yarn来创建一个vue项目（这里我使用的Mac，与PC步骤基本一致） 在我们想要创建的项目都目录下打开终端（命令行工具） 输入如下命令 // Mac 其中sudo是获取
2022-04-01 09:22:21
1495
原创 使用vite搭建Vue3项目
一.安装：1.卸载老版本vue-cli：yarn global remove vue-cli2.卸载老版本vue：yarn global remove vue3.安装vue最新版本：yarn global add vue@next4.安装vue-cli最新版本：yarn global add @vue/cli@next二.全局安装vite：yarn create vite-app 项目名称以下几种方式都可以：npm init vite-ap.
2022-04-01 09:18:40
1102
原创 UI组件的定义和引用
一、UI组件的定义1.在xml中定义界面元素 在android中通过xml标记就可以定义该标记对应的视图类或者子类。例如：xml中的<Button>，标记，就可以对应一个按钮实例，而这个对应过程可以由android软件自动完成，这样就实现了xml与java代码具有等同的效果。这种直接通过xml标记定义界面组件的机制，实现了界面代码与逻辑代码分开的效果。2.在java代码中定义界面元素 这种方式比较常见，即在代码中通过new语句初始化一个类实例，然后设置其属性，调用其方...
2022-04-01 09:12:09
257
原创 vue的路由
1、如何获取公共的属性和方法 ？获取实例通过 getCurrentInstance [ 获取实例上下文 ]// 引入import { getCurrentInstance } from 'vue';// 获取实例上下文let { appContext } = getCurrentInstance()console.log(appContext.config.globalProperties);在组合API内使用： getCurrentInstance()返回一个对象vue3...
2022-03-30 11:08:40
69
原创 vuex知识点以及相关笔记
1、Vuex理解？可以解决什么问题？Vuex：是一个状态管理工具，解决数据共享问题，方便后期维护和修改，管理多个组件共享状态，让代码结构更清晰，跟踪状态改变2、Vuex的五大核心以及如何调用属性和方法？State:存放状态 getters：相当于计算属性，类似与数据共享属性Mutations：唯一改变提交mutations，通过this.$store.commit调用Actions：异步操作，通过dispatch来改变stateModules：：模块3、 vuex的执...
2022-03-29 11:19:21
1171
原创 vue的生命周期
1、什么是vue的声明周期？所谓的生命周期就是vue实例从开始创建到销毁的过程就是vue的生命周期通过vue的生命周期可以在不同阶段进行不同操作2、Vue的生命周期有哪些钩子函数，如何触发？创建前 beforeCreate() // 这时候实例已经被创建 但是包括data method等api中的数据和方法还不能使用创建后 created() // 这时候实例已经被创建 但是包括data method等api中的数据和方法能使用挂载前 beforeMount() ...
2022-03-24 20:02:16
768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人