ChosenWu-CSDN博客

原创 git图形化工具GitKraken的使用——Push与Pull

Pushgit push命令用来将本地分支的更新推送到远端：$ git push <remote-name> <本地分支名>:<远程分支名>1、这里一般远程分支名称和本地分支名称保持一样的，所以就省略远程分支名，例如：$ git push origin develop如果远程主机不存在此分支，则会被新建。2、如果省略本地分支，则表示删除指定的远程分支：$ git push origin :devel

2017-06-21 14:43:10 3945

原创 git图形化工具GitKraken的使用——创建远程分支与建立追踪关系

前面的操作都是基于本地仓库、本地分支进行的，接下来要介绍远程操作的一些东西。远程仓库# 增加一个新的远程仓库，并命名git remote add <remote-name> <url># 下载远程仓库的所有变动git fetch <remote-name># 显示所有远程仓库git remote -v# 显示某个远程仓库的信息git remote show <remote-name>创建远程

2017-06-20 18:54:42 4504

原创 git图形化工具GitKraken的使用——Stash和Pop

正如两个单词的字面意思一样，stash（贮藏）、pop（将准备好的东西突然拿出来）这一节模拟git中的这两个命令：git stash 和 git stash pop在实际开发中，解决bug是避免不了的，在git中，每个bug都是通过新建一个临时分支来修复，修复完成后合并分支，然后删除临时分支。当你develop分支上开发新的功能，代码写到一半的时候，突然测试报了个bug让你现在解决，但是手上代码写到

2017-06-19 18:04:16 7646

原创 git图形化工具GitKraken的使用——分支管理策略

在前面提到合并分支的时候，用的 Fast-forward 快速模式，你会发现合并分支然后将分支删除之后，在GitKraken上看不到分支的信息记录：下面介绍下另一种模式 --no-ff ，也就是禁用Fast-forward模式，这种模式会在merge的时候生成一个新的commit，这样从分支历史就可以看到分支信息及时删除了以后。现在来测试一下：命令行操作1、新建一个develop分支：$ git

2017-06-19 15:27:04 4944

原创 git图形化工具GitKraken的使用——解决冲突

比如说这里新建了一个feature1功能分支，我们继续在这个分支上进行开发：git checkout -b feature1然后在这个分支上修改文件并提交，这里我给demo1.html添加了一级标题：<body> <h1>Demo1</h1></body>接下来重新切回master分支：git checkout master此时master分支上demo1.html并没有我刚刚在featu

2017-06-19 10:43:58 7038

原创 git图形化工具GitKraken的使用——分支的创建与合并

分支管理是Git工作流的重点在之前的文章中通过GitKraken可以很清楚的看到，每一次commit，git把他们串成了一条线，这条线就是一个分支，目前只有一个分支master，git里面叫他主分支。创建分支并切换的原理之前提到的 HEAD 严格来说不是指向提交，而是指向master，master才是指向提交的，所以，HEAD指向的就是当前分支。一开始的时候，master分支是一条

2017-06-18 18:23:54 17446 6

原创 git图形化工具GitKraken的使用——删除文件（rm）

