自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 git分支

分支简介提交对象:Git保存的不是文件的变化或者差异,而是一系列不同时刻的文件快照。在进行提交操作时,Git会保存一个提交对象(commit object)该提交对象会包含一个指向暂存内容快照的指针。但不仅仅是这样,该提交对象还包含了作者的姓名和邮箱、提交时输入的信息以及指向它的父对象的指针。首次提交产生的提交对象没有父对象,普通提交操作产生的提交对象有一个父对象,而由多个分支合并产生的提...

2020-01-10 19:18:06 187

原创 flex布局实现各种布局效果

两栏布局:左边宽度固定,右边自适应<div class="container"> <div class="left"></div> <div class="right"></div></div>.container { display: flex; height: 300px;}.left {...

2019-11-16 12:55:15 3489

原创 Array基础

Javascript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象1. 创建数组:const fruits =["apple", "banana"]; //字面量的方式创建数组const animals = new Array(); //利用Array通过new关键字创建数组对象animals2. 访问数组元素const...

2019-10-29 17:20:56 162

原创 dva基础&&入门

数据流向数据的改变通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的此类行为会改变数据的时候可以通过dispatch发起一个action如果是同步行为直接通过Reducers改变state如果是异步行为(副作用)会先触发Effects然后流向Reducer最终改变State核心概念State:一个对象,保存整个应用状态View: React组件构成的视图层Actio...

2019-10-25 18:40:39 469

原创 css浮动float

浮动浮动的本意:让文字像流水一样环绕浮动元素浮动的使用:最好不要用来布局,使文字环绕图片特性:包裹性和高度欺骗性特性一: 包裹性 <div style="border: 4px solid blue; "> <img src = './images/avator.jpg' style="height: 100px;"/> </div>...

2019-10-24 16:27:06 173

原创 ES6

queryselector(selector):返回与制定元素与selector相同的第一个html元素queryselecto让All(selector)返回与selector相同的所有元素addEveentListener();事件监听let定义的变量可以进行复制操作改变变量的值;const不能够进行赋值操作进行更改变量的内容,例如const定义的变量存储的为对象的时候...

2019-10-23 15:02:42 92

原创 AJAX

什么是AJAX?AJAX是异步的JavaScript和XML。使用XMLHttpRequest对象与服务器通信。它可以使用JSON、XML、、HTML和text文本等格式发送和接受数据。AJAX最吸引人的就是它的异步特性,也就是说它可以在不刷新页面的情况下与服务器通信,交换数据,或更新页面。使用AJAX最主要的两个特性做下列事:接受并使用从服务器发来的数据在不重新加载页面的情况...

2019-10-23 14:53:16 86

原创 Sass

变量:sass允许使用变量,所有变量以$开头$blue:#1875e7; div{ color:&blue; }如果需要镶嵌在字符串之中,就必须要写在#{}之中$side:left; .rounded{ border-#{$side}-radius:5px; }计算功能:SASS允许在代码中使用计算:body{ nargin:(14px...

2019-10-23 14:43:09 125

原创 react-router

使用时,路由器就是React的一个组件import{Router}from'react-router';render(<Router/>,document.getElementById('app');)Router组件本身只是一个容器,真正的路由要通过Route组件定义import{Router,Route,hashHistory}from'react-route...

2019-10-23 14:34:15 125

原创 css水平垂直居中

1. 把margin设置为auto具体来说就是把要居中的元素的margin-left和margin-right都设为auto,此方法只能进行水平的居中,且对浮动元素或绝对定位无效2. 使用text-align:center只能对图片、按钮、文字等行内元素(对display为inline或inline-block等)进行水平居中。弹药说明的是在IE6、7这两个奇葩的浏览器中,它是能对任何元素水...

2019-10-22 16:48:13 486

原创 html标签语义化学习

在h5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义。(即使我们用css样式的id和class形容这块内容的意义)。这些标签只是我们提供给浏览器的指令,只是定义一个网页的某些部分。但现在,哪些之前没“意义”的标签因为h5的出现消失了,这就是我们平时说的“语义”。但是也不要因为h5新标签的出现,而随意用之。所以有些地方还是要用div,就是因为div没有任何意义的元素,它只是一个...

2019-10-21 16:32:59 155

原创 html布局知识点总结

flex布局总结justify-content:属性用于定义如何沿着主轴方向排列子容器(水平) align-items:属性定义如何沿交叉轴排列(垂直),定义单行排列items align-content:定义整个容器items在交叉轴的排列方式,对只有单行排列的items不起作用 子元素的flex属性的属性值可以是无单位的数字,也可以是有单位的数字还可以是none,子容器会按照flex...

2019-10-17 18:37:39 324

原创 mysql乱码问题解决

https://dev.mysql.com/downloads/windows/installer/5.7.html这个是mysql5.7mis版本的下载链接,https://jingyan.baidu.com/article/363872ec2e27076e4ba16fc3.html这个是安装教程我安装完用的时候依然出现了中文不能插入的问题报错如下:Column coun...

2019-10-17 10:38:14 141

原创 Git高级篇

1. 什么是分支(branch)分支是为了将修改记录的整体流程分叉保存。分叉后的分支不受其他分支的影响,所以在同一个数据库里可以同时进行多个修改在数据库进行最初的提交后,Git会创建一个名为master的分支,因此之后的提交,在切换分支之前都会添加到master分支里2. Merge分支Merge分支是为了可以随时发布release而创建的分支,他还能作为Topic分支的源分支使用...

2019-09-09 15:14:22 253

原创 Git入门篇

1.使用git进行版本管理git是一个分布式版本管理系统,是为了更好地管理Linux内核开发而创立的git可以在任何时间点,把文档的状态作为更新记录保存起来。因此可以把编辑过的文档复原到以前的状态,也可以显示编辑前后的内容差异...

2019-09-09 11:09:06 88

原创 URL简述

文章目录杂述:URL概念URL组成:URL Writing目录:1.URL概念2.URL组成3.URL是否合法杂述:通常如果一样东西需要编码,则说明这样东西不适合传输。如size过大、包含隐私等之所以要进行编码,是因为url中包含的有些字符会引起歧义url编码格式采用的是ASCLL而不是Unicode‘URL编码原则:使用安全的字符(没有特殊用途或者特殊意义的可打印字符)去表示那...

2019-08-07 12:45:34 280

原创 position的四个属性

static(静态定位): position属性的默认值,没有定位,元素出现在正常流中(忽略top、bottom、left、right或者z-index声明)relative(相对定位): 生成相对定位的元素,相对于父级左上角为原点进行定位,但是父级的padding属性会对其有影响,top值为相对于它自身原来的位置向下移动,bottom为相对于他原来的位置向上移动,两者同时存在时,只有top起...

2019-07-10 19:34:52 1303

原创 git从远程仓库更新本地项目步骤

首先查看当前远程仓库git remote -v从远程获取最新版本到本地,这里有两种方式:git fetch origin mater这句命令的意思是从远程的origin master分支下载到本地的origin master分支git fetch origin master:temp这句命令的意思是从远程的origin master分支现在到本地的origin temp分支,即这中方...

2019-06-30 15:31:24 3768

原创 Event loop

nodejs单线程的原因:众所周知JS是门非阻塞单线程语言,因为在最初JS就是为了和浏览器交互而诞生的。如果JS是门多线程的语言的话,我们在这个多线程中处理DOM就可能会发生问题(一个线程中新加节点,另一个线程中删除节点),当然可以引入读写解锁这个问题。执行过程:在执行的过程中会产生执行环境,这些执行环境会被顺序的加入到执行栈中。如果遇到异步的代码,会被挂起并加入到Task(有多种task)...

2019-06-24 14:59:49 104

原创 nodeJs

nodejs介绍nodejs是一个开发平台,就像Java开发平台、 .Net开发平台、PHP开发平台、Apple开发平台一样( 开发平台:有对应的编程语言、有语言运行时、有能实现特定功能的)API(SDK:Software Development Kit)该平台使用的语言是JavaScript语言node.js平台是基于Chrome V8 JavaScript引擎构建。基于node.j...

2019-06-23 12:11:40 103

原创 Web开发本质

牢记以下三点请求:客户端发起请求(HTTP协议)处理:服务器处理请求响应:服务器将处理结果发送给客户端’客户端处理响应服务器响应完毕后,客户端继续处理:。浏览器:解析服务器返回的数据。ios、Android客户端,解析服务器返回的数据,并且通过iOS或Android的UI技术实现界面的展示功能关于 C/S(Client/Server) 和B/S(Browser/Server...

2019-06-23 11:16:49 378

原创 浏览器工作原理

浏览器的组成人机交互部分(UI)网络请求部分(Socket)JavaScript引擎部分(解析执行JavaScript)渲染引擎部分(渲染HTML、Css等)数据存储部分(cookie、Html5中的本地存储LoaclStorage、SessionStorage)主流渲染引擎渲染引擎又叫排版引擎或浏览器内核主流的渲染引擎有:chrome浏览器:Blink引擎(...

2019-06-23 10:37:49 113

原创 git常见问题总结

如果输入$ git remote add origin [email protected]:djqiang(github帐号名)/gitdemo(项目名).git提示出错信息:fatal: remote origin already exists.解决办法:1、先输入$ git remote rm origin2、再输入$ git remote add origin [email protected]...

2019-05-25 16:21:08 202

原创 git上传项目到gitee的基本步骤

git上传项目到gitee的操作步骤1 git init先进入项目文件夹使用 git init 命令,把这个目录变成git可管理仓库2 git add .把文件添加到版本库中,将本地项目使用 git add . 加入到缓存区,不要忘记add 后的“.”,意为将目录中的所有文件都添加到缓存区add是把当前分支的变更暂存起来,但不生成版本3 git commit -m "firstcomm...

2019-05-25 16:03:59 8889

原创 函数

参数的理解ECMAScript中参数在内部是使用一个数组表示的函数接收到的始终是这个数组,而不关心数组中包含哪些参数如果这个数组中不包含任何元素无所谓;如果不包含多个元素也没有问题。在函数体内可以通过arguments对象来访问这个参数数组,从而获取传递给函数的每一个参数arguments对象只是与数组类似,但并不是array的实例arguments的值永远与对应参数的值保...

2019-05-22 15:38:37 65

原创 if语句、do-while语句、while语句、for语句、for-in语句、label语句、break和continue

if语句if(condition) statement1 else statement2其中condition(条件),可以是任意表达式,而且对这个表达式求值的结果不一定是布尔值。ECMScript会自动调用Boolean()转换函数将这个表达式的结果转换为一个布尔值do-while语句do-while语句是一种后测试循环语句,即在对条件表达式求值之前,循环体内的代码至少会被执...

2019-05-17 17:04:11 759

原创 JavaScript高阶程序设计第三版笔记-操作符03

关系操作符在比较字符串时,实际比较的是两个字符串中对应位置的每个字符的字符编码 任何操作数与NaN进行关系比较,结果都是falsevar result= "Brick" < "alphabet"; //true在这个例子中,字符串Brick被认为小于字符串alphabet,原因是字母B的字符编码为66,而小写字母a的字符编码是97如果要按照字母表的顺序比较字符串,就必须...

2019-05-15 21:34:48 110

原创 JavaScript高阶程序设计第三版笔记-操作符02

布尔操作符逻辑与(&&)在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值,规则如下:如果第一个操作数时对象,则返回第二个操作数 如果第二个操作数时对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象 如果两个操作数都是对象,则返回第二个操作数 如果第一个操作数是null,则返回null 如果第一个操作数是NaN,则返回NaN 如果...

2019-05-14 21:49:06 96

原创 js高级程序设计第三版笔记--操作符01

一元操作符只能操作一个值的操作符叫做一元操作符1.递增和递减操作符前置递增和递减:var age=29;++age;以上为前置递增,在这个例子中前置递增操作符把age的值变成了30(为29加上了1)。实际上,执行这个前置递增操作与执行以下操作的效果相同:var age=29;age=age+1;执行前置递减操作方法也类似,结果会从一个数值中减去1总结:执行前...

2019-05-11 20:05:19 100

原创 nodejs,npm,angular/cli安装过程及遇到的问题总结

首先安装nodejs,从官网直接下载安装,一路next,除了需要注意nodejs的安装路径外,没有什么其他的安装好node后,npm也就安装好了,这是因为npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用...

2019-05-07 19:25:03 2281

原创 笔记3-javascript基本概念

一.语法1.1 ECMAScript中的一切(变量、函数名和操作符)都区分大小写。1.2 标识符:指变量、函数、属性的名字,或者函数的参数。ECMAScript标识符采用驼峰大小写格式,也就是第一个字母小写,剩下的每个单词的首字母大写1.3 严格模式:为JavaScript定义了一种不同的解析与执行模型。在严格模式下,ECMAScript3中的一些不确定行为将得到处理,而且对某些不安全的操...

2019-04-20 17:45:23 108

原创 笔记2——html中使用JavaScript

html中使用avaScript1.scirpt元素定义了以下属性:async:可选。xi表示应该立即下载脚本,但不妨碍页面中的其他操作,比如下载其他资源或加载其他脚本,只对外部脚本文件有效charset:可选。表示通过src属性指定的代码的字符集。这个属性很少用defer:可选。表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本文件有效language:已...

2019-04-18 18:47:01 147

原创 javascript高级程序设计第三版——学习笔记

**笔记1——JavaScript简介**1.1 javascript简介JavaScript由netscape(网景公司)研发,JScript由微软开发ECMA-262——定义一种名为ECMAScript的新脚本语言的标准ecma-262标准规定了脚本语言的:语法、类型、语句、关键字、保留字、操作符、对象***ECMAScript***与web没有依赖关系,这门语言实际上并不包含输...

2019-04-18 17:57:51 172

空空如也

空空如也

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

TA关注的人

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