sayyesb-CSDN博客

原创版本管理:团队开发的重要工具GIT

3期-GIT命令版本管理:团队开发的重要工具集中式的版本控制系统:SVN,CVS版本库是集中存放在中央服务器的，而干活的时候，用的是自己的电脑，所以要先从中央服务器取得最新的版本，然后开始干活，干完活了，再把自己的活推送给中央服务器。中央服务器就好比是一个图书馆.你要改一本书.必须先从图书馆借出来,然后回到家自己改,改完了,再放回图书馆。集中式版本控制系统最大的毛病就是必须联网才能工作，如果在局域网内还好，带宽够大，速度够快，可如果在互联网上，遇到网速慢的话，可能提交一个10M的文件就

2021-10-01 18:04:01 202

原创 Git常用命令速查表

git 分支 master：默认开发分支 origin：默认远程版本库 head：默认开发分支 head^：head的父提交注册gitgit confit -gloable user.name "sayyes"git config -gloable user.email "768220562@qq.com"前面统一带$符号(1)、常用的Linux命令/ 电脑根目录 ctrl+c 停止服务器按下向上箭头重复上一..

2021-09-21 21:33:43 139

原创 [Git]版本管理：团队开发的重要工具

版本管理：团队开发的重要工具git 只能检测文本文件内容发生变化以及文件大小发生变化。其他的如图片视频等检测不出来一、集中式的版本控制系统：SVN,CVS 以前使用的代码版本管理工具版本库是集中存放在中央服务器（公司电脑）的，而干活的时候，用的是自己的电脑，所以要先从中央服务器取得最新的版本，然后开始干活，干完活了再把自己的活推送给中央服务器中央服务器就好比是一个图书馆.你要改一本书.必须先从图书馆借出来,然后回到家自己改,改完了,再放回图书馆。集中式版本控

2021-09-21 21:30:39 355

原创 node.js安装及环境配置

node.js安装及环境配置node.js安装官网下载，安装默认在C盘，可以修改安装目录下载完毕后，命令行（终端）检测是否安装成功打开命令行输入node -v/version显示node.js的版本号说明已经安装成功输入npm -v/version显示npm版本，说明node.js自带的npm也已经安装成功 npm是node.js的包管理工具 Node.js自带npm，安装Node.js时会一起安装，npm的作用就是对No

2021-09-15 19:16:15 277

原创 06-面向对象(2)[构造函数、、、、、]

面向对象(2)一、hasOwnProperty(1)、遍历 for in 遍历对象和数组，返回的是下标索引和属性名 for of遍历对象，返回的是值，不能直接遍历对象 <script> var obj = { name: 'jack', age: 33 } //遍历对象 //for in 返回的是对象的属性名 //for of 不能直接...

2021-09-11 17:30:04 95

原创 05-面向对象[原型属性及对象]