git中，删除操作也属于修改操作，现在来新建一个文件并提交到本地仓库：现在在工作区删除这个文件：rm demo1.html你也可以直接在文件夹中右键删除在工作区删除之后，执行 git status 来查看下状态：$ git statusOn branch masterYour branch is ahead of 'origin/master' by 5 commits. (use "g

2017-06-18 10:47:02 2641

原创 git图形化工具GitKraken的使用——版本回退（reset）

版本回退Reset先来介绍git命令回退，首先看下commit日志，你可以用命令 git log 查看，也可以在GitKraken查看执行回退或者叫重置命令：$ git reset <参数> <要回退到的版本>这里要知道版本怎么填，在git中用 HEAD 表示当前最新版本，也就是上图log中的最后一次提交： commit 3443e68f3fddef30c2667bdc3f80277651825

2017-06-17 22:04:00 5310

原创 git图形化工具GitKraken的使用——撤销工作区的修改（checkout）

首先我初始化一个仓库，并且提交了一个文件：情景一在工作区对index.html做了一些修改，还没有add到暂存区，并且暂存区没有index.html的修改。我们先来执行 git status 来查看下状态：$ git statusOn branch masterYour branch is ahead of 'origin/master' by 2 commits. (use "

2017-06-17 22:00:37 2444

原创 git图形化工具GitKraken的使用——工作区、暂存区、本地仓库

工作区、暂存区、本地仓库先来看下面这张图： Workspace：工作区 Index / Stage：暂存区 Repository：仓库区（或本地仓库） Remote：远程仓库从工作区到暂存区再到提交本地仓库写在前面：这里针对的是第一次创建的文件或者文件夹，都是还没有版本控制的从工作区到暂存区（stage）可以选择 Stage all changes

2017-06-17 21:56:22 4561

原创 git图形化工具GitKraken的使用——初始化项目

最近看了关于git工作流的一些东西，刚开始用的SourceTree图形工具，发现这个工具在windows上并不是很好用，昨天在网上找到一个酷炫的git图形工具——GitKraken，初步使用了一下，觉得挺好用的，首先它是英文的，可以让新手更加熟悉git命令，我自己觉得从GUI图形工具中学习git命令对于新手来说是最好的，而且不容易出错，当然不能为了用而用，我们应该了解每一个操作对应的git命令是什么

2017-06-15 10:06:29 14389

原创 hexo搭建博客（一）

原文请戳：http://chosenwu.com本人前端新人一枚，之前都是在CSDN或者简书上面写点东西记录自己的一点一滴。一直想自己搭建一个博客，前段时间在看vue文档，想着用 Node.js + Vue.js + MongoDB搭建一个博客系统，怎奈自己技术目前还比较渣。。。之后看多好多用hexo搭建的博客，所以自己也试着搭建了一个，本文将介绍我使用hexo搭建这个博客的过程。环境准备安装N

2017-06-12 17:28:02 297

原创 CSS3——pointer-events

pointer-events使用者控制特定的图形元素在何时成为鼠标事件的target这个属性我觉得和html标签属性的disabled差不多一个特别有用的地方就是当我们设置属性值为none时，可以指示鼠标事件穿过该元素，并指向位于元素下面的元素。也就是可以出发该元素底部元素的点击事件，这一点在页面布局时候是很有用的。兼容性IE11+ 所以只适用于移动端初始值：auto poin

2017-06-01 18:09:01 926

原创 git——git工具SourceTree工作流

分支模型master 用来最终上线的分支，最终发布版本，整个项目中有且只有一个develop 项目中用来开发的分支，原则上项目中有且只有一个，develop 分支下面的分支是经常变化的，会创建新的分支，会删除分支从develop创建的分支：feature 功能分支，用于开发一个新的功能，从develop分出来进行开发，一般多人协作开发每人负责一个功能fix 这个分支我是用来修复

2017-05-18 10:40:42 1646

原创 Javascript——Object.prototype.hasOwnProperty()

Javascript中Object对象原型上的hasOwnProperty()用来判断一个属性是定义在对象本身而不是继承自原型链。obj.hasOwnProperty(prop)参数 prop要检测的属性字符串名称或者 Symbol（ES6）o = new Object();o.prop = 'exists';o.hasOwnProperty('prop'); //

2017-04-21 15:33:17 7913

原创 Vue系列——在vue项目中使用jQuery及其第三方插件

最近学习Vue.js做一个后台管理系统，采用 vue-cli 脚手架搭建，Element作为UI框架。然后想在项目中自定义滚动条，舍弃浏览器原生滚动条，成熟的现成插件也只找到了jQuery的，所以不得不引入jQuery，下面介绍下jQuery的引入及其第三方插件的引入：引入jQuery通过npm安装依赖引入1、安装```npm install jquery -S```2、修改webpack配置

2017-04-19 14:10:10 40010 1

原创 Vue系列——在vue项目中使用echarts

该示例使用 vue-cli 脚手架搭建安装echarts依赖npm install echarts -S或者使用国内的淘宝镜像：安装npm install -g cnpm --registry=https://registry.npm.taobao.org使用cnpm install echarts -S创建图表全局引入main.js// 引入echartsimport echarts

2017-04-18 10:24:07 138297 17

原创 Vue系列——问题总结

babel的polyfill和runtime的区别babel-runtime 代码在经过Babel转码后要实现与源代码同样的功能需要借助一些帮助函数，这些函数可能会重复出现在一些模块中，导致编译后代码体积变大。为此Bable提供了babel-runtime来编译模块复用函数"plugins": ["transform-runtime"]babel-polyfill Babel 默认只转换新

2017-04-17 17:01:27 1038

原创 Html5——File、FileReader、Blob、Fromdata对象

File File 接口提供有关文件的信息，并允许网页中的JavaScript访问其内容。File对象可以用来获取某个文件的信息，还可以用来读取这个文件的内容。通常情况下，File对象是来自用户在一个 <input> 元素上选择文件后返回的FileList对象，也可以是来自由拖放操作生成的 DataTransfer对象。用户在选择一个或者多个文件后，可以通过File API访问这些File对象

2017-04-12 13:08:13 14802

原创微信小程序遇到的问题总结

1、事件问题描述：本来想点击的时候去做某些事情，长按的时候去做另一些事情，然而发现长按事件执行之后触发了点击tap的事件。。。参考文章然后测试了小程序的事件流程如下：单击：touchstart → touchend → tap 双击：touchstart → touchend → tap → touchstart → touchend → tap 长按：touchstart → longta

2017-03-02 16:13:52 1550

原创 git小乌龟TortoiseGit的使用

安装安装git 传送门安装 TortoiseGit传送门右键菜单预览：使用1、创建版本库创建一个项目文件夹（），右键，选择 Git Create repository here...这里如果是多个开发者公用的仓库的话就勾选确定后项目文件夹下会有一个 .git 文件（需要打开显示隐藏文件选项）2、提交文件到版本库右键，选择 Git Commit填写描述，勾选要提交的文件，然后点击提交

2016-12-26 13:43:25 32418 2

转载 browser-sync开本地服务，自动刷新，手机浏览

参考 @于江水大神的原文移动端前端开发调试1、首先安装 BrowserSyncnpm install -g browser-sync2、启动 BrowserSync，此时分两种情况，一种是静态：监听css文件 browser-sync start –server –files “css/*.css”监听css和html文件browser-sync start –server –files

2016-12-23 12:34:51 973 2

Chosen Wu的博客