施之-CSDN博客

原创 git的使用

2020-11-27git命令的常规使用加粗样式一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am “init” 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上git rem

2020-11-27 18:28:34 186

原创网络请求，ajax、axios、fetch

内容：网络请求日期：2020-09-14一、网络请求ajax、axios、fetch1.配置代理(1)直接修改package.json在react项目的package.json中增加一个代理转发规则："proxy":"http://域名:端口号"重启项目(2)使用http-proxy-middleware插件安装npm i http-proxy-middleware --save在src目录下创建一个setupProxy.js【名字不能写错】，react会自动的加载这个文件.

2020-09-14 20:22:54 267

原创路由、状态管理

内容：路由、状态管理日期：2020-09-14一、路由react也是spa单页面应用1.安装npm i react-router-dom --save2.基本使用(1)在/src/index.js引入路由模式import { BrowserRouter } from 'react-router-dom'ReactDOM.render(<BrowserRouter><App /></BrowserRouter>,document.getElement.

2020-09-14 20:20:53 390

原创 2020-9-14，状态机、组件通信、生命周期、DOM节点操作

内容：状态机、组件通信、生命周期、DOM节点操作日期：2020-09-14一、状态机setState是一个异步操作setState用来修改state中的初始状态，但是它异步操作，不能在setState之后马上获取到最新的数据。可以使用setState的第二个参数来获取到最新的数据setState(要修改的数据对象,()=>{...})在第二个参数（回调函数）中可以获取到state中最新的数据。示例代码：import React, { Component } from 'react'.

2020-09-14 20:19:20 217

原创 2020-9-14，react框架入门、脚手架、组件、事件绑定

内容：react框架入门、脚手架、组件、事件绑定日期：2020-09-14一、react框架入门1.介绍react 是facebook开源的库，用于构建用户界面的 JavaScript 库，它不是一个完整的MVC，最多可以认为是MVC中的V（view视图层）。官网：https://react.docschina.org/优势：浏览器兼容性好一切皆组件虚拟DOM（diff）JSX语法糖缺点：不是一个完整的MVC设计模式，自己本身无法开发大型项目，需要结合flux、redux。2..

2020-09-14 20:17:38 136

原创 2020=-9-14，项目打包部署、图表、服务器端渲染、typescript

内容：项目打包部署、图表、服务器端渲染、typescript日期：2020-09-14`一、项目打包部署1.打包npm run build2.部署(1)备份本地数据文件，然后在服务器上创建一个数据库，并导入已备份的数据库(2)将接口项目上传到服务器，然后通过pm2把接口项目运行起来(3)代理配置把打包好的项目文件上传到服务器上，并配置域名进行解析如果线上服务器用的是nginx，需要进行nginx代理转发配置，从而实现请求线上的接口地址。nginx的网站配置文件中添加如下代理规则：.

2020-09-14 20:15:53 559

原创 2020-9-14,vue的脚手架升级

vue-cli脚手架升级vue-cli 2.9.6稳定版本，现在最新版本1.卸载现有脚手架npm uninstall vue-cli -g2.安装最新版本脚手架npm i @vue/cli -g3.初始化项目vue create 项目名称或者vue ui4.启动项目进入项目根目录，执行命令npm run serve...

2020-09-14 20:14:18 651

原创网上仓库的基本操作，gitee,github进行协作开发

内容：git网上仓库日期：2020-09-12一、git版本控制svn、git1.安装从官网上下载https://git-scm.com/没有特殊要求的话，默认安装即可2.配置用户信息(1)查看配置git config --list(2)配置用户名和邮箱git config --global user.name "用户名"git config --global user.email "注册的邮箱地址"3.常用命令(1)初始化仓库创建一个文件夹作为项目目录，然后在git.

2020-09-12 14:59:15 284

原创 ui库、项目打包部署

内容：ui库、项目打包部署日期：2020-9-12一、ui库1.element-ui官网：https://element.eleme.cn/#/zh-CN/guide/design(1)安装npm i element-ui --save(2)引入全局引入/src/main.jsimport ElementUI from 'element-ui'Vue.use(ElementUI)import 'element-ui/lib/theme-chalk/index.css';new.

2020-09-12 14:55:25 364

原创 2020-9-12,vue，vuex状态管理、ui库

内容：vuex状态管理、ui库修正日期：2020-08-26一、vuex状态管理Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。state、getters、mutations、actions、module运行流程图1.安装.

2020-09-12 14:53:31 115

原创 2020-9-12,vue的路由进阶、路由守卫、stylus样式预处理器

内容：路由进阶、路由守卫、stylus样式预处理器日期：2020-08-25一、路由进阶1.路由模式/src/router/index.js，和routes平级的一个属性默认模式是hash，在浏览器地址中会有一个#，#号后面的内容会被解析成路由规则，并进行匹配，如果匹配到指定的路由规则，则展示其对应的组件内容（页面不会刷新，只是局部内容发生了变化）。history模式，最直观的是在浏览器地址中没有了#，它更多的使用html5中的history.pushState API来完成 URL 跳转而.

2020-09-12 14:51:18 166

原创 2020-09-11、vue的路由与路有守卫简单认识

内容：作用域插槽、组件props验证、路由、路由守卫日期：2020-09-11一、作用域插槽当我们希望数据由子组件提供，页面结构由父组件提供，这种情况下我们可以作用域插槽。v-slot子组件中有数据，但是需要在父组件中控制页面结构子组件：<template> <div> <h1>子组件</h1> <ul> <slot name="list" v-for="ite.

2020-09-11 19:02:51 156

原创 2020-09-11，vue的脚手架，通信方式与组件的进阶用法

内容：vue-cli脚手架、组件通信、组件进阶日期：2020-9-11一、脚手架目录结构build 文件夹：webpack的一些相关配置；config 文件夹：项目开发环境和生产环境的一些相关配置； dev.env.js 文件：开发环境变量 index.js 文件：项目一些配置变量 prod.env.js 文件：生产环境变量 test.env.js 文件：测试环境变量node_modules 文件夹：这里存放的是webpack、第三方插件库、项.

2020-09-11 19:01:14 136

原创 2020-09-11，过滤器、过渡动画、组件、vue-cli脚手架的安装使用

内容：过滤器、过渡动画、组件、vue-cli脚手架内容还是比较重要的，脚手架让我们开发更加方便与整洁日期：2020-9-11一、过滤器作用：是对页面中展示的数据进行处理。1.局部定义new Vue({ el: .... filters:{ 过滤器名称(形参){ 业务逻辑 return 处理结果; }, 过滤器名称N(形参){ 业务逻辑 return 处理结果; }, }})在挂载点内通过管道符“|”来使用定义好的过滤器<标签.

2020-09-11 18:59:31 143

原创 2020-09-11.修饰符、生命周期、侦听器

内容：修饰符、生命周期、侦听器日期：2020-9-11一、修饰符1.按键修饰符keyup、keydown.left 键盘左键.right 键盘右键.up 键盘上键.down 键盘下键.enter 键盘回车键.esc 键盘esc键.delete 键盘退格键.space 键盘空格键输入框获取焦点后，对应的修饰符才会起作用2.表单元素修饰符(1).lazy不再进行实时数据双向绑定，直到遇到change事件才会进行数据的双向绑定(2).number强制的把用户输入的内.

2020-09-11 18:57:49 105

原创 2020-09-11，vue的常用修饰符

##继承上篇内容继续往下学习深入vue框架一、列表渲染(1)遍历数组<div v-for="item of arr">{{ item }}</div><script> new Vue({ el:"#app", data:{ arr:[ 1,2,3,4,5,6,7,8,9 ] } })</script>此时，item遍历名对是数组的每一个元素<div v-for="(item,index) of arr"

2020-09-11 18:55:55 196

原创对于前端框架的基本认识(vue)

对于前端框架的基本认识(vue)框架framework，是别人开发一个网站的半成品，让程序开发人员能够集中精力在业务逻辑。1.vue框架(1)基本介绍官网：cn.vuejs.org渐进式JavaScript 框架作者：尤雨溪https://baike.baidu.com/item/%E5%B0%A4%E9%9B%A8%E6%BA%AA/2281470?fr=aladdinVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被

2020-09-11 18:53:23 904