学无止境---活到老，学到老-优快云博客

原创 vue 阿里云视频上传

<template> <div class="container"> <div class="upload"> <div style="text-align: left;margin-top: 20px;"> <p style="margin-bottom: 10px;">视频</p>...

2019-09-21 16:20:10 1717

原创 vue 七牛云视频表单上传（js）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="Content-Secu...

2019-09-21 16:07:34 622

原创用JS实现表格滚动

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">

2019-02-18 18:52:46 6943

原创 javascript输入内容生成表格

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style type="text/css">table { w

2019-01-21 11:34:47 2621 1

原创 Fullcalendar全日历 vue2.0的使用方法

1.安装插件 "@fullcalendar/core": "^5.9.0", "@fullcalendar/daygrid": "^5.9.0", "@fullcalendar/interaction": "^5.9.0", "@fullcalendar/timegrid": "^5.9.0", "@fullcalendar/vue": "^5.9.0",2.在页面内引入插件<template> <div> <Ful

2021-12-24 11:01:36 741

原创对接钉钉免密登录

钉钉对接步骤1.第一步首先项目安装钉钉APIcnpm install dingtalk-jsapi --save2.在项目中所需要的文件中引入钉钉import * as dd from 'dingtalk-jsapi';3.进入页面先检查当前环境是否在钉钉内if (dd.env.platform != "notInDingTalk") { //执行你的代码}通过dd.env.platform检查当前是否在钉钉环境下;检查当前登录状态是否已经登录，若已登录直接跳转到应用内;未登录就调

2021-12-24 10:56:08 2082

原创邮箱、手机号码、电话号码、URL地址、正则验证

/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile (s) { return /^1[0-9]{10}$/.test(s)}/** * 电话号码

2021-04-08 09:16:48 198

原创打开新页面

打开新页面function (url) { var a = document.createElement('a') a.setAttribute('href', url) a.setAttribute('target', '_blank') a.setAttribute('id', 'link-temp') document.body.appendChild(a) a.click() document.body.removeChild(document.getElementBy

2021-04-08 09:14:14 891

原创 js获取本周周一的日期

function getMonsDay() { var nowTemp = new Date(); //当前时间 var oneDayLong = 24 * 60 * 60 * 1000; //一天的毫秒数 var c_time = nowTemp.getTime(); //当前时间的毫秒时间 var c_day = nowTemp.getDay() || 7; //当前时间的星期几 ...

2020-09-04 21:19:05 718

原创 js实现获得一周的日期

function getDate(val) { // console.log(val); var month = new Date(val).getMonth() + 1; var years = new Date(val).getFullYear(); var days = new Date(years, month, 0); var s = days.getDate()...

2020-09-04 21:16:09 400

原创 js实现全屏模式

function fullscreen() {//js实现全屏模式 if (document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement) { if (document.exitFullscreen) {

2020-09-03 22:35:37 206

原创邮箱、手机号码、电话号码、 URL地址正则验证

/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile (s) { return /^1[0-9]{10}$/.test(s)}/** * 电话号码

2020-08-13 18:46:47 322

原创 axios简单封装

axios简单封装import axios from "axios"export default function ajax(url,data={},type="GET"){ return new Promise((resolve,reject)=>{ let promise if(type === "GET"){ pro...

2020-03-21 10:29:48 134

原创前端方面的链接

1 、微信小程序文档链接https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html2、vue官网链接https://cn.vuejs.org/3、react官网链接https://reactjs.bootcss.com/4、bootstrap官网链接https://www.bootcs...

2020-03-17 14:13:54 398

原创简单封装axios

import axios from "axios" export default function ajax(url='',data={},type='GET'){ if(type === "GET"){ //准备url query参数数据 let dataStr = "",//数据拼接字符串 Object.keys(data...

2020-02-25 10:40:14 122

原创 js上拉加载更多数据

这里写自定义目录标题上拉加载更多数据上拉加载更多数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....

2019-09-16 16:30:35 318

原创 JS-本地存储与删除

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{

2019-02-27 21:22:05 3668

原创 javascript-RegExp(正则表达式)

常用的正则字符1.\ : 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，‘n’ 匹配字符 “n”。‘n’ 匹配一个换行符。序列 ‘’ 匹配 “” 而 “(” 则匹配 “(”。2.^：匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multiline 属性，^ 也匹配 ‘n’ 或 ‘r’ 之后的位置。3.：匹配输入字符串的结束位置。如果...

2019-02-21 19:34:02 130

原创 javascript-Array（数组）

创建数组在JavaScript多种方式创建数组构造函数 1.无参构造函数，创建一空数组 var a1=new Array(); 2.一个数字参数构造函数，指定数组长度（由于数组长度可以动态调整，作用并不大），创建指定长度的数组 var a2=new Array(5); 3.带有初始化数据的构造函数，创建数组并初始化参数数据 var a3=new Array(4,'...

2019-02-21 19:14:41 417

原创 JS-通过透明度实现轮播

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自动轮播</title> <style type="text/css"> #box{widt

2019-02-20 19:32:52 280

原创 JS-通过位移实现轮播

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&a

2019-02-20 19:27:08 410

原创用js实现简单的切换图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> d

2019-01-29 11:36:40 450

原创 js-DOM事件

事件1、以on前缀开始。例：on事件名（如：onclick）。2、事件不会自己执行，需要触发（事件需要触发之后才能执行）3、事件的三要素：（1）、事件对象（2）、事件名称（3）、事件处理函数4、常见事件写法：（1）、嵌入式（传统事件写法）嵌入式的优点：简单易懂；缺点：将javascript代码与html代码混为一起，不利于多人开发。（2）、脚本模型（现代事件绑定）优点：利于多人开...

2019-01-29 11:27:19 105

原创 DOM节点

一.1.1 节点关系文档中所有节点相互之间都有关系，包括父子关系，同胞关系。每个节点都有childNodes属性，保存着一个NodeList对象，NodeList是一种类数组的对象，可以使用childeNode[0]，childNode.item(1)来访问，同时拥有length属性，但并不是Array实例。parentNode：指向文档树种的父节点nextSibling：紧挨着当前节点的...

2019-01-24 19:17:30 124

原创用javascript实现选项卡

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&amp

2019-01-24 16:53:20 304

原创变量的作用域和DOM对象

变量的作用域变量的作用域，就是变量的作用范围。1、变量提升：代码未执行前，所有变量的定义优先加载。根据作用域不同，将变量分为以下两类：（1）全局变量：在函数外部定义的变量、变量定义时未使用var关键字、window对象的属性等都是全局变量。（2）局部变量：在函数内部定义的变量（包含参数）。总结：全局变量生命周期较长，占用内存时间长，不利于回收。局部变量生命周期较短，当函数调用完毕时，等...

2019-01-18 20:24:57 161

原创 javascript中 String对象

一、String对象1、每一个字符串均为String对象的一个实例。2、string对象的属性和方法：（1）string类型的每一个实例都有一个length属性。（2）索引：从0开始，取出字符串中的字符，str[索引]。例： //字符串var str=‘hbvhjsxzhjfjdf’；//通过索引找到字符var st= str[0];//在控制台输出console.log(s...

2019-01-17 09:58:11 205

原创 JS函数

函数一、通过函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。函数使用 function 关键字来声明，后跟一组参数以及函数体。函数可以分为：（1）、有参函数（2）、无参函数（3）、带有返回值的函数（4）、匿名函数1、函数的基本语法如下所示：function 函数名(参数) {函数体；}2、函数不会自动执行，需要被调用才可以执行。3、函数名的命名规则与变量一致...

2019-01-14 17:09:25 103

原创用Javascript实现倒计时（详解）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body>

2019-01-11 20:13:20 883

原创 Date 对象方法与循环结构

1.Date 对象方法（常用）Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 getFu...

2019-01-10 20:56:29 2583

原创 JS基础

1.字符串的拼接（1）将两个字符串相加，称为字符串拼接。（2）数字型字符串与数值按照数值进行运算。（3）布尔类型在参与数学运算时、true为1、false为0。注意：“+”运算符两边的值只要有一个为字符串类型，就会执行拼接输出，结果为字符串类型。2.数据类型的转换（1）number转化成string拼接 ’ ’ (引号)、toString();(2)string转化成numbe...

2019-01-09 20:24:55 88

原创用JS实现九九乘法表

九九乘法表for (var i = 1; i &lt; 10; i++) {for (var j = 1; j &lt;= i; j++) {document.write(i + ‘x’ + j + ‘=’ + (i * j) );}document.write(’’);}

2019-01-09 19:47:33 929

原创 javascript基础

javascript基础1. javascript的数据类型分为：原始类型（基础类型）、引用类型。（1）.原始类型：number、string、boolean、null、undefined. (2).引用类型：object{Array（数组）、Date(日期)、Function(函数)、RegExp(正则表达式)}2.变量（1）.变量名必须以字母、下划...

2019-01-07 19:58:15 337

weixin_44382124的博客