- 博客(18)
- 收藏
- 关注
RSS订阅原创 gulp 安装 配置 使用
gulp 一个前端自动化构建工具安装gulp首先 检查 node、npm 和 npx 是否正确安装node --version npm --version npx --version安装 gulp 命令行工具npm install --global gulp-cli （ 全局安装gulp）2.准备一个项目（以下所有操作都在该项目的根目录中进行）dist (放置优化后的代码，便于上线)src (放置源代码，后期维护只在src中)1> 对项目
2020-12-28 13:35:35
249
2
原创 vue elementUI时间组件 设置结束时间大于开始时间
html:可以使用数据 :picker-options实现 <el-col :span="24"> <el-form-item label="开始时间" prop="starttime"> <el-date-picker v-model="planForm.starttime" type="datetime" placeholder="选择日期时间" style="width:90%" :picker
2020-07-09 10:47:59
1210
4
转载 js 时间戳判断 结束时间不能小于开始时间
存①获取到开始时间和结束时间字符串，例如：开始时间 var startTime =2020-05-14 17:20:02，abortTime = 2020-05-14 17:22:02；②转为时间戳，去掉时间字符串的分隔符：var nowDate = new Date();var startDate = new Date(startTime.replace(/-/g,"/"));var endDate = new Date(fabortTime.replace(/-/g,"/"));③比较
2020-05-14 17:25:57
971
原创 app rem布局
rem.js//定义设计稿尺寸const designWidth = 750;//定义根节点字体大小const fontSize = 100;function resizeFont(){//获取当前html的大小var W = document.documentElement.clientWidth;// console.log(W);//设置比例var ratio = W /...
2019-11-01 17:54:40
176
原创 vue+elementUI实现后台管理系统登录拦截
vue+elementUI实现后台管理系统登录拦截 （简单思路，可根据实际项目再做修改）html部分：<template> <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" style=" width...
2019-09-23 17:29:34
1223
1
原创 后台管理系统简单布局
写后台管理系统左侧栏不动，右侧随意放大缩小效果图：html部分：<div class="box"> <div class="top"></div> <div class="min"> <div class="min_left"></div> ...
2019-09-23 16:05:12
406
原创 js实现放大镜
js实现放大镜效果图：js部分：<script> _leftBox.onmouseover = function() { mark.style.display = "block"; _rightBox.style.display = "block"; } _leftBox.onmouseout = function() {...
2019-09-23 15:51:07
112
原创 js常用正则表达式及用法
js常用正则表达式及用法验证邮箱： /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/验证手机号码： /^1[34578][0-9]{9}$/验证身份证： /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/验证真实姓名： /^[\u4e00-\u9fa5]{2,4}$/用户名正则，4到16位（字母，...
2019-09-23 15:39:36
824
原创 微信小程序页面之间传值getcurrentPages
微信小程序页面之间传值getCurrentPages发布消息在当前页面或者从其他页面获取data值，里面有用到页面栈。var pages = getCurrentPages， //获取页面栈currpage = pages[pages.length - 1], //当前页面prevPage = pages[pages.length - 2]; //上一个页面（父页面）prevPage.s...
2019-08-24 11:13:50
809
2
原创 vue中组件或者.vue重用beforeRouteUpdate跳远页面并给样式
vue中组件或者.vue重用beforeRouteUpdate组建重用、路由跳转beforeRouteUpdate (to, from, next) {// 在当前路由改变，但是该组件被复用时调用// 举例来说，对于一个带有动态参数的路径点击home子页面的个人信息、收货地址、密码管理跳对应下面页面/user/person?id=5，在 /user 和 /user/person...
2019-08-23 22:16:07
426
原创 微信小程序点击变色并且视图切换显示 /隐藏详情（通过点击事件来实现界面切换）
微信小程序点击变色并且视图切换显示 /隐藏详情（通过点击事件来实现界面切换）先看效果：点击热门是当前页，点击关注是关注页面html部分： <view class="hot {{TopIndex == 0 ? 'active':''}}" data-index="0" bindtap="click">热门</view>//3元表达式判断点击的下表是不是当前下表如果是就...
2019-08-15 21:15:24
1721
原创 JavaScript面向对象 总结相关知识点
JS面向对象总结相关知识点面向对象相关概念js是一种基于对象的语言，和其他面向对象语言不同对象 引用类型是一种数据结构，将数据结构和功能组织在一起，常被称为类 某个特定引用类型的实例 引用类型&对象重点： this 指： 1、在普通函数下 this指向的是 window 2、有事件源指向事件源本身 3、在定时器下 除...
2019-06-06 17:57:33
205
原创 html5 canvas画布实现钟表
html5 canvas画布实现钟表实现思路：先创建画布，在画布中创建一个圆，然后创建出 时钟刻度和分钟刻度，以及时间，时针、分针、秒针所在的位置，用时间函数封装。第一步：创建画布并创建圆<body> <canvas id="myCanvas" width="400" height="400"></canvas></body>&...
2019-05-08 19:37:33
666
原创 原生JS 轮播图的实现
JS轮播图的实现轮播图实现：1.轮播图自动轮播2.需要点击左右切换3.需要手动轮播4.鼠标移入移除事件首先1.轮播图自动轮播在设定好的时间内自动并且来回轮播var num = 0; //轮播数 var bannerImg = document.getElementsByClassName("bannerImg")[0].getElementsByTagName("a");...
2019-04-18 08:48:08
207
1
原创 JS 时间函数实现9宫格抽奖
JS 时间函数实现9宫格抽奖思路：九宫格抽奖抽象出来，其实就是点击开始按钮以后，从首个单元开始，不停的绕着8个格子转动，最后停留在目标位置。以下是html部分：<div class="bigBox"> <div class="box"></div> <div class="box"></div> ...
2019-04-16 19:42:33
720
原创 web 前端初学者 如何封装Cookie
如何封装Cookie封装3个函数1.创建Cookie ---------setCookie() function setCookie(name,value,iday){ //分别代表cookie名称、cookie值、存储时间 //先将cookie的格式拼出来 document.cookie="name==value;expires=date"; //然后name的值就换为自己定义...
2019-04-15 20:17:29
151
原创 初学者Javascript 实现全选和反选
Javascript中 实现全选和反选以下是html部分： <input type="checkbox" id="all">全选 <input type="checkbox" id="fanxuan">反选 <div class="box"> <input type="checkbox" name="btn">星期...
2019-04-15 19:21:56
169
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人