- 博客(17)
- 资源 (1)
- 收藏
- 关注
原创 js+moment.js 计算当前日期所在周和当年已过的周
直接上代码import moment from 'moment'class getWeekOfYear { constructor() { var today = new Date(); var firstDayOfYear = new Date(today.getFullYear(),0, 1); var dayOfWeek = firstDayOfYear.getDay(); var spendDay= 1; if (dayOfWeek !=0) {
2021-05-24 14:07:33 532 1
原创 Element UI Tree 二次封装(附加增删改查)
Element Tree 二次封装(附加增删改查)父组件EasyTree.vue<template> <div> <el-tree :ref="selector" :load="loadNode" :data="datas" :default-expand-all="isExpand" :node-key="nodeKey" highlight-current :props="d
2021-05-18 12:38:13 777
原创 纯原生JS实现一个发送短信验证码倒计时功能
话不多说,上代码啦<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> </style></head><body><div id="checkCodeBtn" style="width: 150px;height:
2020-09-28 15:08:56 306
原创 typescipt interface练习
interface InterfaceTest { readonly url : string; methods : string; callback() : void; params ?: any; headers ?: object}let iter1 : InterfaceTest ={ url : '666.cn', methods : ...
2019-11-13 14:17:18 132
原创 小程序开发,ajax封装
小程序开发,ajax封装utils.js:本人是promise函数的死忠粉…const $ajax = function(url,data,method,loading = true){ let baseUrl_DEV = "xxx"; let headers_POST = { "accessToken": "Bearer " + wx.getStorageSync('tok...
2019-11-11 15:35:59 252
原创 二次封装bootstrap模态框(模态表单窗口&模态文本窗口)
方便今后使用,统一封装了一下这个Modal,既然使用了Bootstrap这个UI库,那么就用jQuery喽!1.代码<!DOCTYPE html><html><head> <meta charset="gb2312"> <title>用户列表</title> <link href="htt...
2019-09-18 15:49:47 314
原创 vue自己封装的文本根据字数来展开(全部显示)收起(保留一定字数以内)的插件
子组件:Html<template> <div> <div class="demo_text"> {{textLength}} </div> <div v-show="this.data.length>this.length"> <div class="show" v-s...
2019-07-27 16:16:43 981 1
原创 基于vue组件封装的better-scroll(绝对能用)
使用Better-Scroll 来实现一些数据网格的翻页,例如上拉刷新,下拉加载更多使用:npm install better-scroll --save*说明:此插件没有封装数据网格,因为数据表结构会根据项目需求随时变化,所以只基于此插件基本结构进行封装子组件:<template> <div> <div class="wrapper" re...
2019-07-25 11:58:03 539 1
原创 原生JS实现trigger效果
*有一个select插件,每次点击启用之后显示出来,由于采用路由,每次路由跳转的时候,实例的selectUI并没有销毁。这里我投机取巧,通过vue的生命周期钩子函数,在页面destroy的同时触发此ui销毁的事件,解决了此BUG destroyed () { // 获取需要被触发的dom var slectDOM = document.querySelect...
2019-07-19 10:03:37 550
原创 vue-cli下封装axios
由于性能问题,今后开发采用webpack打包,故ajax采用axios请求方式axios安装:npm install axios --save以下是封装文件位置以下是common.jsimport axios from 'axios'var instance = axios;//默认post请求为json格式instance.defaults.headers.post["Conte...
2019-07-08 17:45:01 478
原创 封装ajax方法
由于要求代码的复用性,采取封装**1.可执行函数 $.extend((function () { //根据实际情况获取 var accessToken = localStorage.getItem("token"); var headers = {}; headers.tok...
2019-07-03 13:10:48 264
原创 正则表达式截取useragent中版本号
正则表达式快速入门地址以下是一个useragent://navigator BOM对象的useragent属性var agent = navigator.userAgent;–》Mozilla/5.0 (iPad; CPU OS 11_0 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) Version/11.0 Mobile/...
2019-07-01 15:18:21 3230
原创 Better-Scroll使用(jqueryAjax+VUE+封装的日期选择插件)练习
Better-Scroll下载npm下载 better-scroll插件npm install better-scroll --save—Vue-cli中直接 import BScroll from ‘better-scroll’–我这里由于是混合app开发(webView),所以直接在单页面通过引入script(es5)来使用HTML5<div id="app"> ...
2019-06-26 14:41:39 669
原创 (牢记)JavaScript数组的操作方法整合(一)
1.创建数组的几种方法 var empty = []; //空数组 var nums = [1,2,3,4,5] //相同类型的数组 var differents = [1,'love',2] // 不同类型的数组 var nulls = [,,] //两个undefined// 使用构造函数创建的数组 var arr = new Array(1,2,3...
2019-06-26 14:15:26 107
原创 Bootstrap日期选择插件datetimepicker开始时间不能大于结束时间/结束时间不能小于开始时间
1.利用JS实现获取上个月的今天 function getLastMonth(){ var now=new Date(); var year = now.getFullYear();//getYear()+1900=getFullYear() var month = now.getMonth() +1;//0-11表示1...
2019-05-07 15:36:30 2509
原创 Vue配合jQuery+Ajax使用
如果单纯的通过jQuery拼接ajax响应的数据操作DOM的话,会感觉特别复杂,jQuery的template模板就很大程度上相似于VUE.js的逻辑,以下代码仅供参考:var vm = new Vue({ el : '#controller', data : { res :{} }, ...
2019-04-03 15:53:42 4004
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人