05 2021 档案
摘要：Git 查看提交历史 Git 提交历史一般常用两个命令： git log - 查看历史提交记录。 git blame <file> - 以列表形式查看指定文件的历史修改记录。 git log 在使用 Git 提交了若干更新之后，又或者克隆了某个项目，想回顾下提交历史，我们可以使用 git log 命
阅读全文
摘要：Git 分支管理 几乎每一种版本控制系统都以某种形式支持分支。使用分支意味着你可以从开发主线上分离开来，然后在不影响主线的同时继续工作。 有人把 Git 的分支模型称为必杀技特性，而正是因为它，将 Git 从版本控制系统家族里区分出来。 创建分支命令： git branch (branchname)
阅读全文
摘要：Git 基本操作 Git 的工作就是创建和保存你项目的快照及与之后的快照进行对比。 本章将对有关创建与提交你的项目快照的命令作介绍。 Git 常用的是以下 6 个命令：git clone、git push、git add 、git commit、git checkout、git pull，后面我们会
阅读全文
摘要：git init Git 使用 git init 命令来初始化一个 Git 仓库，Git 的很多命令都需要在 Git 的仓库中运行，所以 git init 是使用 Git 的第一个命令。 在执行完成 git init 命令后，Git 仓库会生成一个 .git 目录，该目录包含了资源的所有元数据，其他
阅读全文
摘要：一般工作流程如下： 克隆 Git 资源作为工作目录。 在克隆的资源上添加或修改文件。 如果其他人修改了，你可以更新资源。 在提交前查看修改。 提交修改。 在修改完成后，如果发现错误，可以撤回提交并再次修改并提交。 下图展示了 Git 的工作流程： 基本概念 我们先来理解下 Git 工作区、暂存区和版
阅读全文
摘要：Git 与 SVN 区别 Git 不仅仅是个版本控制系统，它也是个内容管理系统(CMS)，工作管理系统等。 如果你是一个具有使用 SVN 背景的人，你需要做一定的思想转换，来适应 Git 提供的一些概念和特征。 Git 与 SVN 区别点： 1、Git 是分布式的，SVN 不是：这是 Git 和其它
阅读全文
摘要：人月的不可替代性。人才的流失对于一个公司的影响是很大的，项目的关键阶段，额外的增加人力不能减少所需要的时间，因为额外的培训需要的时间。 必要的文档对于项目成功的重要性，所有的假设和讨论都是基于文档来进行的。包涵重要的信息，对于项目的计划和实施至关重要。agile的开发流程还是需要文档的，不是说文档不
阅读全文
摘要：filter过滤函数 ```javascript const nums = [2,3,5,1,77,55,100,200] //要求获取nums中大于50的数 //回调函数会遍历nums中每一个数，传入回调函数，在回调函数中写判断逻辑，返回true则会被数组接收，false会被拒绝 let newN
阅读全文
摘要：箭头函数 ### 认识箭头函数 > 传统定义函数的方式 ```javascript const aaa = function (param) { } ``` > 对象字面量中定义函数 ```javascript const obj = { bbb (param) { }, } ``` > ES6中的
阅读全文
摘要：ES6的增强写法 ### ES6的对象属性增强型写法 ES6以前定义一个对象 ```javascript const name = "zzz"; const age = 18; const user = { name:name, age:age } console.log(user); ```
阅读全文
摘要：1.1块级作用域 ES6之前没有块级作用域，ES5的var没有块级作用域的概念，只有function有作用域的概念，ES6的let、const引入了块级作用域。 ES5之前if和for都没有作用域，所以很多时候需要使用function的作用域，比如闭包。 ### 什么是变量作用域 变量在
阅读全文
摘要：const的使用 1.const用来定义常量，赋值知乎不能再赋值，再次赋值会报错。 ```javascript <script> //1.定义常量，赋值后不能再赋值，在赋值报错 const count = 1 // count = 2 </script> ``` 2.const不能只声明不赋
阅读全文
摘要：runtime-compiler和runtime-only区别 新建两个vuecli2项目： ```bash //新建一个以runtime-compiler模式 vue init webpack 02-runtime-compiler //新建一个以runtime-only模式 vue init w
阅读全文
摘要：vue-cli3起步 **vue-cli3与2版本区别** - vue-cli3基于webpack4打造，vue-cli2是基于webpack3 - vue-cli3的设计原则是"0配置"，移除了配置文件，build和config等 - vue-cli3提供`vue ui`的命令，提供了可视化配置
阅读全文
摘要：vue-cli的目录结构 其中build和config都是配置相关的文件。 build和config 如图所示，build中将webpack的配置文件做了分离： - `webpack.base.conf.js`（公共配置） - `webpack.dev.conf.js`（开发环境） - `webpa
阅读全文
摘要：什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： - 通过 `@vue/cli` 搭建交互式的项目脚手架。 - 通过 `@vue/cli` + `@vue/cli-service-global` 快速开始零配置原型开发。 - 一个运行时依赖 (`@vue
阅读全文
摘要：webpack的配置文件分离 `webpack.config.js`文件中有些是开发时候需要配置，有些事生产环境发布编译需要的配置，比如搭建本地服务器的devServer配置就是开发时配置，接下来我们分析如何分离配置文件。 > 准备工作：复制06-webpack搭建本地服务器文件夹到同级目录，并改名
阅读全文
摘要：webpack搭建本地服务器 webpack提供了一个可选的本地开发服务器，这个本地服务器基于node.js搭建，内部使用了express框架，可以实现热启动。 > 准备工作复制05-webpack的plugin文件夹到同级目录，并改名为06-webpack搭建本地服务器。 不过这是一个单独的模块，
阅读全文
摘要：webpack的plugin plugin插件用于扩展webpack的功能的扩展，例如打包时候优化，文件压缩。 **loader和plugin的区别** loader主要用于转化某些类型的模块，是一个转化器。 plugin主要是对webpack的本身的扩展，是一个扩展器。 **plugin的使用过程
阅读全文
摘要：webpack的vue ### 简单安装使用vue 如果需要使用vue，必须使用npm先安装vue。 ```shell npm install vue --save ``` 使用vue简单开发。 > 准备工作 复制`03-webpack的loader`到同级目录，改名为`04-webpack的vue
阅读全文
摘要：webpack的loader ### 什么是loader loader是webpack中一个非常核心的概念。 webpack可以将js、图片、css处理打包，但是对于webpack本身是不能处理css、图片、ES6转ES5等。 此时就需要webpack的扩展，使用对应的loader就可以。 **lo
阅读全文
摘要：人月神话的英文是 《Man-Month Mythical》，也就是说，人月其实是软件工程管理工程量的单位，一个人每月的工作量，其实是想说明是使用人月的方式来估算大型项目是不靠谱的，只是一个神话的方式。我们面临的挑战和任务是在实际的进度和有效的资源范围内，寻找解决问题的切实可行方案。 在众多软件项目中
阅读全文
摘要：transition 属性是一个简写属性，用于设置四个过渡属性： transition-property transition-duration transition-timing-function transition-delay 注释：请始终设置 transition-duration 属性，否
阅读全文
摘要：webpack的配置 ### 基本配置 如果每次都用webpack命令自己写入口文件和出口文件会很麻烦，此时我们可以使用webpack的配置。 > 准备工作：复制**01-webpack的起步**文件夹并粘贴在同级目录，改名为**02-webpack的配置**。 **1.在根目录（02-webpac
阅读全文
摘要：起步 新建一个文件夹，新建如下结构的目录： **目录结构** 如图所示在src文件夹（源码文件夹），dist（要发布的文件，已经处理过的）。 **1.新建入口js文件`main.js`和`mathUtils.js`，`main.js`依赖`mathUtils.js`。** > mathUtils `
阅读全文
摘要：webpack起步 ### 什么是webpack webpack是一个JavaScript应用的静态模块打包工具。 从这句话中有两个要点，**模块**和**打包**需要关注。**grunt/gulp**都可以打包，那有什么区别。 > 模块化 webpack可以支持前端模块化的一些方案，例如AMD、C
阅读全文
摘要：直接导出 ```javascript export let name = '小明' ``` > 使用 ```javascript import {name} from './aaa.js' console.log(name) ``` `./aaa.js`表示aaa.js和mmm.js在同级目录。 如
阅读全文
摘要：CommonJS的模块化实现 CommonJS需要nodeJS的依支持。 > aaa.js ```javascript //CommonJS需要nodeJS支持 var name = '小明' var age = 22 function sum(num1, num2) { return num1
阅读全文
摘要： 随着前端项目越来越大，团队人数越来越多，多人协调开发一个项目成为常态。例如现在小明和小张共同开发一个项目，小明定义一个aaa.js，小张定义了一个bbb.js。 > aaa.js ```javascript //小明开发 var name = '小明' var age = 22 function
阅读全文
摘要：beforeCreate之前 初始化钩子函数和生命周期 ### beforeCreate和created钩子函数间的生命周期 在beforeCreate和created之间，进行数据观测(data observer) ，也就是在这个时候开始监控data中的数据变化了，同时初始化事件。 <span s
阅读全文
摘要：13.1 <span id="top">生命周期图</span> Vue实例的生命周期中有多个状态。  > 测试代码 ```html <!DOCTYPE html> <html lang="en"> <head> <meta cha
阅读全文
浙公网安备 33010602011771号