<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Msinwln的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Msinwln</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Msinwln]]></copyright><item><title><![CDATA[使用git创建仓库并将文件上传到github]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/107646384</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/107646384</guid><author>Msinwln</author><pubDate>Tue, 28 Jul 2020 22:02:21 +0800</pubDate><description><![CDATA[使用git创建仓库并将文件上传到github
大家都知道，Git是Linux支之父Linus Torvalds编写的一个版本控制软件。目前我们接触的与Git有关系的有三种，分别是Git、GitHub以及GitLab。分别简单介绍一下这三个东西：
(1)Git
就是最原始的分布式版本控制系统，是开源的。
(2)GitHub
与Git不同的是，Git是一个单独的软件，而GitHub是一个网站。众所周知，GitHub是目前最大的版本控制社区网站，用户可以在上面申请账号，并创建自己版本仓库。不过对于免费的仓库，用户]]></description><category></category></item><item><title><![CDATA[如何用原生js实现元素的拖动效果]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/107324929</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/107324929</guid><author>Msinwln</author><pubDate>Mon, 13 Jul 2020 21:05:03 +0800</pubDate><description><![CDATA[如何用原生js实现元素的拖动效果
类似效果如下图显示：

要实现这样的效果需要知道三个事件

鼠标按下事件  onMouseDown
鼠标松开事件  onMouseUp
鼠标移动事件  onMouseMove

基础Html + CSS样式
&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=]]></description><category></category></item><item><title><![CDATA[如何实现多层对象或数组的深拷贝]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/107171142</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/107171142</guid><author>Msinwln</author><pubDate>Mon, 06 Jul 2020 23:59:31 +0800</pubDate><description><![CDATA[JS如何实现多层对象或数组的深拷贝
在js中我们时常要实现数据的克隆，也是我们这里所要谈到到的拷贝。数据的拷贝分为浅拷贝和深拷贝。
浅拷贝：拷贝的只是在对中存放的对象或者数组的指针，对拷贝后的数据进行修改时原数据也会自动进行修改。
深拷贝：会在堆中重新开辟一个空间，将数据复制进去，形成一个新的地址。

注：基本类型数据存放在栈当中，所进行的拷贝都为深拷贝。引用类型数据存放在堆中，不能直接进行复制拷贝，直接赋值拷贝的只能为指针。

浅拷贝
var arr = [1,2,3,4];
var copyArr = ]]></description><category></category></item><item><title><![CDATA[js中常见错误类型的总结]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/107168869</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/107168869</guid><author>Msinwln</author><pubDate>Mon, 06 Jul 2020 21:54:21 +0800</pubDate><description><![CDATA[js中常见错误类型的总结
了解常见的基本类型能更方便的修改遇到的bug，在封装方法时也能起到很大的作用。
1.  SyntaxError：语法错误
// 1.1 变量名不符合规范
var 1                          // Uncaught SyntaxError: Unexpected number
var 1a                         // Uncaught SyntaxError: Invalid or unexpected token

// 1.2 ]]></description><category></category></item><item><title><![CDATA[js用constructor构造函数]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106859046</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106859046</guid><author>Msinwln</author><pubDate>Fri, 19 Jun 2020 16:27:56 +0800</pubDate><description><![CDATA[js用constructor构造函数
在js中，可以利用构造函数来创建特定类型的对象，其中，有一些原生的构造函数，Object、Array、等等，所以，当type of Object时，返回的是function。此外，我们还可以创建自定义的构造函数，从而自定义对象的属性以及方法。
例如：
function Person(name,age,job) {
    this.name=name;
    this.age=age;
    this.job=job;
    this.sayName=functi]]></description><category></category></item><item><title><![CDATA[关于CSS中设置浮动所遇到的问题]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106845736</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106845736</guid><author>Msinwln</author><pubDate>Thu, 18 Jun 2020 23:40:29 +0800</pubDate><description><![CDATA[关于CSS中设置浮动所遇到的问题
float CSS属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性（绝对定位中并不脱离文档流）。
float的值：
left

表明元素必须浮动在其所在的块容器左侧的关键字。
right

表明元素必须浮动在其所在的块容器右侧的关键字。
none

表明元素不进行浮动的关键字。
inline-start

关键字，表明元素必须浮动在其所在块容器的开始一侧，在ltr脚本中是左侧，在rtl脚本]]></description><category></category></item><item><title><![CDATA[JS显式类型转换及关于隐式类型转化的底层逻辑]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106843054</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106843054</guid><author>Msinwln</author><pubDate>Thu, 18 Jun 2020 20:54:24 +0800</pubDate><description><![CDATA[JS显式类型转换及关于隐式类型转化的底层逻辑
在提隐式转化之前，先看一下显式类型转化与隐式类型转化的区别：
显式类型转换是指使用函数主动将JS数据类型转化，而隐式类型转化是指在程序运行中程序自动转化类型的情况。
console.log(Number(true)) // 1  发生显示类型转化
console.log(true - false) // 1-0=1  发生隐式类型转化

显式类型转换的几种函数：

Number()  将其他类型的数据转化为数值型，并返回转化结果
parseInt()  转化为整]]></description><category></category></item><item><title><![CDATA[BFC理解及运用BFC解决css bug]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106729386</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106729386</guid><author>Msinwln</author><pubDate>Sat, 13 Jun 2020 11:06:48 +0800</pubDate><description><![CDATA[BFC理解及运用BFC解决css bug
Block Formatting Context (“块级格式化上下文”) 的缩写即为 BFC
BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。
BFC的布局规则


内部的Box会在垂直方向，一个接一个地放置。


Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。


每个盒子（块盒与行盒）的margin]]></description><category></category></item><item><title><![CDATA[主流浏览器及其内核]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106635749</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106635749</guid><author>Msinwln</author><pubDate>Tue, 09 Jun 2020 10:27:39 +0800</pubDate><description><![CDATA[主流浏览器及其内核
现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款，分别是IE、Firefox、Google Chrome、Safari、Opera。
对于主流浏览器的划分有两点原因：

该浏览器在市场中所占的份额大于3%
该浏览器必须要有独立研发的内核

以下分别为主流浏览器及其内核介绍：




浏览器
内核




I]]></description><category></category></item><item><title><![CDATA[如何用CSS适配iPhoneX底部小横条]]></title><link>https://blog.youkuaiyun.com/Msinwln/article/details/106627182</link><guid>https://blog.youkuaiyun.com/Msinwln/article/details/106627182</guid><author>Msinwln</author><pubDate>Mon, 08 Jun 2020 20:18:59 +0800</pubDate><description><![CDATA[如何用CSS适配iPhoneX
前言
iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。
笔者通过查阅了一些官方文档，以及结合实际项目中的一些处理经验，整理了一套简单的适配方案分享给大家，希望对大家有所帮助，以下是处理前后效果图：

适配之前需要了解的几个新知识
安全区域
安全区域指的是一个可]]></description><category></category></item></channel></rss>