<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sayyesb的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sayyesb</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sayyesb]]></copyright><item><title><![CDATA[版本管理:团队开发的重要工具GIT]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120579528</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120579528</guid><author>sayyesb</author><pubDate>Fri, 01 Oct 2021 18:04:01 +0800</pubDate><description><![CDATA[3期-GIT命令

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

集中式的版本控制系统:SVN,CVS

版本库是集中存放在中央服务器的，而干活的时候，用的是自己的电脑，所以要先从中央服务器取得最新的版本， 然后开始干活，干完活了，再把自己的活推送给中央服务器。 中央服务器就好比是一个图书馆.你要改一本书.必须先从图书馆借出来,然后回到家自己改,改完了,再放回图书馆。 集中式版本控制系统最大的毛病就是必须联网才能工作，如果在局域网内还好，带宽够大，速度够快，

可如果在互联网上，遇到网速慢的话，可能提交一个10M的文件就]]></description><category></category></item><item><title><![CDATA[Git常用命令速查表]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120405779</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120405779</guid><author>sayyesb</author><pubDate>Tue, 21 Sep 2021 21:33:43 +0800</pubDate><description><![CDATA[git 分支


	master：默认开发分支
	
	
	origin：默认远程版本库
	
	
	head：默认开发分支
	
	
	head^：head的父提交
	
注册git


git confit -gloable user.name "sayyes"
git config -gloable user.email "768220562@qq.com"



前面统一带$符号

(1)、常用的Linux命令

/
			电脑根目录
		ctrl+c
			停止服务器
		按下向上箭头
			重复上一..]]></description><category></category></item><item><title><![CDATA[[Git]版本管理：团队开发的重要工具]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120405610</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120405610</guid><author>sayyesb</author><pubDate>Tue, 21 Sep 2021 21:30:39 +0800</pubDate><description><![CDATA[版本管理：团队开发的重要工具

git 只能检测文本文件内容发生变化以及文件大小发生变化。其他的如图片视频等检测不出来

一、集中式的版本控制系统：SVN,CVS


	以前使用的代码版本管理工具
	
	
	版本库是集中存放在中央服务器（公司电脑）的，而干活的时候，用的是自己的电脑，所以要先从中央服务器取得最新的版本，然后开始干活，干完活了再把自己的活推送给中央服务器
	
	
	中央服务器就好比是一个图书馆.你要改一本书.必须先从图书馆借出来,然后回到家自己改,改完了,再放回图书馆。
	
	
	集中式版本控]]></description><category></category></item><item><title><![CDATA[node.js安装及环境配置]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120315028</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120315028</guid><author>sayyesb</author><pubDate>Wed, 15 Sep 2021 19:16:15 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[06-面向对象(2)[构造函数、、、、、]]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120240547</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120240547</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 17:30:04 +0800</pubDate><description><![CDATA[面向对象(2)

一、hasOwnProperty

(1)、遍历


	for in 遍历对象和数组，返回的是下标索引和属性名
	
	
	for of遍历对象，返回的是值，不能直接遍历对象
	

&lt;script&gt;
    var obj = {
      name: 'jack',
      age: 33
     }
​
    //遍历对象
    //for in 返回的是对象的属性名
    //for of 不能直接...]]></description><category></category></item><item><title><![CDATA[05-面向对象[原型属性及对象]]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120240435</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120240435</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 17:20:44 +0800</pubDate><description><![CDATA[面向对象编程(OOP)

意义：使用对象时，只关注对象提供的功能，不关注其内部细节

一、创建对象

(1)、字面量创建对象


&lt;!-- //字面量方式创建对象 --&gt;
  &lt;script&gt;
    var obj = {
      sex: '男', //添加属性 属性值（描述）
      name: '东东',
      //添加方法 行为
      buy: function() {
      ...]]></description><category></category></item><item><title><![CDATA[04-ES6（ES2015）[严格模式、模板字符串、展开运算符、参数默认值、解构赋值、set 、map]]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120240222</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120240222</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 17:15:58 +0800</pubDate><description><![CDATA[ES6【ES2015】

ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。

JavaScript是对这个标准的实现和扩展

一、严格模式

注意事项：


	"use strict" 指令只允许出现在脚本或函数的开头
	
	
	严格模式下不能使用未声明的变量，不论是全局还是局部

	
		如果写在全局，则全局都是严格模式，如果写在函数内，则函]]></description><category></category></item><item><title><![CDATA[03-JS高级[递归、快排、拷贝]]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120239979</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120239979</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 16:56:48 +0800</pubDate><description><![CDATA[执行上下文【代码的执行环境】


	全局执行上下文
	
	
	函数执行上下文
	
	
	eval执行上下文[很少使用，了解即可]

	
var i="3*3+5"
document.write(eval(i))//14

	
	
执行上下文调用栈【代码的执行流程】【先进后出】


	全局上下文入栈
	
	
	函数1上下文入栈
	
	
	函数2上下文入栈
	
	
	函数N上下文入栈
	
	
	函数N上下文出栈
	
	
	函数2上下文出栈
	
	
	函数1上下文出栈
	
	
	全局上下文出栈
	


递归

含]]></description><category></category></item><item><title><![CDATA[02-js高级[1]-立即执行函数、闭包]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120239859</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120239859</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 16:49:56 +0800</pubDate><description><![CDATA[三阶段：


	js高级语法
	
	
	异步编程+模块化+版本管理
	
	
	node.js+mongDB+学生管理系统
	
代码的执行环境


	全局执行上下文
	
	
	函数执行上下文
	
	
	eval执行上下文[很少使用，了解即可]

	
		"字符串里面的运算也会被解析"
		
		
		
&lt;script&gt;
    var str = "1*2+3";
    document.write(eval(str));//5
&lt;/script&gt;

		
		
	
...]]></description><category></category></item><item><title><![CDATA[01-声明变量（var、let、const）]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120239331</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120239331</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 16:43:59 +0800</pubDate><description><![CDATA[var

说明


	使用var声明变量，在方法内部是局部变量，在方法外部是全局变量
	
	
	没有使用var声明的变量，在方法内部或外部都是全局变量，但如果在方法内部声明，在方法外部使用之前需要先调用方法，告知系统声明了全局变量后方可在方法外部使用
	
	
	不使用var关键字声明的全局变量，不会前置
	
一、var声明变量的问题


	（1）允许重复的变量声明：导致数据被覆盖
	
	
	（2）变量提升：怪异数据访问、闭包问题

	
		怪异数据访问：即变量提升导致块级作用域内的变量可以在外部访问到
		]]></description><category></category></item><item><title><![CDATA[This指向]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120239249</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120239249</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 16:15:32 +0800</pubDate><description><![CDATA[this指向

this的在函数定义的时候是确定不了的，只有函数执行的时候才能确定this指向谁，一般this最终指向那个调用它的对象

(1)、this指向window


	function 函数名(){}
	
	
	var 函数名=function(){}
	
	
	全局作用域或者普通函数中的this指向全局对象window，定时器里的this也指向window
	
(2)、this指向当前这个对象


	var obj = { 函数名:function(){} }
	
	
	方法调用中谁调用，thi]]></description><category></category></item><item><title><![CDATA[2-BOM]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120239193</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120239193</guid><author>sayyesb</author><pubDate>Sat, 11 Sep 2021 16:11:51 +0800</pubDate><description><![CDATA['BOM


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

1、什么是BOM


	BOM(browser object mo]]></description><category></category></item><item><title><![CDATA[1-DOM]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120185455</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120185455</guid><author>sayyesb</author><pubDate>Wed, 08 Sep 2021 17:50:46 +0800</pubDate><description><![CDATA[DOM

一、获取页面元素

1、通过dom提供的API接口获取页面元素

(1)、根据ID获取


	document.getElementById（）
	
(2)、根据标签名获取


	document.getElementByTagName（）
	
	
	element.getElementByTagName（）
	
(3)、根据类名获取


	document.getElementByClassName（）
	
(4)、根据选择器获取


	document.querySelector（）
	
	
]]></description><category></category></item><item><title><![CDATA[17-附加]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120126652</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120126652</guid><author>sayyesb</author><pubDate>Mon, 06 Sep 2021 09:16:43 +0800</pubDate><description><![CDATA[附加

一、页面布局整体思路

为了提高网页制作的效率，布局时通常有以下整体思路


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

一、导航栏

实际开发中，我们]]></description><category></category></item><item><title><![CDATA[16-响应式布局（bootstrap框架）]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120118100</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120118100</guid><author>sayyesb</author><pubDate>Sun, 05 Sep 2021 17:32:42 +0800</pubDate><description><![CDATA[响应式布局（bootstrap框架）

前言


	响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的

	
	
设备划分
			设计尺寸
			尺寸
		超小屏幕（手机）
			100%
			&lt;768px
		小屏幕设备（平板）
			750px
			768px&lt;width&lt;992px
		中屏幕（卓面显示器）
			970px
			992px&lt;width&lt;1200px
		宽屏设备（大桌面显示）
			1120px
			&gt]]></description><category></category></item><item><title><![CDATA[15-Sass]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120112290</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120112290</guid><author>sayyesb</author><pubDate>Sun, 05 Sep 2021 11:27:16 +0800</pubDate><description><![CDATA[前言

CSS弊端


	css是一门非程序式语言，没有变量，函数，scope作用域等概念
	
	
	不方便后期维护与扩展，不利于复用
	
	
	css没有很好的计算能力
	
	
	非前端工程师来讲，往往会因为确少css编写经验而很难写出组织良好且易于维护的css代码项目
	
sass/less（leaner style css）介绍


	sass/less是一门css扩展语言，也被称为css预处理器，作为CSS的一种形式的扩展，它并没有减少CSS的功能，而是在现有的CSS语法上，为CSS加入程序语言的特]]></description><category></category></item><item><title><![CDATA[14-媒体查询及单位]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120102456</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120102456</guid><author>sayyesb</author><pubDate>Sat, 04 Sep 2021 16:58:10 +0800</pubDate><description><![CDATA[媒体查询

media query是CSS3的新语法


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

	
@media  mediatype  and/not/only (media feature){
            CSS-code;
..]]></description><category></category></item><item><title><![CDATA[13-弹性布局]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120102413</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120102413</guid><author>sayyesb</author><pubDate>Sat, 04 Sep 2021 16:56:07 +0800</pubDate><description><![CDATA[flex布局

传统布局与flex布局（flexible）


	传统布局：兼容性好，布局繁琐，局限性，不能在移动端很好的布局。
	
	
	flex弹性布局：操作方便，布局极为简单，移动端应用很广泛；PC端浏览器支持情况较差；IE11或更低版本，不支持或者部分支持
	
建议：


	如果是PC端页面布局，还是选择传统布局方式比较好
	
	
	如果是移动端或不需要考虑兼容性问题的PC端页面布局，我们使用flex弹性布局
	
一、flex弹性布局原理


	flex是flexible Box的缩写，意为“弹性布]]></description><category></category></item><item><title><![CDATA[12-移动端技术选型]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120102358</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120102358</guid><author>sayyesb</author><pubDate>Sat, 04 Sep 2021 16:51:46 +0800</pubDate><description><![CDATA[移动端技术选型

一、移动端主流方案

1、独制作移动端页面（主流）


	通常情况下，网址域名前加m(mobile)可以打开移动端。通过判断设备，如果是移动端设备打开，则眺到移动端页面。
	
2、响应式页面兼容移动端（其次）、例如：三星手机官网


	通过判断屏幕宽度来改变样式，以适应不同的终端
	
	
	缺点：制作麻烦，需要花很大精力去调兼容性问题，而且后期维护成本高
	
二、移动端技术解决方案

1、移动端浏览器


	移动端里游览器基本以webkit内核为主，因此只考虑webkit兼容性问题
	
	]]></description><category></category></item><item><title><![CDATA[11-视口]]></title><link>https://blog.youkuaiyun.com/sayyesb/article/details/120102301</link><guid>https://blog.youkuaiyun.com/sayyesb/article/details/120102301</guid><author>sayyesb</author><pubDate>Sat, 04 Sep 2021 16:49:07 +0800</pubDate><description><![CDATA[移动端设计视口

PPI(像素密度)


	PPI(Pixels Per Inch)表示的是每英寸所拥有的像素(Pixels)数目。
	
	
	PPI值越高，画面的细节就越丰富
	
PPI与DPI的区别


	“素”（P）PI:只存在于计算机显示领域
	
	
	“点”（D）PI:只出现于打印或印刷领域
	
PC端页面与移动端页的相互跳转


  var a=navigator.userAgent;
  if(   
    a.indexOf("Android")!=-1 ||     ...]]></description><category></category></item></channel></rss>