<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[gts_0901y的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/gts_0901y</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; gts_0901y]]></copyright><item><title><![CDATA[element-ui  日期选择器快捷时间]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/108404006</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/108404006</guid><author>gts_0901y</author><pubDate>Fri, 04 Sep 2020 14:46:54 +0800</pubDate><description><![CDATA[pickerOptions: {
    disabledDate(time) {
        return time.getTime() &gt; Date.now();
    },
    shortcuts: [
        {
            text: '昨日',
            onClick(picker) {
                this.relativeTime = 'now-1d'
                const end = new...]]></description><category></category></item><item><title><![CDATA[antd  select  数据设置默认值]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/102613026</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/102613026</guid><author>gts_0901y</author><pubDate>Thu, 17 Oct 2019 19:06:25 +0800</pubDate><description><![CDATA[&lt;FormItem
    {...formItemLayout}
    label= "分类"
    hasFeedback
&gt;
    {getFieldDecorator('gender', {
        initialValue: this.state.categroy

    })(
        &lt;Select
        style={{ wid...]]></description><category></category></item><item><title><![CDATA[vue 实现简单的验证码倒计时]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/88020668</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/88020668</guid><author>gts_0901y</author><pubDate>Thu, 28 Feb 2019 11:53:50 +0800</pubDate><description><![CDATA[&amp;lt;button class=&quot;codebtn&quot; v-show=&quot;codeshow&quot; @click=&quot;getCode&quot;&amp;gt;获取验证码&amp;lt;/button&amp;gt;
&amp;lt;button class=&quot;codebtn&quot; v-show=&quot;!codeshow&quot;&amp;gt;{{login_code}}&amp;lt;/button&amp;gt;



]]></description><category></category></item><item><title><![CDATA[vue双向绑定原理及实现]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/86028766</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/86028766</guid><author>gts_0901y</author><pubDate>Mon, 07 Jan 2019 21:33:12 +0800</pubDate><description><![CDATA[MVC模式



MVC模式

以往的MVC模式是单向绑定，即Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新

MVVM模式

MVVM模式就是Model–View–ViewModel模式。它实现了View的变动，自动反映在 ViewModel，反之亦然。
我对于双向绑定的理解，就是用户更新了View，Model的数据也自动被更新了，这种情况就是双...]]></description><category></category></item><item><title><![CDATA[vue watch监听对象及对应值的变化]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/83183038</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/83183038</guid><author>gts_0901y</author><pubDate>Fri, 19 Oct 2018 15:21:54 +0800</pubDate><description><![CDATA[var vm=new Vue({
    data:{
        a:1,
        b:{
            c:1
        }
    },
    watch:{
        a(val, oldVal){//普通的watch监听
            console.log(&quot;a: &quot;+val, oldVal);
        },
        b:{...]]></description><category></category></item><item><title><![CDATA[获取俩个日期中间月份]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/82012978</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/82012978</guid><author>gts_0901y</author><pubDate>Fri, 24 Aug 2018 10:22:02 +0800</pubDate><description><![CDATA[例如2018-02到2018-08


getDateArry(d1,d2) {
  var dateArry = [];
  var s1 = d1.split(&quot;-&quot;);
  var s2 = d2.split(&quot;-&quot;);
  var mCount = 0;
  if (parseInt(s1[0]) &amp;lt; parseInt(s2[0])) {
    mCount = (parseInt...]]></description><category></category></item><item><title><![CDATA[element ui  Transfer 穿梭框]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/81459009</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/81459009</guid><author>gts_0901y</author><pubDate>Mon, 06 Aug 2018 18:24:46 +0800</pubDate><description><![CDATA[
v-model = 右边的数据 :data = 左边的数据

]]></description><category></category></item><item><title><![CDATA[VUE 全局变量]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/81014580</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/81014580</guid><author>gts_0901y</author><pubDate>Thu, 12 Jul 2018 13:57:34 +0800</pubDate><description><![CDATA[在main.js中引入import Server from '@/service/request';
import requestPath from '@/service/Path';挂载在vue原形上Vue.prototype.Server = Server
Vue.prototype.requestPath = requestPath别的页面 this.调用...]]></description><category></category></item><item><title><![CDATA[简要总结ajax工作原理及优缺点]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80996236</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80996236</guid><author>gts_0901y</author><pubDate>Wed, 11 Jul 2018 10:20:49 +0800</pubDate><description><![CDATA[虽然在实际的项目中使用多种ajax请求，但就其工作原理，优缺点尚未深入总结，参考：http://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/3137180.html现就此做下以下简要笔记：Ajax工作原理：相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像一些数据验证和数据处理...]]></description><category></category></item><item><title><![CDATA[vue 复用组件 可动态更改内容]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80901795</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80901795</guid><author>gts_0901y</author><pubDate>Tue, 03 Jul 2018 17:33:12 +0800</pubDate><description><![CDATA[]]></description><category></category></item><item><title><![CDATA[es6 扩展运算符 三个点（...）]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80832189</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80832189</guid><author>gts_0901y</author><pubDate>Wed, 27 Jun 2018 17:13:18 +0800</pubDate><description><![CDATA[1  含义扩展运算符（ spread ）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [&amp;lt;div&amp;gt;, &amp;lt;di...]]></description><category></category></item><item><title><![CDATA[js数组去重]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80831492</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80831492</guid><author>gts_0901y</author><pubDate>Wed, 27 Jun 2018 16:41:10 +0800</pubDate><description><![CDATA[unique(arr){
  var unique = {};
  arr.forEach(function(a){ unique[ JSON.stringify(a) ] = 1 });
  arr= Object.keys(unique).map(function(u){return JSON.parse(u) });
  return arr
},写一个函数需要用到的地方 this.uniq...]]></description><category></category></item><item><title><![CDATA[vue父子组件通信]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80520702</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80520702</guid><author>gts_0901y</author><pubDate>Thu, 31 May 2018 10:51:10 +0800</pubDate><description><![CDATA[父传子用props接收 子传父用$emit父  bind是绑定传值 click 是子元素传入&amp;lt;BombBox :productID=&quot;productID&quot; :offerProductID= &quot;offerProductID&quot; @close=&quot;closeBox&quot; v-show=&quot;boxshow&quot;&amp;gt;&amp;lt;/BombBox&amp;gt;父注册components: {
  'BombBox': B]]></description><category></category></item><item><title><![CDATA[Javascript计算两个GPS坐标的距离]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/80257559</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/80257559</guid><author>gts_0901y</author><pubDate>Wed, 09 May 2018 18:20:48 +0800</pubDate><description><![CDATA[ function Rad(d){       return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。    }    //计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度    function GetDistance(lat1,lng1,lat2,lng2){  #lat为纬度, lng为经度, 一定不要弄错         var radLat...]]></description><category></category></item><item><title><![CDATA[css超出文本框隐藏 ...]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/79958510</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/79958510</guid><author>gts_0901y</author><pubDate>Mon, 16 Apr 2018 11:35:14 +0800</pubDate><description><![CDATA[.name
    display inline-block
    overflow: hidden; //超出的文本隐藏
    text-overflow: ellipsis; //溢出用省略号显示
    white-space: nowrap; //溢出不换行
    width: 165px;]]></description><category></category></item><item><title><![CDATA[JavaScript截取字符串]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/79925670</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/79925670</guid><author>gts_0901y</author><pubDate>Fri, 13 Apr 2018 11:06:52 +0800</pubDate><description><![CDATA[ 例子  截取  str .slice（0,10）.split('-').join（‘/’）完成]]></description><category></category></item><item><title><![CDATA[vuex  组件之间通信]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/79885086</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/79885086</guid><author>gts_0901y</author><pubDate>Tue, 10 Apr 2018 18:01:07 +0800</pubDate><description><![CDATA[先配置，父组件在调用，父组件赋值子组件接受值]]></description><category></category></item><item><title><![CDATA[vue中路由 css3 过渡动画]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/79876463</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/79876463</guid><author>gts_0901y</author><pubDate>Tue, 10 Apr 2018 09:49:51 +0800</pubDate><description><![CDATA[想让路由有过渡动画，需要在&amp;lt;router-view&amp;gt;标签的外部添加&amp;lt;transition&amp;gt;标签，标签还需要一个name属性。123&amp;lt;transition name=&quot;fade&quot;&amp;gt;  &amp;lt;router-view &amp;gt;&amp;lt;/router-view&amp;gt;&amp;lt;/transition&amp;gt;组件过渡过程中，会有四个CSS类名进行切换，这四个类名与tr]]></description><category></category></item><item><title><![CDATA[Doctype作用？严格模式与混杂模式如何区分？它们有何差异？]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/79136770</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/79136770</guid><author>gts_0901y</author><pubDate>Tue, 23 Jan 2018 10:32:59 +0800</pubDate><description><![CDATA[Doctype作用？严格模式与混杂模式如何区分？它们有何差异？

一、Doctype作用是什么？

声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。

二、严格模式与混杂模式如何区分？它们有何意义？

严格模式：又称标准模式，是指浏览器按照 W3C 标]]></description><category></category></item><item><title><![CDATA[原型链模式基础]]></title><link>https://blog.youkuaiyun.com/gts_0901y/article/details/78734204</link><guid>https://blog.youkuaiyun.com/gts_0901y/article/details/78734204</guid><author>gts_0901y</author><pubDate>Wed, 06 Dec 2017 19:48:00 +0800</pubDate><description><![CDATA[1.  每一个函数的数据类型（普通函数，类） 都有一个天生自带的属性：prototype（原型），并且这个属性是一个对象数据类型的值
2.  并且prototype上浏览器给它天生增加一个属性 constructor（构造函数），属性值是当前函数（类）本身
3 每一个对象数据类型（普通对象，实例，prototype）也是天生自带一个属性：__proto__，属性值是当前实例所属类的原型（pro]]></description><category></category></item></channel></rss>