<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mpchen的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mpchen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mpchen]]></copyright><item><title><![CDATA[javascript-typeof操作符判断类型有点局限]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/142597647</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/142597647</guid><author>mpchen</author><pubDate>Fri, 27 Sep 2024 16:55:21 +0800</pubDate><description><![CDATA[我们经常使用typeof来判断类型，你们用对了吗？]]></description><category></category></item><item><title><![CDATA[javascript-parseFloat方法]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/142566900</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/142566900</guid><author>mpchen</author><pubDate>Thu, 26 Sep 2024 17:24:34 +0800</pubDate><description><![CDATA[每天分享一个知识点，parseFloat方法常用来解析字符串中的数字。]]></description><category></category></item><item><title><![CDATA[vue--圆形进度条组件]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/103026916</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/103026916</guid><author>mpchen</author><pubDate>Tue, 12 Nov 2019 13:22:44 +0800</pubDate><description><![CDATA[参考文档
https://segmentfault.com/a/1190000012655551?utm_source=tag-newest
自己定义
1、还有许多细节要继续完善
2、偶尔还会更新此文档
&lt;template&gt;
  &lt;div class="progress-circle"&gt;
    &lt;div class="circle" ref="circle"&gt;...]]></description><category></category></item><item><title><![CDATA[webStorm--热部署supervisor配置]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/102894624</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/102894624</guid><author>mpchen</author><pubDate>Mon, 04 Nov 2019 13:10:39 +0800</pubDate><description><![CDATA[1、全局安装supervisor
npm install -g supervisor

2、新建Node.js项目


3、配置路径，按下图配置，点ok即可


]]></description><category></category></item><item><title><![CDATA[Git--从陌生到熟悉]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/101601179</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/101601179</guid><author>mpchen</author><pubDate>Sat, 28 Sep 2019 11:16:57 +0800</pubDate><description><![CDATA[Git,是一个最先进的分布式版本控制系统。目前还在学习中，会持续更新本文

以下的图很直观的展示出来Git的工作流程：



一、总结了几个常用的术语

1、仓库（Repository）：简单理解为能被git管理起来的一个目录，目录下每个文件修改、删除都能被跟踪。

2、工作空间（workspace）:简单理解为目前在硬盘上目前可以编辑的内容

3、暂存区（index 或者称之为stage ）：...]]></description><category></category></item><item><title><![CDATA[LINUX Node.js 安装]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/84061624</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/84061624</guid><author>mpchen</author><pubDate>Wed, 14 Nov 2018 10:17:08 +0800</pubDate><description><![CDATA[1、官方下载地址 ： https://nodejs.org/en/download/

2、如下图，使用官方推荐安装方式



3、右键复制链接地址，或者可以下载到本地

          wget https://nodejs.org/dist/v10.13.0/node-v10.13.0-linux-x64.tar.xz 

4、解压 node-v10.13.0-linux-x64.tar....]]></description><category></category></item><item><title><![CDATA[8.比较以及逻辑运算符]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83347984</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83347984</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 17:50:48 +0800</pubDate><description><![CDATA[1. 比较运算符  

“&amp;gt;”  “&amp;lt;”  “==”  “&amp;gt;=”  “&amp;lt;=”  “!=”   //结果 true/false;

         1) var a = 1 &amp;gt; 2; 

         2) var a =  “a ‘’  &amp;gt;  “b”;  //比较ASCII码

         3) var a =  “10” &amp;gt;  “8”;   ...]]></description><category></category></item><item><title><![CDATA[7.算术运算符]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83347871</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83347871</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 17:49:47 +0800</pubDate><description><![CDATA[1. ‘’+’’

      1) var a = 1 + 2;   //加法

      2) var a = “a” + “b”;   //结果 ab  字符串拼接

      3) 任何东西加字符串都得字符串

      4) var a = “a” + 1 + 1;   //结果 a11  符合标准运算符

      5) var a = 1 + 1 + “a” + 1 + 1;...]]></description><category></category></item><item><title><![CDATA[6.语法规则及错误]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83347842</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83347842</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 17:43:35 +0800</pubDate><description><![CDATA[1.语句后面结束要用分号结束 ”;” ;

        不需要加分号 function test(){} / for(){} / if(){}

2. “= + / -” 两边都应该有空格

3. JS语法错误会引发后续代码终止，但不会影响其它js代码块

        低级错误（语法解析错误）

              //一般是语法错误，syntaxError ，有可能 字母 单词 ...]]></description><category></category></item><item><title><![CDATA[5.JS数据类型]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83347741</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83347741</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 17:41:56 +0800</pubDate><description><![CDATA[1.不可改变的原始值

         1) Number    var a = 123;

         2) Boolean    var a = true/false;

         3) String      var a =””;  var a = ‘’;

         4) undefined   var a = undefined;  //数值类型，没有定义

  ...]]></description><category></category></item><item><title><![CDATA[4.JS变量]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83347668</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83347668</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 17:36:11 +0800</pubDate><description><![CDATA[1.变量

         1) var a; 声明一个变量;

         2) a = 100;  变量赋值，将100赋值给a

         3) var a = 100; 声明变量并赋值

         4) var a, b, c, d, e; 单一var模式

               a = 100;

               b = 10;

      ...]]></description><category></category></item><item><title><![CDATA[3.如何引入JS]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83345749</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83345749</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 16:11:48 +0800</pubDate><description><![CDATA[1、页面级 js

         1)可以写在&amp;lt;head&amp;gt;&amp;lt;/head&amp;gt;

         2)可以写在&amp;lt;body&amp;gt;

                                      &amp;lt;script type=”text/javascript”&amp;gt;

                                          ...]]></description><category></category></item><item><title><![CDATA[2.JavaScript特性]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83345484</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83345484</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 16:03:51 +0800</pubDate><description><![CDATA[1.编译性语言，看完一篇后翻译，会生成翻译完的文件，再执行;

         1) 优点：快

         2) 不足：移植性语言（不跨平台）

2.解释性语言，看完一行翻译一行

        1) 优点：跨平台

        2) 不足：稍微慢

