gts_0901y的博客

原创 element-ui 日期选择器快捷时间

pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); }, shortcuts: [ { text: '昨日', onClick(picker) { this.relativeTime = 'now-1d' const end = new...

原创 antd select 数据设置默认值

<FormItem {...formItemLayout} label= "分类" hasFeedback> {getFieldDecorator('gender', { initialValue: this.state.categroy })( <Select style={{ wid...

原创 vue 实现简单的验证码倒计时

&lt;button class="codebtn" v-show="codeshow" @click="getCode"&gt;获取验证码&lt;/button&gt;&lt;button class="codebtn" v-show="!codeshow"&gt;{{login_code}}&lt;/button&gt;

转载 vue双向绑定原理及实现

MVC模式MVC模式以往的MVC模式是单向绑定，即Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新MVVM模式MVVM模式就是Model–View–ViewModel模式。它实现了View的变动，自动反映在 ViewModel，反之亦然。我对于双向绑定的理解，就是用户更新了View，Model的数据也自动被更新了，这种情况就是双...

转载 vue watch监听对象及对应值的变化

var vm=new Vue({    data:{        a:1,        b:{            c:1        }    },    watch:{        a(val, oldVal){//普通的watch监听            console.log("a: "+val, oldVal);        },        b:{...

转载 获取俩个日期中间月份

例如2018-02到2018-08getDateArry(d1,d2) { var dateArry = []; var s1 = d1.split("-"); var s2 = d2.split("-"); var mCount = 0; if (parseInt(s1[0]) &lt; parseInt(s2[0])) { mCount = (parseInt...

原创 element ui Transfer 穿梭框

v-model = 右边的数据 :data = 左边的数据

原创 VUE 全局变量

在main.js中引入import Server from '@/service/request';import requestPath from '@/service/Path';挂载在vue原形上Vue.prototype.Server = ServerVue.prototype.requestPath = requestPath别的页面 this.调用...

转载 简要总结ajax工作原理及优缺点

虽然在实际的项目中使用多种ajax请求，但就其工作原理，优缺点尚未深入总结，参考：http://www.cnblogs.com/SanMaoSpace/archive/2013/06/15/3137180.html现就此做下以下简要笔记：Ajax工作原理：相当于在客户端与服务端之间加了一个抽象层(Ajax引擎)，使用户请求和服务器响应异步化，并不是所有的请求都提交给服务器，像一些数据验证和数据处理...

原创 vue 复用组件 可动态更改内容

转载 es6 扩展运算符 三个点（...）

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')]// [&lt;div&gt;, &lt;di...

原创 js数组去重

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...

原创 vue父子组件通信

父传子用props接收 子传父用$emit父  bind是绑定传值 click 是子元素传入&lt;BombBox :productID="productID" :offerProductID= "offerProductID" @close="closeBox" v-show="boxshow"&gt;&lt;/BombBox&gt;父注册components: { 'BombBox': B

转载 Javascript计算两个GPS坐标的距离

 function Rad(d){       return d * Math.PI / 180.0;//经纬度转换成三角函数中度分表形式。    }    //计算距离，参数分别为第一点的纬度，经度；第二点的纬度，经度    function GetDistance(lat1,lng1,lat2,lng2){  #lat为纬度, lng为经度, 一定不要弄错         var radLat...

原创 css超出文本框隐藏 ...

.name display inline-block overflow: hidden; //超出的文本隐藏 text-overflow: ellipsis; //溢出用省略号显示 white-space: nowrap; //溢出不换行 width: 165px;

原创 JavaScript截取字符串

 例子  截取  str .slice（0,10）.split('-').join（‘/’）完成

原创 vuex 组件之间通信

先配置，父组件在调用，父组件赋值子组件接受值

转载 vue中路由 css3 过渡动画

想让路由有过渡动画，需要在&lt;router-view&gt;标签的外部添加&lt;transition&gt;标签，标签还需要一个name属性。123&lt;transition name="fade"&gt;  &lt;router-view &gt;&lt;/router-view&gt;&lt;/transition&gt;组件过渡过程中，会有四个CSS类名进行切换，这四个类名与tr

转载 Doctype作用？严格模式与混杂模式如何区分？它们有何差异？

Doctype作用？严格模式与混杂模式如何区分？它们有何差异？一、Doctype作用是什么？声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。二、严格模式与混杂模式如何区分？它们有何意义？严格模式：又称标准模式，是指浏览器按照 W3C 标

原创 原型链模式基础

1.  每一个函数的数据类型（普通函数，类） 都有一个天生自带的属性：prototype（原型），并且这个属性是一个对象数据类型的值2.  并且prototype上浏览器给它天生增加一个属性 constructor（构造函数），属性值是当前函数（类）本身3 每一个对象数据类型（普通对象，实例，prototype）也是天生自带一个属性：__proto__，属性值是当前实例所属类的原型（pro

原创 正则的作用简单了解

正则：它就是一个规则，用来处理字符串的一个规则（正则就是用来处理字符串的）1处理：匹配：判断一个字符串是否符合我们判定的规则 ---------  test ：reg.test（str） 例子  ：      var   reg  = /\d/;     //---- 包含一个0-9之间的数字     console.log(reg.test('猪'));   //--- 

转载 let和const

今天我想要谈论的是一个集谦逊与惊人的野心于一身的新特性。回溯到1995年，当Brendan Eich在设计第一版JavaScript时，他搞错了许多东西，当然这也包括曾属于语言本身的一部分，例如Date对象，对象相乘被自动转换为NaN等。然而现在回过头看，语言最重要的部分都是设计合理的：对象、原型、具有词法作用域的一等函数、默认情况下的可变性等。语言的骨架非常优秀，甚至超越了人们对它的初步印象

转载 jquery ajax 登录

$('img').click(function(){          $('img').attr('src','php/getVerify.php?'+Math.random());//刷新验证码      })      $('#login').click(function(){          var username=$('#user-name').val();   

原创 js中内置函数有那些

objectArraybolleannumberstringfunctiondateregexperror

原创 js中使用typeof能得到那些类型

typeof     undefined    // undefined typeof   "abc"   //stringtypeof   123  // numbertypeof   true  //boolen值类型typeof   {}  //  objecttypeof  []   //   objecttypeof  null    //object

转载 SessionStorage LocalStorage cookie三者区别

sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。sessionStorage、localStorage、cookie都是在浏览器端存储的数据，其中sessionStorage的概念很特别，引入了一个“浏览器窗口”的概念。sessio

转载 JS中常遇到的浏览器兼容问题和解决方法

常遇到的关于浏览器的宽高问题：//以下均可console.log()实验 var winW=document.body.clientWidth||document.docuemntElement.clientWidth;//网页可见区域宽 var winH=document.body.clientHeight||document.docuemntElement.clie

转载 rem和em的区别

一、 rem的特点：1、rem的大小是根据html根目录下的字体大小进行计算的。2、当我们改变根目录下的字体大小的时候，下面字体都改变。3、rem不仅可以设置字体的大小，也可以设置元素宽、高等属性。二、em的特点：1、字体大小是根据父元素字体大小设置的。三、代码部分1、rem的代码。html>head lang="en"> m

转载 JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

1. JSON.parse(jsonString): 在一个字符串中解析出JSON对象123var str = '[{"href":"baidu.com","text":"test","orgId":123,"dataType":"curry","activeClass":"haha"}]'; JSON.p

原创 layer 简单弹框的例子

$('.btn_end').on('click', function(){ layer.open({ type: 1, shadeClose: false, //点击遮罩关闭 btn: ['确定','取消'], yes: function (index) { stop

原创 jquery得到url参数

function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 var r = window.location.search.substr(1).match(reg); //匹配目标参数 if (r != null) retu

转载 Ajax请求中的async:false/true的作用

官方的解释是：async Boolean Default: true By default, all requests are sent asynchronous (e.g. this is set to true by default). If you need synchronous requests, set this option to false. Note that s

转载 看完让你彻底搞懂Websocket原理

偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这么多了，最后再赞一个~一、websocket与httpWebSocket是HTML5出的东西（协议），也就是说HTTP协议没有变化，或者说没关系，但HTTP是不支持

转载 认识HTML5的WebSocket

在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API：它可用于客户端、服务器端。而且有一个优秀的第三方API，名为Socket.IO。一、什么

转载 jq 跳转页面

1.我们可以利用http的重定向来跳转window.location.replace("http://www.jb51.net");2.使用href来跳转window.location.href = "http://www.jb51.net";3.使用jQuery的属性替换方法3.1 $(location).attr('href','http://www.jb51.

转载 javascript 对象

对象(一)创建对象 属性的查询和设置对象属性操作：删除、检测、枚举

转载 flatpickr功能强大的日期时间选择器插件

flatpickr

转载 git30分钟从入门到放弃

Git篇安装之后第一步安装 Git 之后，你要做的第一件事情就是去配置你的名字和邮箱，因为每一次提交都需要这些信息：git config --global user.name "bukas"git config --global user.email "bukas@gmail.com"获取Git配置信息，执行以下命令：

转载 html中转义字符的含义 &gt; &It； 等

在html里写& g t ;页面输出 "> "  注 ：要加分号

转载 js基础

1.数字、字符串、布尔值☐ 2 函数、对象、数组☐ 3Null和 undefined☐ 4Date对象和Error对象☐ 5 类型转换☐ 6 全局对象