<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Number7421的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/Number7421</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; Number7421]]></copyright><item><title><![CDATA[echarts地图map]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/103963173</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/103963173</guid><author>Number7421</author><pubDate>Tue, 13 Oct 2020 17:02:46 +0800</pubDate><description><![CDATA[在vue中使用echarts绘制图表


npm install echarts --save // 全局安装echarts

具体代码及注释如下 ：


&lt;template&gt;
  &lt;div&gt;
    &lt;!-- 为ECharts准备一个具备大小（宽高）的Dom --&gt;
    &lt;div id="map" :style="{width: '700px', ...]]></description><category></category></item><item><title><![CDATA[vue项目中天地图的使用]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/106823385</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/106823385</guid><author>Number7421</author><pubDate>Thu, 18 Jun 2020 10:51:17 +0800</pubDate><description><![CDATA[天地图官网注册（创建应用拿到key）
官网API实例（参考）
	在vue项目中使用天地图
在index.html文件中引入cdn资源：


&lt;!-- 引入cdn资源 --&gt;
&lt;script src="http://api.tianditu.gov.cn/api?v=4.0&amp;tk=申请到的KEY值"&gt;&lt;/script&gt;

在webpack.base.conf.js文件中进行配置：


module.exports = {
    externals: {
     ]]></description><category></category></item><item><title><![CDATA[px/em/rem的区别]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/82596112</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/82596112</guid><author>Number7421</author><pubDate>Mon, 10 Sep 2018 21:05:03 +0800</pubDate><description><![CDATA[
	px 在缩放页面时无法调整那些使用它作为单位的字体、按钮等的大小；
	
	
	em 的值并不是固定的，会继承父级元素的字体大小，代表倍数；
	
	
	rem 的值并不是固定的，始终是基于根元素 &amp;lt;html&amp;gt; 的，也代表倍数。
	
em

em = 希望得到的像素大小 / 父元素字体像素大小

浏览器的默认字体高都是 16px，未经调整的浏览器显示 1em = 16px。1em = ...]]></description><category></category></item><item><title><![CDATA[GET和POST区别]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/81237617</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/81237617</guid><author>Number7421</author><pubDate>Sun, 29 Jul 2018 19:56:18 +0800</pubDate><description><![CDATA[HTTP请求的基本方法：GET和POST 

HTTP是基于TCP/IP的关于数据如何在万维网中如何通信的协议。


GET和POST本质上就是TCP链接，并无差别。但是由于HTTP的规定和浏览器/服务器的限制，导致他们在应用过程中体现出一些不同。



GET产生一个TCP数据包；POST产生两个TCP数据包。


推荐阅读：99%的人都理解错了HTTP中GET与POST的区别，HTTP协议中G...]]></description><category></category></item><item><title><![CDATA[错误Unexpected token × in JSON at position 3的解决]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/81215608</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/81215608</guid><author>Number7421</author><pubDate>Thu, 26 Jul 2018 11:04:21 +0800</pubDate><description><![CDATA[Uncaught SyntaxError: Unexpected token × in JSON at position 3 at JSON.parse (&amp;lt;anonymous&amp;gt;) at  错误分析及解决

对JSON对象：JSON.parse()方法用于从一个字符串中解析出json对象；JSON.stringify()用于从一个对象解析出字符串； 

通常在做本地存储时，会通过loc...]]></description><category></category></item><item><title><![CDATA[Vue的单选/多选效果]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/81002729</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/81002729</guid><author>Number7421</author><pubDate>Wed, 25 Jul 2018 23:38:20 +0800</pubDate><description><![CDATA[Vue的单选/多选效果

includes()方法判断是否包含某一元素,返回true或false表示是否包含元素，对NaN一样有效

filter()方法用于把Array的某些元素过滤掉，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素：生成新的数组

一、单选

DOM文档中结构如下：


&amp;lt;ul class=&quot;box&quot;&amp;gt;
...]]></description><category></category></item><item><title><![CDATA[Git的基本操作]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/81173049</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/81173049</guid><author>Number7421</author><pubDate>Mon, 23 Jul 2018 20:54:18 +0800</pubDate><description><![CDATA[定义：

工作区(Working Area)：就是你在电脑里能看到的目录。
	暂存区(Stage或index)：一般存放在 &quot;.git目录下&quot; 下的index文件（.git/index）中，所以我们把暂存区有时也叫作索引（index）。
	本地仓库(Local Repository)
	远程仓库(Remote Repository):远程仓库的默认名称是origin。
	版本库：工作区有一个隐藏目...]]></description><category></category></item><item><title><![CDATA[将数组a中满足条件的数放入数组b中]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80531192</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80531192</guid><author>Number7421</author><pubDate>Sun, 03 Jun 2018 20:51:15 +0800</pubDate><description><![CDATA[将a数组中可被5整除的数放入b数组中//将a数组中可被5整除的数放入b数组中 
#include &quot;stdio.h&quot; 
int main(){ 
	int a[6],b[6],i,j=0;
	for(i=0;i&amp;lt;6;i++){
		scanf(&quot;%d&quot;,a+i);//输入数组a各个元素 
	} 
	for(i=0;i&amp;lt;6;i++){
		if(a[i]%5==0){// !(a[i]%...]]></description><category></category></item><item><title><![CDATA[手写手机网站（meta）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80465622</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80465622</guid><author>Number7421</author><pubDate>Sat, 26 May 2018 23:08:07 +0800</pubDate><description><![CDATA[添加meta标签来做手机网站。 用swiper辅助手动开发手机网站（类似的库fullpage）1、登录HBuilder，文件--新建--移动App--输入文件名myapp；2、打开文件myapp下的index.html文件,写入meta标签，引入样式表，写入JS样式；3、完成布局后用USB线连接手机，打开手机--在开发者模式下--更多设置--开发者选项--USB调试；4、在HBuilder内点击在...]]></description><category></category></item><item><title><![CDATA[轮播图原理]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80412652</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80412652</guid><author>Number7421</author><pubDate>Tue, 22 May 2018 23:01:35 +0800</pubDate><description><![CDATA[轮播图原理：创建一个div块，给定与图片大小相同的宽高；相对div左右定位两个按钮分别控制图片向前或向后无缝滚动；首先创建ul列表，每个li内放入一张图片，给所有的li左浮动；让div展示当前图片，其余内容overflow:hidden隐藏；oUl.innerHTML += oUl.innerHTML;把所有的图片复制一份；利用包裹图片队列的块进行位置偏移实现：DOM中文档结构如下：&amp;lt;div...]]></description><category></category></item><item><title><![CDATA[js动态创建li的不同方法]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80398191</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80398191</guid><author>Number7421</author><pubDate>Mon, 21 May 2018 22:16:13 +0800</pubDate><description><![CDATA[一、document.body.innerHTML+=&quot;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&quot;我们可以用document.body.innerHTML+=&quot;&amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&quot;方法向body内添加li元素，但循环添加太耗性能，可以先循环将要添加的字符串预先连接后保存到str里，再一次性添加给body：document.body.innerHTML=str，这样可以避免...]]></description><category></category></item><item><title><![CDATA[时钟效果（计时器）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80317069</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80317069</guid><author>Number7421</author><pubDate>Tue, 15 May 2018 21:13:03 +0800</pubDate><description><![CDATA[JavaScript的时间对象：var myTime = new Date();  //当前时间（计算机读取到此代码时系统的时间对象）该对象上获取的详细时间都是number类型：    myTime.getFullYear(); //获取年    myTime.getMonth(); //获取月(从0开始要+1)    myTime.getDate(); //获取日    myTime.getDa...]]></description><category></category></item><item><title><![CDATA[Git的基本操作]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80225302</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80225302</guid><author>Number7421</author><pubDate>Mon, 07 May 2018 17:07:48 +0800</pubDate><description><![CDATA[Git是目前世界上最先进的（开源）分布式版本控制系统，它被用于敏捷高效的处理任何或小或大的项目。

在此总结git的一些基本操作，仅供参考。

详细使用个人推荐廖雪峰/Git教程和菜鸟教程/Git教程

百度搜索码云注册属于自己的账户，登录并完善个人信息；
ps：建议姓名栏最好填写英文；



 

创建项目
进入码云后找到右上角的“+”号，鼠标移入后下拉菜单的第一项即为“新建项目”；



填写...]]></description><category></category></item><item><title><![CDATA[二级下拉菜单布局（纵向、横向）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/79995503</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/79995503</guid><author>Number7421</author><pubDate>Fri, 27 Apr 2018 20:29:13 +0800</pubDate><description><![CDATA[一级菜单在ul列表内建立li元素并清除默认样式让所有li元素左浮动并清除浮动DOM中文档结构如下：&amp;lt;ul class=&quot;clearfix&quot;&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;
    &amp;lt;li&amp;gt;&amp;lt;a href=&quot;#&quot;&amp;gt;2&amp;]]></description><category></category></item><item><title><![CDATA[关于CSS3的知识点（盒模型阴影、多列、direction）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80012306</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80012306</guid><author>Number7421</author><pubDate>Sat, 21 Apr 2018 23:07:02 +0800</pubDate><description><![CDATA[盒模型：box-sizing盒模型解析模式：border-box：边框盒模型 width/height=border+padding+contentcontent-box：标准盒模型 width/height=content盒模型阴影：box-shadow:[inset] x y blur [spread] color参数：    [inset]：投影方式（默认为外投影，inset为内投影）   ...]]></description><category></category></item><item><title><![CDATA[关于CSS3的知识点（圆角、过渡）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/80010379</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/80010379</guid><author>Number7421</author><pubDate>Thu, 19 Apr 2018 22:43:40 +0800</pubDate><description><![CDATA[border-radius 圆角DOM文档中结构如下：&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;设置参数：各种长度单位都可以：px，%，…，%有时很方便，但宽高不一致时不太好    1、参数个数1：四个方向都一样-----------border-radius: 一样当宽、高相同时，四个方向设置相同的数值可以将正方形转变成一个圆：CSS样式如下:div{
    width:100px;
  ...]]></description><category></category></item><item><title><![CDATA[基本图形的CSS样式]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/79944768</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/79944768</guid><author>Number7421</author><pubDate>Sat, 14 Apr 2018 23:15:42 +0800</pubDate><description><![CDATA[基本图形的画法DOM中文档结构如下：&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;正方形squareCSS中的样式如下：div{width:200px;height:200px;background:#0FF;}效果图如下：长方形rectangleCSS中的样式如下：div{width:200px;height:100px;background:#0FF;}效果图如下：圆形circleCSS中的样...]]></description><category></category></item><item><title><![CDATA[关于HTML的知识点（form）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/79858571</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/79858571</guid><author>Number7421</author><pubDate>Sat, 14 Apr 2018 21:24:42 +0800</pubDate><description><![CDATA[HTML的知识点form：表单form常用属性：method：表单的提交方式（post和get）action：表单处理服务器注意：凡是用户与服务器交互的表单标签应全部放在form标签内form内的提交按钮提交的是整个form表单post方法：如果采用 POST 方法，浏览器将会按照下面两步来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按...]]></description><category></category></item><item><title><![CDATA[关于HTML的知识点（a；img；table）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/79857096</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/79857096</guid><author>Number7421</author><pubDate>Wed, 11 Apr 2018 21:44:08 +0800</pubDate><description><![CDATA[HTML的知识点a标签(页面跳转 或 锚点)本页面的锚点是通过改变滚动条的位置实现页面跳转后的锚点会通过先跳转页面再改变滚动条的位置来实现锚点：将a的href属性链接到另一个a的name属性或者任何元素的id属性做锚点DOM文档中结构如下：新建页面命名为“锚点.html”:&amp;lt;div id=&quot;content1&quot;&amp;gt;内容一&amp;lt;/div&amp;gt;
&amp;lt;div id=&quot;content2&quot;&amp;...]]></description><category></category></item><item><title><![CDATA[关于HTML的基本布局（三）]]></title><link>https://blog.youkuaiyun.com/Number7421/article/details/79844690</link><guid>https://blog.youkuaiyun.com/Number7421/article/details/79844690</guid><author>Number7421</author><pubDate>Tue, 10 Apr 2018 22:20:47 +0800</pubDate><description><![CDATA[HTML的常用布局模板三栏式布局（margin+position）1.两边盒子固定宽度，中间盒子自适应DOM文档中结构如下：&amp;lt;div class=&quot;parent&quot;&amp;gt;  
    &amp;lt;div class=&quot;left&quot;&amp;gt;&amp;lt;/div&amp;gt;  
    &amp;lt;div class=&quot;main&quot;&amp;gt;字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文]]></description><category></category></item></channel></rss>