- 博客(17)
- 收藏
- 关注
RSS订阅原创 git命令行操作和Vscode的git操作
添加工作区文件到暂存区git addgit add 1.txt# 添加多个文件git add 2.txt 3.txt# 添加整个目录git add ./a# 添加多个目录git add ./b ./c# 添加所有文件git add .创建版本git commit将暂存区里的改动给提交到本地 git 仓库，也就是为这次工作（一般会把某个具有特定意义的工作作为一个版本，它可以是多个文件的变化） 每次提交同时会生成一个 40 位的哈希值，作为该次提交版本的唯一 id
2021-11-04 10:11:36
1143
原创 git版本控制
什么是版本控制？版本控制是指对软件开发过程中各种程序代码、说明文档等文件的变更进行管理，它将追踪文件变化，记录文件的变更时间、变更内容、甚至变更执行人进行记录，同时对每一个阶段性变更（不仅仅只是一个文件的变化）添加版本编号，方便将来进行查阅特定阶段的变更信息，甚至是回滚什么是 Git？人工版本控制器通过人工的复制行为来保存项目的不同阶段的内容，添加适当的一些描述文字加以区分 繁琐、容易出错 产生大量重复（冗余）数据 版本控制工具通过程序完成上述人工版本控制行为
2021-11-04 09:55:47
162
原创 Vue项目美食杰详情页
效果图1.思路：根据menuId请求数据来渲染页面，推荐使用组件Element.Ui，通过获取路由参数来判断登录用户data() { return { menuInfo: { userInfo: {}, raw_material: { main_material: [], accessories_Materiak: [], }, steps: [], ..
2021-10-12 20:23:12
364
原创 商品筛选多重筛选过滤
效果图代码部分(附注释)<template> <div class="recipe"> <!-- v-model="activeName" --> <!-- 菜谱分类 start --> <el-tabs type="border-card" v-model="classifyName"> <el-tab-pane v-for="item in classify"..
2021-10-09 20:05:36
367
原创 Vue3.0中的响应式原理
vue2.x的响应式 实现原理： 对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。 数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。 Object.defineProperty(data, 'count', { get () {}, set () {}}) 存在问题： 新增属性、删除属性, 界面不会更新。 直接通过下标修改...
2021-10-07 19:34:14
79
原创 React 路由
1.相关理解1.1. SPA的理解单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。1.2. 路由的理解什么是路由? 一个路由就是一个映射关系(key:value) key为路径, value可能是function或component 路由分类 后端路由： 理解： value是function, 用来
2021-10-07 19:18:09
76
原创 React ajax
前置说明React本身只关注于界面, 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装)常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 axios文档GitHub - axios/axios: P.
2021-10-07 19:10:38
72
原创 前端面试必刷！
1.什么是事件委托？为什么这样做？答：它还有一个名字叫事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。为什么这样做呢？通过事件委托可以减少事件处理程序数量，这样就能大大的减少与dom的交互次数，提高性能；2.js的数据类型？答：JS的数据类型有8种。在ES5的时候，我们认知的数据类型确实是 6种：Number、String、Boolean、undefined、object、Null。ES6 中新增了一种 Symbol 。这种类型的对象永不相等
2021-10-06 21:40:15
79
原创 react组件的生命周期（新和旧）
组件生命周期的理解组件从创建到死亡它会经历一些特定的阶段。 React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。 我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。生命周期流程图（旧）生命周期的三个阶段（旧） 1. 初始化阶段: 由ReactDOM.render()触发---初次渲染 constructor() componentWillMount() render() compone...
2021-10-06 21:25:54
105
原创 react jsx语法规则
全称: JavaScript XML react定义的一种类似于XML的JS扩展语法: JS + XML本质是React.createElement(component,props,...children)方法的语法糖 作用: 用来简化创建虚拟DOM 写法：varele=<h1>HelloJSX!</h1> 注意1：它不是字符串, 也不是HTML/XML标签 注意2：它最终产生的就是一个JS对象 标签名任意: HTML标签或其它标签 标签属性任意...
2021-10-06 21:18:39
79
原创 vue的组件通信
1.父子通信父子之间通信，在子组件中可以接收父组件传入的值：基于属性传递通过props接收；通过props接受的属性和data数据一样，是直接挂载到实例上的。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta.
2021-10-06 21:10:01
93
原创 Vue cli 脚手架安装和Vue项目创建过程
在电脑搜索框中数如cmd打开命令提示符然后可以在里面输入node -v注意是node空格-v如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：下载 | Node.js 中文网vue-cli安装...
2021-09-28 16:47:24
152
原创 2021Vue高频面试题
1生命周期部分vue生命周期是指vue是对象从创建到销毁的过程。2.Vue生命周期的作用是什么？在vue生命周期的不同阶段通过对应的钩子函数来实现组件数据管理和DOM渲染两大重要功能。创建阶段：beforecreate：实例已经初始化，但不能获取DOM节点。(没有data，没有el)created:实例已经创建，仍然不能获取DOM节点。(有data，没有el)载入阶段：beforemount：模板编译完成，但还没挂载到界面上。(有data，有el)mounted：编译好的模板已挂载到页面中(数
2021-09-28 11:13:40
255
原创 Vue实现todolist效果（增删改查和本地存储状态）
效果图 实现每一项的独特命名来实现删除添加选取的精准操作需要在终端安装nanoid 指令为npm i nanoid并在header页中配置可以根据功能来拆分组件共可以拆分组件分别为MyHeader MyItem MyFooter添加My的作用主要是用来防止标签与html5中新增标签起冲突，而MyItem中包含MyList组件组件创建完成后需要在App.vue中注册App的所有代码<template> <div id="app">...
2021-09-28 10:50:31
1117
1
原创 vue实现表单验证
1.路由跳转先点开Vue项目中src目录配置router文件然后用import暴露你的表单页名称并在你的Router实例中中注册路由表代码如下import Create from "@/views/create/create.vue";//前面是暴露的名字，首字母要用大写。后面是你的表单页所在目录@是..的简写即返回上一层const router=new Router({mode:"history"//这里是写路由是什么模式routes:[{ path: "/create",.
2021-09-28 10:10:00
1926
原创 vue实现登录注册页
2.注册效果代码展示<template> <div class="login-section"> <el-form label-position="top" label-width="100px" class="demo-ruleForm" :rules="rules" :model="rulesForm" status-icon ref="ruleForm" >...
2021-09-28 08:11:22
17395
4
原创 ES6总结
1.ECMAScript 和 JavaScript 的关系 该标准从一开始就是针对 JavaScript 语言制定的，但是之所以不叫 JavaScript，有两个原因。一是商标，Java 是 Sun 公司的商标，根据授权协议，只有 Netscape 公司可以合法地使用 JavaScript 这个名字，且 JavaScript 本身也已经被 Netscape 公司注册为商标。二是想体现这门语言的制定者是 ECMA，不是 Netscape，这样有利于保证这门语言的开放性和中立性。...
2021-09-23 19:59:09
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人