- 博客(42)
- 资源 (2)
- 收藏
- 关注
原创 git 日积月累
合并分支 比如:当前分支dev 合并到master分支。将本地新建的分支(比如:dev) 推到远端origin。下载代码,创建新分支并检出。*注:*它是下边两行的简写。
2023-04-13 10:54:50 94
原创 解决uchartsY轴数据重复的问题
二话不说,简单粗暴上图:![在这里插入图片描述](https://img-blog.csdnimg.cn/1a1f2d4e49f64081bf35eaf9ecf7412d.png#pic_cente解决方法**1. "splitNumber": 0, //默认给个初始值**//例如:lineOptions: { //折线图配置 “yAxis”: {“splitNumber”: 0,},}, **2.拿到数据之后**this.lineOptions.yAxis.split
2022-05-05 15:36:53 1328
原创 正则校验总结
端口校验validatePort (rule, value, callback){ let reg = /^(([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5]))$/; if (value == '') { return callback(new Error('请输入端口号')) } else if (reg.test(value) == false) { callback(new .
2021-11-24 11:28:36 153
原创 vue tab选项卡自动切换
tab 增加了计时器,可自动切换。export default { name: "", components: { }, data() { return { activeIndex: 0, timer: null // 定时器 } }, mounted() { this.timer = setInterval(() => { this.activeIndex+= 1; if(this.
2021-01-27 15:46:49 1808 4
原创 npm/cnpm 安装遇到问题总结
cnpm : 无法加载文件C:\Users\HUAWEI\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本。解决方法管理员身份运行power shell//输入set-ExecutionPolicy RemoteSigned//回车后在输入A,回车A如图完美姐姐!!!!...
2020-12-14 15:17:57 417
原创 NavMenu 导航菜单导航样式修改
样式修改,希望可以帮到大家。.el-menu-demo { background: none;}.el-menu--horizontal > .el-submenu .el-submenu__title,.el-menu--horizontal > .el-submenu.is-active .el-submenu__title,.el-submenu__title i { color: #fff;}.el-menu--horizontal > .el-submenu.i
2020-09-03 16:26:54 4515
原创 Page + Hexo 搭建个人博客
Page + Hexo 搭建个人博客(Mac 系统)ssh查看本地是否存在sshls -al ~/.ssh如果输出以下内容,说明没有生成本地的ssh key 文件No such file or directory//生成ssh key, your_email:这里填写你在GitLab或者GitHub注册时的邮箱。ssh-keygen -t rsa -C"you_email"...
2019-12-27 18:51:40 153
原创 ant design Upload组件 踩的坑
Upload上传文件选择上传和拖拽上传控件。#何时使用#上传是将信息(网页、文字、图片、视频等)通过网页或者上传工具发布到远程服务器上的过程。当需要上传一个或一些文件时。当需要展现上传的进度时。当需要使用拖拽交互时。
2019-11-12 14:41:56 2594
原创 react-组件&props
1.React 不强制要求使用 JSX,但是大多数人发现,在 JavaScript 代码中将 JSX 和 UI 放在一起时,会在视觉上有辅助作用。它还可以使 React 显示更多有用的错误和警告消息。2.建议将内容包裹在括号中,虽然这样做不是强制要求的,但是这可以避免遇到自动插入分号陷阱。const element = <p>{formatName(user)};组件:函数...
2019-07-30 15:52:41 155
原创 react—安装
在学习 React 或创建一个新的单页应用,请使用 Create React App。Create React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 np...
2019-07-29 15:04:29 141
原创 VUE—生命周期的应用场景和函数组件
生命周期分为三个阶段:创建阶段(只会执行一次)更新阶段(会执行多次)销毁阶段(只会执行一次)函数式组件在模版中需要临时变量是
2019-06-21 18:57:59 224
原创 VUE 学习笔记—合理利用计算属性和侦听器
Vue合理利用计算属性和侦听器减少模版中计算逻辑数据缓存依赖固定的数据类型(响应式数据)计算属性 computed VS watch:computed 能做的,watch都能做,反之则不行能用computed 的尽量用computed...
2019-06-21 16:58:43 118
原创 解决Echarts使用tab切换时只显示第一个tab中图表,其他tab中图表不显示或显示不全问题
近期项目中使用到了Echarts来在展示图表,两个tab切换页面中都存在图表,页面加载完成后都对所有图表进行了初始化和绘制,然而在tab切换中出现了如下动图中的问题: 说明:图中可以看到,第一个tab显示是很正常的,但是第二个tab中内容显示不完整。我的解决方法是:设置被选中监听函数,在第二个tab被选中时初始化图表: $(".js-flow-unit").on("click",...
2018-08-27 11:43:25 9374 9
原创 echarts折线图美化-曲线区域颜色渐变
最近做的可视化图表有这样的需求:曲线区域颜色渐变,option = { tooltip : { trigger: 'axis', axisPointer: { type: 'cross', label: { backgroundColor: '#6a7985' ...
2018-08-10 14:43:47 42822 3
原创 ECharts--给图表添加阴影
近期要做图表,我选择了 ECharts 做可视化图表,图表的样式有阴影。html//引入所需要的js<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script><script type="text/...
2018-08-09 15:24:36 24268 2
原创 微信分享功能
最近在做手机端页面,需要一个分享功能,其实自身分享是可以的,但是为了分享出的内容丰富,比如缩略图了,描述了等等,如下图所示: 步骤一:绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 备注:登录后可在“开发者中心”查看对应的接口权限。步骤二:引入JS文件 在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.w...
2018-07-30 18:06:05 20816 3
原创 Swiper动态加载不显示没效果(对使用多个swiper下标有时显示不出来的问题)
Swiper动态加载不显示没效果 对使用多个swiper下标有时显示不出来的问题,如下图所示,解决方法只需要在Js中增加这两行代码即可;observer: true, //修改swiper自己或子元素时,自动初始化swiper observeParents: true, //修改swiper的父元素时,自动初始化swiper个人尝试了是可以的。...
2018-07-13 16:57:58 3206 2
原创 本地存储 - localStorage
window.dxconsoleMemory = (new (function(){ ////声明一个变量,用于确定使用哪个本地存储函数 var storage; if(window.localStorage){ //当localStorage存在,使用H5本地存储方式 storage = localStorage; }else{ ...
2018-06-25 16:37:15 172
原创 Cookie 读,写,删除操作
cookie的几种常见属性: document.cookie=”key=value;expires=失效时间;path=路径;domain=域名;secure;(secure表安全级别)/** * @name cookie * @date 2018-04-12 *///写入cookiesetCookie("name",admin,'m40');//读取c...
2018-06-25 16:29:53 166
原创 多个input 上传文件
需求 需要使用多个input来实现上传文件,并且可以删除html部分<!--上传附件--><div class="update-box"> <!--用于存放上传的图片队列--> <ul class="update-list clearfix" id="update-content">
2018-06-25 15:57:33 2404
原创 登录 (需求)- 未完
我有这样的一个需求: 有一个登录页面,如果我们把登录信息都填好了,但是没有点击登录,比如15分钟后再点击登录,所填写的信息失效,需要重新填写。解决方案: 1、打开页面的时候存一个cookie当前时间 2、提交的时候判断存的时间与当前时间的对比...
2018-06-25 15:38:58 272
原创 发送验证码
输入手机号,发送验证码 60s倒计时 //验证码 倒计时 var countdown=60; function settime(item) { if (countdown == 0) { item.removeAttr("disabled"); item.val("获取验证码"); ...
2018-04-20 17:17:34 243
原创 git 常用命令 一
本人可以说是最近才接触git命令的,之前一直是基于SourceTree这个工具,从远程仓库 获取,拉取,合并,推送等,最近帮妹妹弄一个项目,才开始接触命令,对于使用git命令我就是小白用户,所以总结一下。本地项目上传到远程仓库 首先,我们需要到gitHub上创建一个项目,如图,项目名称,描述填完,点击创建,创建完成。 接下来,会生成一个https或者ssh 的一个远程地址,这个地...
2018-03-06 15:12:04 116
原创 js 处理小数的运算
首先要说明的是,不能正确处理小数的运算并不是 JavaScript 语言本身的设计错误,其它高级编程语言,如C,Java等,也是不能正确处理小数运算的。//我们用计算器计算 21*0.9 = 18.9;//在控制台计算 21*0.9 = 18.900000000000002;/*我们都知道,用高级编程语言编写的程序需要经过解释、编译等操作转变成 CPU(Central ...
2018-02-08 15:08:47 561
原创 滑块
功能:1.滑块;2加,减操作之后详细说明下htmldiv class="from_group margin-top-20 js-create-disk-unfold clearfix"> label>容量label> div class="common_range js-rangeslider"> div class="range_box left">
2018-02-01 20:57:32 464
原创 购买成功5秒跳转页面
购买成功5秒跳转页面htmldiv class="storageVolumes clearfix control_main_disk_right" ng-controller="buySucceedCtrl"> div class="buySucceedBox"> img src="images/storage/v3-buySucceed-icon.p
2018-01-24 10:47:49 2485
原创 左侧导航效果
html<div id="leftNavContainer"> <!-- 头部 --> <header>xxx系统</header> <!-- 左侧列表 --> <div id="leftNavListMain" ng-controller="leftNavController"> <div class="nav
2017-08-04 16:44:28 1050 1
原创 js-闭包
要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。
2017-06-05 18:34:23 210
原创 angularJs select两级联动
下拉框的默认选项一般是可以通过使用ng-init指令或者在控制器中对select的model值进行赋值来达到这个目的的。 关于使用ng-repeat还是ng-options的选择,当我们的下拉列表循环的只是一些简单的字符串或者数字的时候,使用这两个指令都是可以的;但是当我们下拉列表循环的是一些比较复杂的数据并且还有一些附带的其它要求的时候,我们应该使用ng-options。 使用ng
2017-04-28 17:15:31 7054 6
原创 angularJs select第一行留白问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>select第一行留白</title><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <d
2017-04-21 10:46:37 1741 2
原创 移动端 - 适配
viewport 视口(可视区窗口) 默认不设置viewport一般可视区宽度在移动端是980 width 可视区的宽度 (number||device-width) user-scalable 是否允许用户缩放 (yes||no) iOS10无效 initial-scale 初始缩放比例 minimum-scale 最小缩放比例 maximum-sca
2017-04-11 10:24:34 274
原创 js 获取指定日期,剩余天数
1.获取天数 如昨天,今天,近1星期,近14天// 如昨天 GetDateStr(-1)function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd
2017-04-11 09:56:33 2065
原创 angular 随手记
AngularJs 学习笔记简单的数据绑定<!DOCTYPE html><html ng-app><head><meta charset="utf-8"><title>hello world</title><script src="js/angular.min.js"></script></head><body><!--数据绑定--> <input ng-model="nam
2017-02-13 14:11:13 192
原创 仿阿里云悬浮效果
写的不是很好,多多指教html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航</title> <link rel="stylesheet" href="css/nav.css"> <script src="js/jquery-3.1.0.min.js"></scrip
2016-12-08 18:00:46 1190
原创 使用WebUploader上传图片
html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>uploader</title> <script src="jquery-3.1.0.min.js"></script> <script src="plupload-2.1.9/plupload.full.min.js">
2016-11-28 15:46:15 948
原创 用Canvas模拟苹果画图工具
该画图工具主要有以下几个功能: - 文件菜单中主要有保存、清除、撤销三个功能 - 画图菜单中主要有线条、圆形、矩形三个功能 - 颜色菜单 - 边框菜单中主要有3个线条 - 类型菜单中主要有实心和空心 - 编辑件菜单中主要有擦除、选择2个功能先看下效果HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset=
2016-08-30 18:29:56 880
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人