<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[sun_mango的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/sun_mango</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; sun_mango]]></copyright><item><title><![CDATA[vue-cli 搭建vue项目]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/87162452</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/87162452</guid><author>sun_mango</author><pubDate>Thu, 03 Dec 2020 21:04:47 +0800</pubDate><description><![CDATA[1，安装vue-cli

npm install --global vue-cli (全局安装)

2，安装完成以后，用cmd进入自己的工作空间

 进入以后，vue init webpack test命令行创建项目，终端会出现这种...]]></description><category></category></item><item><title><![CDATA[session,token,cookie区别]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/86699538</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/86699538</guid><author>sun_mango</author><pubDate>Wed, 30 Jan 2019 10:18:24 +0800</pubDate><description><![CDATA[在Web应用中，HTTP请求是无状态的。即：用户第一次发起请求，与服务器建立连接并登录成功后，为了避免每次打开一个页面都需要登录一下，就出现了cookie，Session。
Cookie
    Cookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，也是实现Session的一种方式。Cookie存储的数据量有限，且都是保存在客户端浏览器中。不同的浏览器有不同的存储大小，但一般不超过4...]]></description><category></category></item><item><title><![CDATA[css实现弧形UI]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/86699378</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/86699378</guid><author>sun_mango</author><pubDate>Wed, 30 Jan 2019 10:12:08 +0800</pubDate><description><![CDATA[先是一写元素，再给这个元素设置样式和伪类样式
&amp;lt;view class=&quot;pure_top&quot;&amp;gt;&amp;lt;/view&amp;gt;

比如说这个pure_top元素(因为这里是小程序所以用的是view，h5也是一样实现的啦)，我设置的样式如下:
.pure_top {  
      width: 100%;  
      height: 100px;  
      position: rel...]]></description><category></category></item><item><title><![CDATA[js加减乘除精度问题]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/86677507</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/86677507</guid><author>sun_mango</author><pubDate>Mon, 28 Jan 2019 14:56:37 +0800</pubDate><description><![CDATA[//除法

function accDiv(num1,num2){

var t1,t2,r1,r2;

try{t1 = num1.toString().split('.')[1].length;}catch(e){

         t1 = 0;

}

try{t2=num2.toString().split(&quot;.&quot;)[1].length;}catch(e){t2=0;}

r1=Num...]]></description><category></category></item><item><title><![CDATA[echarts点状图的数组两种形式的区别]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/81700932</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/81700932</guid><author>sun_mango</author><pubDate>Wed, 15 Aug 2018 11:23:57 +0800</pubDate><description><![CDATA[A是官网的这种

option = {
    xAxis: {},
    yAxis: {},
    series: [{
        symbolSize: 10,
        data: [
            [10.0, 8.04],
            [8.0, 6.95],
            [13.0, 7.58],
            [9.0, ...]]></description><category></category></item><item><title><![CDATA[echarts坐标轴加轴显示]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/81700815</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/81700815</guid><author>sun_mango</author><pubDate>Wed, 15 Aug 2018 11:14:57 +0800</pubDate><description><![CDATA[加X坐标的

xAxis: {

name: &quot;日期&quot;, //坐标名字

nameLocation: &quot;end&quot;,//坐标位置，支持start,end，middle

nameTextStyle: {//字体样式

   fontSize: 14,//字体大小

   padding: -15 //距离坐标位置的距离

}

},

同理Y轴添加 是一样的

yAxis: {

name:'点击率...]]></description><category></category></item><item><title><![CDATA[原生实现小黑框toast]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/80839243</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/80839243</guid><author>sun_mango</author><pubDate>Thu, 28 Jun 2018 10:22:18 +0800</pubDate><description><![CDATA[首先写一个函数来实现弹出框的功能function myAlert(text, time) {        if (!document.getElementById('alertBg')) {            let _time = time || 1000;            let parent = document.createElement('div');            ...]]></description><category></category></item><item><title><![CDATA[如何获取当前url的某个参数]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/80839153</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/80839153</guid><author>sun_mango</author><pubDate>Thu, 28 Jun 2018 10:16:42 +0800</pubDate><description><![CDATA[获取当前url的目标字段function getSearch() {        var args = {};        var query = location.search.substring(1); //获取查询串        var len = query.replace(/(^\s*)|(\s*$)/g, &quot;&quot;).length;        if (len &amp;lt; 1) { ...]]></description><category></category></item><item><title><![CDATA[关于mint ui的tabbar的上划线问题]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/78281439</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/78281439</guid><author>sun_mango</author><pubDate>Thu, 19 Oct 2017 10:30:51 +0800</pubDate><description><![CDATA[其实对mint ui的tabbar，他自己有一条上划线，但是当你选中的时候这一部分的上划线会消失，这样的呈现效果显然有些差强人意。
   此时你可以给tabbar加一个上划线，.mint-tab-item{border-top:0.02rem solid #DDDDDD},如果只加这一个样式控制，这个问题还是没有解决，此时我们需要再给选中的时候再加一个上划线，.mint-tabbar>.mint]]></description><category></category></item><item><title><![CDATA[最接地气的vuex介绍]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/77368611</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/77368611</guid><author>sun_mango</author><pubDate>Fri, 18 Aug 2017 13:27:23 +0800</pubDate><description><![CDATA[最近在学习vuex,感觉不知道该怎样学习，看官方文档有点头晕，看到有大神分享，就总结一下看看
相信那个数字加减键大家都有写过，就像这种，下面通过这个小demo和大家分享一下vuex.

使用vue实现的话就是这种


  {{count}}
    +
    -
  


new Vue({
  el:'#app',
  data () {
    return {
      coun]]></description><category></category></item><item><title><![CDATA[如何安装npm]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/73773217</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/73773217</guid><author>sun_mango</author><pubDate>Tue, 27 Jun 2017 11:06:58 +0800</pubDate><description><![CDATA[最近新加入了一个新公司，在配置电脑时需要配置各种环境，先说一下npm的安装吧。首先npm是基于node.js的，你需要先下载node.js,然后切换到相应的安装位置，切记是安装位置。然后用cmd切入，切入以后输入 node -v如果可以出现版本号则证明安装成功,否则需要重新安装，正常来说，node的安装是包含npm的安装的，在cmd中输入npm -v，可是不包含cnpm 的安装，可以全局安装cnp]]></description><category></category></item><item><title><![CDATA[js的继承问题]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/73239930</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/73239930</guid><author>sun_mango</author><pubDate>Wed, 14 Jun 2017 15:43:46 +0800</pubDate><description><![CDATA[js的继承问题

既然要实现继承，那么首先我们得有一个父类，代码如下：
// 定义一个动物类
function Animal (name) {
  // 属性
  this.name = name || 'Animal';
  // 实例方法
  this.sleep = function(){
    console.log(this.name + '正在睡觉！');
  }
}
// 原]]></description><category></category></item><item><title><![CDATA[本地存储localStorage和sessionStorage的区别]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72872226</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72872226</guid><author>sun_mango</author><pubDate>Mon, 05 Jun 2017 22:49:49 +0800</pubDate><description><![CDATA[本地存储localStorage和sessionStorage的区别
 


localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

他们均只能存储字符串类型的对象（虽然规范中可以存储其他原生类型的对象，但是目前为止没有浏览器对其进行实现）。

localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localSt]]></description><category></category></item><item><title><![CDATA[Angular中的自定义服务]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72871750</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72871750</guid><author>sun_mango</author><pubDate>Mon, 05 Jun 2017 22:04:48 +0800</pubDate><description><![CDATA[Angular中的自定义服务
 Angular的自定义服务最常用的有三种方式,分别是provider,factory,service，下面从代码方面给大家解释一下。
1，factory()快捷方式  
函数可以返回简单类型、函数乃至对象等任意类型的数据 一般最为常用

   

m1.factory("myService",function(){
    return{
      ]]></description><category></category></item><item><title><![CDATA[splice和slice的区别]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72733173</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72733173</guid><author>sun_mango</author><pubDate>Thu, 25 May 2017 18:00:23 +0800</pubDate><description><![CDATA[splice和slice的区别
      在操作中，splice和slice经常傻傻分不清楚,今天我们就来讲讲splice和slice的区别。
     首先从本质上来说,splice()方法用于插入,删除或替换数组的元素,返回的是新的数组,slice()方法是提取字符串的某个部分,返回的是被提取的某个部分。
    然后从参数上来说,splice(start,deleteCount,[i]]></description><category></category></item><item><title><![CDATA[锚点的使用]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72393666</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72393666</guid><author>sun_mango</author><pubDate>Wed, 17 May 2017 15:36:21 +0800</pubDate><description><![CDATA[定义锚点  
    定义指向该锚点的链接  
    想在哪使用锚点就在哪定义锚点]]></description><category></category></item><item><title><![CDATA[图片的不同格式的区别]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72392151</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72392151</guid><author>sun_mango</author><pubDate>Wed, 17 May 2017 15:29:27 +0800</pubDate><description><![CDATA[图片的不同格式的区别
             图片的不同处理格式适用于不同的情况,正常处理图片,有助于优化内存资源,此时正确使用图片格式显得尤为重要
        图片jpg格式是用来处理细节较多的,色彩表现多,不支持动画,不支持透明
       图片gif格式色彩表现少,支持动图,支持透明
       图片png格式透明效果最好]]></description><category></category></item><item><title><![CDATA[清除浮动的方法]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72379993</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72379993</guid><author>sun_mango</author><pubDate>Wed, 17 May 2017 14:19:04 +0800</pubDate><description><![CDATA[清除浮动的方法
  父级div定义伪类:after和zoom ,父级div定义overflow:hidden,结尾处加空div标签clear:both(较常用),父级div定义height,父级div定义overflow:auto,父级div定义display:table,父级div也一起浮动,结尾处加br标签clear:both]]></description><category></category></item><item><title><![CDATA[事件委托的定义]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72378907</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72378907</guid><author>sun_mango</author><pubDate>Wed, 17 May 2017 14:12:42 +0800</pubDate><description><![CDATA[事件委托的定义
    通过dom操作获取的数据通过dom操作渲染到页面上,此时如果存在未来操作(即未来可能会出现的一些操作),就不能用普通的事件绑定,此时对事件的绑定就需要用到事件委托.
  js事件委托是利用冒泡的原理,把事件加到父级上或者祖先元素上,触发执行效果,给父级元素加事件,从而使子元素绑定事件]]></description><category></category></item><item><title><![CDATA[神魔时候用自定义指令?神魔时候用组件?]]></title><link>https://blog.youkuaiyun.com/sun_mango/article/details/72357753</link><guid>https://blog.youkuaiyun.com/sun_mango/article/details/72357753</guid><author>sun_mango</author><pubDate>Wed, 17 May 2017 10:44:08 +0800</pubDate><description><![CDATA[神魔时候用自定义指令?神魔时候用组件?
                   Angular 1.4以前的版本中,组件的概念比较模糊,所以将页面中出现的大量重复的UI和数据处理,封装成自定义指令来提升复用性,在Angular1.5以后,官方开始重视组件化开发,所以将自定义指令进行了重新定义,所以自定义指令进行了重新定义,并创建了component组件的部分,简言之,老版本的项目中,自定义指令使用]]></description><category></category></item></channel></rss>