3.JavaScript特点

         1) 解释性语言

         2) 单线程（同一时间只能做一件事）

4....]]></description><category></category></item><item><title><![CDATA[1.JavaScript 浏览器发展简史]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83345428</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83345428</guid><author>mpchen</author><pubDate>Wed, 24 Oct 2018 15:57:45 +0800</pubDate><description><![CDATA[1. Mosaic,是互联网历史上第一个获得普遍使用和能够显示图片的网页浏览器，1993年问世

2. JavaScript 作者 Brendan Eich

3. JavaScript，版权归oracle公司所有

4. 浏览器分为shell 和 内核 两部分

         内核部分分为：渲染引擎（处理HTML、css，进行绘制）;js引擎（负责js）;其他模块

5. 2001年发布ie...]]></description><category></category></item><item><title><![CDATA[HTML实现自适应图叠在文字之上]]></title><link>https://blog.youkuaiyun.com/mpchen/article/details/83065725</link><guid>https://blog.youkuaiyun.com/mpchen/article/details/83065725</guid><author>mpchen</author><pubDate>Mon, 15 Oct 2018 23:36:08 +0800</pubDate><description><![CDATA[此效果比较难以形容，以至于不懂得如何搜索，自己写出点想法，请大家帮忙完善。

没有使用psd设计稿上的图片，我就简单的截图实现：



首先，此处要求是图在文之上，且伴随着不同浏览器的大小，将正常显示图文。

我的想法：

1.将图片当做背景来使用，这样宽度改变了，图片还是不会变化

    css3中，存在object-fit这个属性，我现在使用的是 object-fit: cover；

2....]]></description><category></category></item></channel></rss>