面向对象编程(OOP)意义：使用对象时，只关注对象提供的功能，不关注其内部细节一、创建对象(1)、字面量创建对象 <script> var obj = { sex: '男', //添加属性属性值（描述） name: '东东', //添加方法行为 buy: function() { ...

2021-09-11 17:20:44 65

原创 04-ES6（ES2015）[严格模式、模板字符串、展开运算符、参数默认值、解构赋值、set 、map]

ES6【ES2015】ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。JavaScript是对这个标准的实现和扩展一、严格模式注意事项： "use strict" 指令只允许出现在脚本或函数的开头严格模式下不能使用未声明的变量，不论是全局还是局部如果写在全局，则全局都是严格模式，如果写在函数内，则函

2021-09-11 17:15:58 205

原创 03-JS高级[递归、快排、拷贝]

执行上下文【代码的执行环境】全局执行上下文函数执行上下文 eval执行上下文[很少使用，了解即可] var i="3*3+5"document.write(eval(i))//14 执行上下文调用栈【代码的执行流程】【先进后出】全局上下文入栈函数1上下文入栈函数2上下文入栈函数N上下文入栈函数N上下文出栈函数2上下文出栈函数1上下文出栈全局上下文出栈递归含

2021-09-11 16:56:48 102

原创 02-js高级[1]-立即执行函数、闭包

三阶段： js高级语法异步编程+模块化+版本管理 node.js+mongDB+学生管理系统代码的执行环境全局执行上下文函数执行上下文 eval执行上下文[很少使用，了解即可] "字符串里面的运算也会被解析" <script> var str = "1*2+3"; document.write(eval(str));//5</script> ...

2021-09-11 16:49:56 139

原创 01-声明变量（var、let、const）

var说明使用var声明变量，在方法内部是局部变量，在方法外部是全局变量没有使用var声明的变量，在方法内部或外部都是全局变量，但如果在方法内部声明，在方法外部使用之前需要先调用方法，告知系统声明了全局变量后方可在方法外部使用不使用var关键字声明的全局变量，不会前置一、var声明变量的问题（1）允许重复的变量声明：导致数据被覆盖（2）变量提升：怪异数据访问、闭包问题怪异数据访问：即变量提升导致块级作用域内的变量可以在外部访问到

2021-09-11 16:43:59 1110

原创 This指向

this指向this的在函数定义的时候是确定不了的，只有函数执行的时候才能确定this指向谁，一般this最终指向那个调用它的对象(1)、this指向window function 函数名(){} var 函数名=function(){} 全局作用域或者普通函数中的this指向全局对象window，定时器里的this也指向window (2)、this指向当前这个对象 var obj = { 函数名:function(){} } 方法调用中谁调用，thi

2021-09-11 16:15:32 91

原创 2-BOM

'BOM 能说出什么是DOM 能够知道浏览器的顶级对象window（窗口) 能够写出页面加载事件以及注意事项能够写出两种定时器函数，并说明其区别能够了解JS执行机制能够使用location对象完成页面之间的跳转 /（地址栏）能够使用navigation对象涉及的属性 /（浏览器）能够使用history提供的方法实现页面刷新 / （历史纪录）一、概念1、什么是BOM BOM(browser object mo

2021-09-11 16:11:51 79

原创 1-DOM

DOM一、获取页面元素1、通过dom提供的API接口获取页面元素(1)、根据ID获取 document.getElementById（） (2)、根据标签名获取 document.getElementByTagName（） element.getElementByTagName（） (3)、根据类名获取 document.getElementByClassName（） (4)、根据选择器获取 document.querySelector（）

2021-09-08 17:50:46 91

原创 17-附加

附加一、页面布局整体思路为了提高网页制作的效率，布局时通常有以下整体思路必须确定页面的版心（可视区），我们测量可知页面布局第一准则：分析页面中的行模块，以及每个模块中的列模块。页面布局第二准则：一行中的列模块经常使用浮动布局，先确定每个列的大小，之后确定列的位置。制作HTML结构，遵寻先有结构、后有样式、交互的原则。（结构永远是最重要的）所以，先理清楚布局结构，在写代码尤为重要，多积累。二、页面布局注意点一、导航栏实际开发中，我们

2021-09-06 09:16:43 79

原创 16-响应式布局（bootstrap框架）

响应式布局（bootstrap框架）前言响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的设备划分设计尺寸尺寸超小屏幕（手机） 100% <768px 小屏幕设备（平板） 750px 768px<width<992px 中屏幕（卓面显示器） 970px 992px<width<1200px 宽屏设备（大桌面显示） 1120px &gt

2021-09-05 17:32:42 2006

原创 15-Sass

前言CSS弊端 css是一门非程序式语言，没有变量，函数，scope作用域等概念不方便后期维护与扩展，不利于复用 css没有很好的计算能力非前端工程师来讲，往往会因为确少css编写经验而很难写出组织良好且易于维护的css代码项目 sass/less（leaner style css）介绍 sass/less是一门css扩展语言，也被称为css预处理器，作为CSS的一种形式的扩展，它并没有减少CSS的功能，而是在现有的CSS语法上，为CSS加入程序语言的特

2021-09-05 11:27:16 194

原创 14-媒体查询及单位

媒体查询media query是CSS3的新语法使用@media 查询，可以针对不同的媒体类型来定义不同的样式。可以针对不同的屏幕尺寸来设置不同的样式当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面目前针对很多苹果手机、android手机、平板等设备都用的到媒体查询。语法规范 @media mediatype and/not/only (media feature){ CSS-code;..

2021-09-04 16:58:10 385

原创 13-弹性布局

flex布局传统布局与flex布局（flexible）传统布局：兼容性好，布局繁琐，局限性，不能在移动端很好的布局。 flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或者部分支持建议：如果是PC端页面布局，还是选择传统布局方式比较好如果是移动端或不需要考虑兼容性问题的PC端页面布局，我们使用flex弹性布局一、flex弹性布局原理 flex是flexible Box的缩写，意为“弹性布

2021-09-04 16:56:07 274

原创 12-移动端技术选型

移动端技术选型一、移动端主流方案1、独制作移动端页面（主流）通常情况下，网址域名前加m(mobile)可以打开移动端。通过判断设备，如果是移动端设备打开，则眺到移动端页面。 2、响应式页面兼容移动端（其次）、例如：三星手机官网通过判断屏幕宽度来改变样式，以适应不同的终端缺点：制作麻烦，需要花很大精力去调兼容性问题，而且后期维护成本高二、移动端技术解决方案1、移动端浏览器移动端里游览器基本以webkit内核为主，因此只考虑webkit兼容性问题

2021-09-04 16:51:46 680

原创 11-视口

移动端设计视口PPI(像素密度) PPI(Pixels Per Inch)表示的是每英寸所拥有的像素(Pixels)数目。 PPI值越高，画面的细节就越丰富 PPI与DPI的区别 “素”（P）PI:只存在于计算机显示领域 “点”（D）PI:只出现于打印或印刷领域 PC端页面与移动端页的相互跳转 var a=navigator.userAgent; if( a.indexOf("Android")!=-1 || ...

2021-09-04 16:49:07 161

原创 10-CSS3新特性

CSS3新特性一、css3盒子模型 css3中可以通过box-sizing来指定盒模型，有2个值：即可指定为content-box\border-box,这样我们计算盒子大小的方式就发生了改变 1、box-sizing:content-box;盒子大小为width+padding+border(默认的)；2、box-sizing:border-box;盒子大小为width；盒子模型我们改为box-sizing:border-box,那么和border就不会撑大盒子了（前提是，pad

2021-09-04 16:47:40 138

原创 09-HTML5新增

HTML5新增HTML5的新特性：主要针对以前的不足，增加了一些新标签，新的表单以及表单属性，媒体标签等。这些标签都有兼容性问题，基本IE9以上版本的浏览器才支持，如果不考虑兼容性，可大量使用这些新特性新的语义化标签用于媒介回放的video和audio元素新的表单控件用于绘画的canvas元素 a链接标签给a标签添加download属性，实现下载功能<a src="比如说图片地址" download=“下载显示的名称”>下载按钮&

2021-09-03 11:04:20 183

原创 H5新增（附加）

H5新增一、语义化标签描述在H5之前我们都是使用div来表示页面的章节、头部、尾部、页脚等，但是这些都是div没有实际意义，在H5中引入了一些有语法意义的标签，分别表示页面中的某个部分，默认没有任何效果，主要是为了人们辨识和搜素引擎语义化标签<hgroup>、<header>、<nav>、<section>、<article>、<aside>、<footer> hgroup表示对页面中的标题进行分

2021-09-03 11:03:45 518

原创 08-CSS核心布局

核心布局网页默认按文档流的方式布局传统的网页布局的三种方式：普通流（标准流）、浮动、定位网易布局策略：先用标准流的父元素排列上下元素，之后内部子元素采取浮动排列左右位置（1）、多个块级元素纵向排列找标准流，多个块级元素横排列找浮动。（2）、先设置盒子大小，之后设置盒子的位置一、文档流也可以称为标准流、普通流描述网页可以理解为层层叠加的效果，文档流处在网页的最底层我们创建的元素默认都在文档流中按照标签规定好的默认方式排列文档流的特点

2021-09-01 23:07:54 74

原创 07-元素显示模式

描述作用：网页的标签非常多，在不同的地方会用到不同类型的标签。了解它们的特点可以更好的布局网页。元素显示模式就是标签（元素）以什么方式进行显示。 HTML一般分为块元素和行内元素两种类型一、块元素常见的块元素有<h1>-<h6>,<p>,<ul>,<li>,<ol>,<div>等等，特点独占一行高度、宽度、外边距以及内边距都可以控制宽度默认是容

2021-09-01 00:05:13 345

原创 06-CSS盒子模型

网络布局的本质利用CSS摆放盒子（元素）先准备好相关的网页元素，网页元素基本都是盒子box 利用css设置好盒子的样式，任何摆放到响应的位置，任何往盒子里添加内容页面中的任意元素都可以看作是一个四边形的盒子，这就被称为盒子模型（box model）有了盒子模型的概念，我们就可以一任意摆放盒子在页面中的“位置” 如何摆放元素的位置，称为“布局” 盒子模型的概念所谓的盒子模型：就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个

2021-09-01 00:02:23 140

原创 04-CSS样式

CSS样式 css：层叠样式表(cascading systle sheets) 作用：修饰页面中的标签，例如：颜色、大小、间距对页面的元素进行定位和布局主要用于对页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽、高、边框样式、边距等）以及版面的布局和外观显示样式含义：所谓层叠，可以将网页想象成一层一层的结构，层次高的样式会覆盖层次低的样式，我们的CSS可以为每一层设置不同的样式，处于文档的最低层被称为文档流。元素默

2021-08-31 22:55:17 230

原创 05-CSS的三个特性：层叠性、继承性、优先级性

CSS有三个特性：层叠性、继承性、优先级一、层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要用来解决样式冲突的问题层叠性原则： (1)、样式冲突，遵循的原则是就近原则，哪个样式离结构近就执行哪一个，即Css中后面写到样式会层叠掉前面写的样式 (2)、样式不冲突，就不会有层叠，如果选的是同一个元素，则会按照优先级执行二、继承性（样式的继承） CSS中的继承：子元素会继承父元素标签的某些样式，如文本颜色和字号等简

2021-08-27 23:37:50 121

原创 03-CSS样式选择器

1、基础选择器标签（元素）选择器类选择器（.） id选择器（#）通配符选择器（*）表示选中页面中所有的元素 2、复合选择器后代选择器（空格）子代选择器（>）兄弟选择器/并集选择器（，）通常用于集体声明伪类选择器（：状态），表示元素的一种状态链接伪类选择器（：link/:visited/:hover/:active) 表单伪类选择器（input:foc

2021-08-26 14:43:49 147

原创 02-HTML基础标签

一、html常用标签一、标签规则 html不区分大小写，但一般小写注释不能嵌套标签结构必须完整，必须成对出现，除非是自动结束标签标签可以嵌套，但不能交叉嵌套（标签需要合理嵌套）标签的属性，必须有值。且值必须使用引号，双引号或单引号二、常用标签1、标题标签<h1></h1><h2></h2><h3></h3><h4></h4><

2021-08-25 00:09:26 299

原创 01、Typora及PS使用指南

一、Typora1、typora描述 Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且由于仍在测试中，完全免费。2、TYpora使用指南#+空格：标题（几个#号键代表几级标题）-+空格：无序列表（横线加空格，黑点）1+空格：有序列表（数字加空格，序号）ctr+shift+i+图片路径：图片ctrl+t:表;格（几行几列）三个~ ++java(单词可变html):代码（单词是啥就写啥...

2021-08-24 19:25:33 285

sayyesb的博客