怦然心动````-CSDN博客

原创 Git简单介绍以及安装流程

Git简单介绍以及安装流程1 什么是Git？Git是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。也是世界上最先进的分布式版本控制系统。2 版本控制系统版本控制(Revision control)是维护工程蓝图的标准做法，能追踪工程蓝图从诞生一直到定案的过程。是一种记录若干文件内容变化，以便将来查阅特定版本修订情况的系统。版本控制工具分为： - 集中式版本控制工具：SVN、VSS、CVS、 - 分布式版本管理工具：Git、Mercurial、

2020-05-28 21:35:03 389

原创谈论学习路线以及学习计划

学习分享的第一天细谈前端学习路线及学习计划1.1 前端是什么？1.2 前端的基础语言是什么？1.3 学习前端又需要那些技能呢？1.4 为什么要学习前端，是为了什么去学习前端细谈前端学习路线及学习计划1.1 前端是什么？前端即使Web前端开发工程师。是从事Web前端开发工作的工程师，主要是为了进行网站的开发、优化及完善所需。1.2 前端的基础语言是什么？既然web前端开发是由...

2019-12-16 18:50:49 474

原创 React-route-dom和React-route

React-router和React-router-dom目标单页面应用单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。浏览器一开始会加载必需的HTML、CSS和JavaScript，所有的操作都在这张页面上完成，都由JavaScript来控制。因此，对单页应用来说模块化的开发和设计显得相当重要。单页面应用的优缺点：优点：

2020-06-23 22:50:56 354

原创 React 第四天

React-Router-dom目标熟练使用 React-router-dom和 React-router前端路由前端路由和网络上的路由器功能很像。前端路由也是进行分发操作，只不过其分发的是页面跳转请求。//React-router-dom:import {Swtich, Route, Router, HashHistory, Link} from 'react-router-dom';//React-routerimport {Switch, Route, Router} from

2020-06-22 20:57:47 172

原创 vue响应式原理

vue响应式原理要了解响应式原理首先应该知道什么是响应式<template> <div> <div> {{user.name}} </div> <button @click="onClick"> 更改 </button> </div></template><script>data() {

2020-06-19 19:10:56 220

原创 React (Webpack)

React 第一天目标熟悉 webpack的安装和基本使用.CSS、.SCSS 文件类型ES5、ES6 语法JSX 语法webpackwebpack是一个 Javascript 应用程序的静态模块打包器，当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。它做的事情是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言

2020-06-18 22:10:47 238

原创 vue路由---导航守卫

导航守卫vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。全局前置守卫beforeEach当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。你可以使用 router.beforeEach 注册一个全局前置守卫：//模拟登录状态let loginStatus = falseconst router = [ {

2020-06-17 21:29:35 157

原创 vue-----路由---2

编程式导航在vue实力内部，你可以通过router访问路由实例，因此你可以调用this.router访问路由实例，因此你可以调用this.router访问路由实例，因此你可以调用this.router.push跳转，这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。this.$router.push有两种跳转方式，一个是path+query，另一个是name+paramspath+querythis.$router.push({

2020-06-16 22:32:08 152

原创 vue-----路由

使用vue-cli安装不需要另外安装路由，只需要在安装时候选择Manually select features，然后选到router按下空格就行vue路由分为前端路由和后端路由路由配置RouterViews//main.jsimport router from "./router"new Vue({ router, render: h => h(App)}).$mount('#app')初始化路由在路由模块的入口文件index.js配合router//引入vuei

2020-06-15 22:26:15 149

原创 vue基于axios封装网络请求

结构index.js 网络模块入口文件定义请求方法netManager.js 封装网络层核心功能请求方式等configUrl.js 统一管理url路径参数configRequest.js 统一管理请求方式封装代码netManager.js// 封装核心方法/* * URL* 请求参数* 请求方式* 请求成功或者失败的处理* 请求前请求后处理*//* * 网络模块需要提供的功能* GET POST请求上传下载*/// 导入axiosimport ax

2020-06-11 22:17:10 232

原创 vue中methods，computed，watch的区别

methodsmethods中定义的都是具体的方法，根据一些触发条件，调用一次，重新执行一次。比如说点击事件<template> <div>  <div @click="onClick"> </div> </div></template><script>export default{ m

2020-06-10 22:10:10 173

原创 vue中如何使用路由

vue中路由的使用定义组件<template> <div class="hello"> <h1 @click="info" :class="color">{{ msg }}</h1> </div></template><script>export default { name: 'hello', data () { return { msg: '我是Hello组件'

2020-06-09 19:30:33 189

原创 vue中将token发送给后台

1、第一次登录的时候，前端调后端的登陆接口，发送用户名和密码2、后端收到请求，验证用户名和密码，验证成功，就给前端返回一个token3、前端拿到token，将token存储到localStorage中，并跳转路由页面4、前端每次跳转路由，就判断 localStroage 中有无 token ，没有就跳转到登录页面，有则跳转到对应路由页面调登录接口成功，在回调函数中将token存储到localStorage中methods: { submitForm(formName) {

2020-06-08 22:02:46 4583

原创 webpack 安装环境以及命令

什么是WebPack？WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Sass，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。在3.0出现后，Webpack还肩负起了优化项目的责任。打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。转换：把拓展语言转换成为普通的JavaScript，让浏览器顺利运行。优化：前端变的越来越复杂后，性能也会遇到问题，而WebP

2020-06-07 22:15:18 225

原创 Mock.js和EsayMock介绍以及使用

Mock.jsmockjs就是一个模拟数据，生成随机数据，拦截ajax请求。通过拦截ajax 请求根据数据模板生成开发返回模拟数据，让前端独立于后端进行开发版主偏写单元测试首先使用之前我们需要先安装Mock ，在命令提示符窗口，用 npm 安装 mockjsnpm install mockjs项目中引入mock.js<script src="../static/js/mock.js" type="text/javascript"></script>M

2020-06-04 19:17:56 358

原创 ssh密钥优点以及如何去使用它

配置密钥详细步骤1 打开Git Bash查看电脑上是否已经存在SSH密钥输入 cd ~/.ssh 如显示上图则是没有找到该文件需要创建新的文件2. 创建新的ssh key: 输入 ssh-keygen -t rsa -C "your_email@youremail.com" 注意：此处的C需要是大写执行这条命令会如上图提示文件保存路径，可以直接按Enter，然后提示输入 passphrase（密码），输入两次（可以不输直接两次Enter），然后会在 .ssh 目录生产两个文件

2020-06-03 19:34:40 551

原创前端学习计划以及需要掌握的技能

JavaScript发展过程它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，浏览器对象模型。JavaScript语言的特点？1、脚本语言：文本保存，在调用时开始解释或编译的语言称为脚本语言。2、基于对象：这意味着它能运用自己已经创建的对象。因此

2020-06-02 18:48:34 342

Jiuqianqi的博客