- 博客(83)
- 收藏
- 关注
原创 element-ui自带的滚动条
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2020-03-31 12:02:54
1043
原创 element-UI验证码倒计时
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2020-03-20 12:18:25
2730
原创 Vue中的一些修饰符
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2020-01-14 16:46:58
666
原创 js数组两层遍历
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2020-01-10 15:43:55
4579
1
原创 element-ui默认选中并高亮某一个树节点
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-12-25 16:12:00
2565
原创 ElementUI的el-date-picker日期设置以前或以后不可选
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-12-03 15:52:44
1470
原创 网站后台管理系统
网站后台管理系统1、 全球最受欢迎的博客系统——wordpress,wp是全球最受欢迎的博客程序,拥有上亿用户,它的简单易用、安全、高效受人普遍关注,用它不仅可以做博客,做企业网站、资讯网站、下载网站、图片网站、视频网站都是可以的。2、最受欢迎的论坛系统——discuz,戴志康和他的DZ走过8年的历史,成为中国第一大论坛程序供应商,一流的安全性,一流的功能,强大的整合能力,无论是做网店、门...
2019-10-28 11:21:03
4012
原创 深拷贝方法
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-10-12 18:26:18
400
原创 巧用element-ui的inputNumber计数器的最小值和最大值属性
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-10-11 15:06:06
9813
1
原创 对两个数组中的对象进行比对
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-09-11 15:06:36
3036
原创 element-ui表单验证例子:validateField验证部分表单
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-08-05 14:47:35
33183
原创 elementUI的表单里套表格加验证的demo
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-07-26 11:33:55
1216
原创 es6的深拷贝和浅拷贝
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-07-25 11:13:37
335
原创 用toggleRowSelection方法对el-table表格列进行选中的例子
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-07-19 11:21:10
3026
原创 根据一个数组过滤另一个数组
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-07-05 17:27:47
5368
原创 另一个vue-scroll-to的例子
<template> <div class="m-3"> <ul class="menu"> <li v-for="(item, index) in videoList" :key="index" v-scroll-to="{ element: '#v' + index, offse...
2019-06-11 12:50:11
1372
转载 最全的常用正则表达式大全——包括校验数字、字符、一些特殊的需求等等
很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。一、校验数字的表达式1 数字:^[0-9]*$2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$4 m-n位的数字:^\d{m,n}$5 零和非零开头的数字...
2019-05-21 16:39:35
231
原创 清除表单验证的问题:需要加nextTick方法
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2019-04-23 19:48:38
1144
2
原创 elementUI表单验证的问题
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA...
2019-04-12 11:59:39
164
转载 chrome调用摄像头并拍照
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...
2019-03-28 09:16:16
2247
原创 一个vue-scrollto的基本demo
<template> <div id="app"> <ul class="menu"> <li v-scroll-to="'#a'">item 1</li> <li v-scroll-to="'#b'">item 2&
2019-02-14 10:45:25
5717
原创 一个better-scroll的基本demo
<template> <div id="app"> <ul class="menu"> <li @click="scrollTo(0, 0)">item 1</li> <li @click="scrollToEl('c-2')"&g
2019-02-13 10:18:52
2492
原创 16进制ic卡号转换(将12345678转换成78563412)
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-01-14 20:06:13
8404
1
原创 localStorage存储和获取
<!doctype html><html><head> <meta charset="utf-8"> <title>localStorage</title> <!-- 引入样式 --> <link rel="stylesheet" href=&q
2018-11-27 09:52:20
1838
转载 element ui实现起始时间不能大于结束时间
<template> <div class="app-container"> <el-date-picker v-model="filters.column.create_start_date" type="date" :picker-options="pickerBeginDateBefore" format="yyyy-MM-
2018-10-26 09:48:59
1333
转载 Vue实现简单的无缝滚动
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-10-25 14:32:04
4612
2
原创 git 常用命令
#初始化git init#查看账号git config user.name //查看用户名git config user.email //查看邮箱#配置账号git config user.name 'frank' //局部配置用户名git config user.email 'frank@website.com' //局部配置邮箱git config --global...
2018-08-13 16:37:56
136
原创 vue-cli脚手架安装
1.首先下载安装node.js下载地址:https://nodejs.org/en/2.运行cmd,查看版本号(出现版本号说明安装成功)输入:node -v 查看node版本号(需要在6.9以上)输入:npm -v 查看npm版本号(需要在3.10以上)3.命令行工具(在cmd里安装)# 全局安装 vue-cli$ npm install --global vue-cli(Ma...
2018-08-13 16:37:32
148
原创 vue实现键盘输入动画效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <di
2018-08-10 17:45:23
2623
2
原创 ES6语法find查找匹配数组
<!doctype html><html><head><meta charset="UTF-8"><title>find查找数组数据</title></head><body><script>let myId = 3; l
2018-03-22 14:56:06
11398
原创 grid-template-areas和grid-area
<!doctype html><html lang="zh-CN"><head><meta charset="UTF-8"><title>grid</title><style>/* grid-template-areas */.container1 { dis
2018-03-21 15:29:45
2052
原创 Vue全局组件及传值
<!doctype html><html><head><meta charset="utf-8"><title>全局组件及传值</title><script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"&
2018-03-21 10:45:40
2781
原创 vue过滤
<!doctype html><html><head><meta charset="utf-8"><title>过滤</title><script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js">&
2018-03-16 18:03:24
301
原创 用Vue实现好友分组效果
tab标签body { background-color: #999;}#box { max-width: 360px; min-height: 640px; background-image: linear-gradient(to right bottom, #432b8b, #89049e); background-size: cover; margin: 10px aut
2018-01-30 16:44:02
3722
1
原创 用Vue实现的tab标签
tab标签a { color: #555;}.tab { margin: 0; padding: 0;}.tab li { display: inline-block; padding: 5px 12px; color: #666; background-color: #eee; border: 1px solid #ddd; border-radius: 3px 3
2018-01-30 11:26:33
1347
原创 用Vue实现根据hash高亮选项卡
无标题文档a { color: #555;}.active { color: red;} {{tab.title}} var vm=new Vue({ el:'#box', data:{ tabs: [ { title: '所有任务', href: '#all' }, { title: '未完成任务
2018-01-25 12:28:57
511
原创 Vue.js脚手架安装
1.首先下载安装node.js下载地址:https://nodejs.org/en/2.运行cmd,查看版本号(出现版本号说明安装成功)输入:node -v 查看node版本号(需要在6.9以上)输入:npm -v 查看npm版本号(需要在3.10以上)3.命令行工具(在cmd里安装)# 全局安装 vue-cli$ npm install --global vu
2018-01-23 13:35:49
7312
原创 CSS魔方
魔方.cube { position: relative; margin: 100px auto; width: 120px; height: 120px; perspective: 2000px; /*场景深度*/ transform: rotateX(75deg) rotateZ(45deg); /*旋转*/ transform-style: preserve-3d; /*
2018-01-11 17:19:13
313
原创 定时器
计时器#clock { width: 200px; height: 50px; margin-bottom: 20px; color: #0ff; font-size: 20px; line-height: 50px; text-align: center; background-color: #333; border-radius: 25px;}.stop { col
2018-01-10 13:42:33
176
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人