自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 npm start === npm run start

npm start 和 npm run start 是等效关系,在一个 npm 管理项目中,一般默认有 start 的定义,且会经常使用,所以就在 npm 执行中简化输入目的设置了 npm run start 的简写,类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行参考文章:https://segmentfault.com/q/1010000015154536...

2021-11-26 11:52:56 681

原创 手动 commit③

有些项目中,例如样例的小程序项目,当我们添加完修改的代码之后,运行 npm run commit 指令会出现这样的情况:‘git-cz’ 不是内部或外部命令,也不是可运行的程序或批处理文件。这时我们就需要手动git commit -m如下图:git commit -m “fix: 此处填写概述”虽然运行成功了,但是可以看到代码里有些格式化问题报错: trailing spaces not allowed no-trailing-spaces 尾随空间不允许没有尾随空格..

2021-11-26 11:51:50 255

原创 修改落后于新②

当你在你的工作分支上修改你的需求时,这时的 master 主分支有可能又更新了,首先切换到主分支,git checkout master,将主分支更新,git pull,更新完成后,切换到自己的工作分支,如果又修改,可以先隐藏自己的修改(放入暂存区或记事本暂存后撤销改动)在子分支上运行 git merge master 就会将主分支的代码同步到子分支上参考文章git命令之子分支merge到主分支以及主分支同步到子分支 - 掘金...

2021-11-26 11:48:56 107

原创 新建工作分支①

在工作中,经常用到 git 分布式版本控制系统提交代码,下面就就介绍一下基本使用第一步: 切换到主分支,确保自己是在主分支上新建工作分支 通过指令 git checkout -b 分支名 建立自己的分支 将自己的分支与远程关联,也可以先修改自己的需求再关联 修改完需求之后,通过指令 git add 修改文件的相对路径 暂存修改 在 VS Code 编辑器中也可以使用 ‘+’小按钮来代替,如下图: npm run commit 提交修改 .

2021-11-26 11:47:27 324

原创 ES6——新增数据类型Symbol

1、创建Symbol//创建Symbollet s = Symbol();//s1 === s2 falselet s1 = Symbol('a');let s2 = Symbol('a');//s3 === s4 truelet s3 = Symbol.for('b');let s4 = Symbol.for('b');2、不能与其他数据运算let s = Symbol();//报错let result = s + 100;let result = s + s;

2021-07-22 17:48:49 143

原创 ES6——模板字符串

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-07-22 12:39:02 61

原创 ES6——变量的结构赋值

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2021-07-22 12:23:29 62

原创 ES6——const声明常量及特点

1. 一定要赋初始值2. 一般常量名使用大写3. 常量的值不能修改4. const和let一样,是个块级作用域{ const PLAYER = "sean";}// 报错console.log(PLAYER);5. 对于数组和对象元素的修改,不算做对常量的修改,不报错const TEAM = ["mike, jack, sean, lili"];TEAM.push("ron");...

2021-07-22 11:59:14 217

原创 ES6——let 经典案例

案例源码:点击小盒子添加背景色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-07-21 14:47:00 322

原创 ES6——let变量声明以及声明特性

1、用let声明的变量不能重复声明: 以往我们用var声明变量的时候是允许重复声明的,比如说:var name = "佩奇";var name = "乔治";而 let 不可以,出错,如下图:2、块级作用域,{ } 内,if,else,while,for,函数,eval之类的,变量的调用只可以在作用域内部生效,比如说:{ let name = "小猪佩奇";}//是无法读取到name的console.log(name);3、不存在...

2021-07-20 17:20:04 314

原创 二、本地应用——Vue指令(3)

3、列表循环,表单元素绑定 1. v-for的作用是根据数据生成列表的结构,经常结合数组使用,语法是(item, index) in 数据,item和index可以结合其他指令一起使用,数组长度的更新会同步到页面上,是响应式的。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> &lt...

2021-07-19 18:15:43 79

原创 二、本地应用——Vue指令(2)

2、显示切换,属性绑定v-show指令的作用是根据真假切换元素的显示状态,原理是修改元素的display,实现显示隐藏,指令后的内容都会被解析为bool值,值为true元素显示,反之隐藏。 案例:通过按钮绑定事件,改变图片的显示状态 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <b..

2021-07-19 11:45:42 71

原创 二、本地应用——利用事件绑定的计数器案例

源码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <div> <button @click="sub()"> - </button> <span

2021-07-18 22:27:24 62

原创 二、本地应用——Vue指令(1)

1、内容绑定、事件绑定v-text的作用是设置标签的内容(textContent),使用插值表达式——{{}}可替换指定的内容,内部支持写表达式。案例1:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> ...

2021-07-18 21:56:34 91

原创 一、Vue基础——data数据对象(3)

1、Vue中的数据定义在data中,data中可以写复杂类型的数据,渲染复杂类型的数据时,遵循js 语法即可,比如对象通过 “.” 引出,数组通过索引号。示例:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> {{ me.

2021-07-18 19:13:51 1717

原创 一、Vue基础——el挂载点(2)

1、Vue实例的作用范围1)、Vue会管理el选项命中的元素:2)、el选项命中内部的后代元素:2、el除了id选择器还可以使用其他选择器建议使用id选择器1)、class选择器:2)、div选择器:3、是否可以设置其他的dom元素——可以使用其他双标签,但body和html除外...

2021-07-18 18:44:20 148

原创 一、Vue基础(1)

1、Vue的三个特点:JavaScript框架 简化Dom操作 响应式数据驱动2、第一个Vue程序Vue官方文档1、导包可以先创建一个 .html文件,然后通过如下方式引入 Vue:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>或者:<!-- 生产环境版本,优...

2021-07-15 21:50:57 159

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除