摘要: 前端一般为了防止用户误输入,或者为了使用户获取最快的反馈,常常在表单设置正则验证,下面就让我介绍几个常用的正则验证。大家也可以在demo里实际操作一下。 demo地址:点击查看 html: <div class="inp_box"><h3>请输入整数(1):</h3><input type="tex 阅读全文
posted @ 2020-01-04 23:54 帆酱 阅读(557) 评论(0) 推荐(0) 编辑
摘要: 给每个城市自定义坐标,根据每个城市的value值所在范围给每个坐标点设置不同的颜色,鼠标悬停显示tip,tip值为城市名称以及value。 效果图: demo:https://my.weblf.cn/xly/demo/echarts/map/map_china_city.html 代码: <!DOC 阅读全文
posted @ 2020-01-04 23:52 帆酱 阅读(2251) 评论(0) 推荐(0) 编辑
摘要: 如果想让一个元素一端固定,然后绕固定的点自动旋转比较容易,但是如果想要用手指控制旋转则就需要考虑偏转这角度的问题了。 线上demo:https://my.weblf.cn/xly/demo/time_pal_rote.html 话不多说,先上代码: <!DOCTYPE html> <html> <h 阅读全文
posted @ 2020-01-04 23:49 帆酱 阅读(581) 评论(0) 推荐(0) 编辑
摘要: var option = { //标题栏 title: { text: '客户总体分析', bottom: '0', left: '35%' }, //选中时弹出的悬浮框 tooltip: { trigger: 'axis', //'item',数据项图形触发,主要在散点图,饼图等无类目轴的图表中使 阅读全文
posted @ 2020-01-04 23:47 帆酱 阅读(1717) 评论(0) 推荐(0) 编辑
摘要: 判断手机类型 var u = navigator.userAgent; let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 let isiOS = !!u.match(/\(i[^;]+;( 阅读全文
posted @ 2020-01-04 23:44 帆酱 阅读(244) 评论(0) 推荐(0) 编辑
摘要: function IsInArray(arr,val){ var testStr=','+arr.join(",")+","; return testStr.indexOf(","+val+",")!=-1; } 阅读全文
posted @ 2020-01-04 23:35 帆酱 阅读(1621) 评论(0) 推荐(0) 编辑
摘要: 一共三组数据 var map4_data1=[320, 332, 301, 334, 390,360,320, 332, 301, 334, 390,360]; var map4_data2=[220, 182, 191, 234, 290,320,220, 182, 191, 234, 290,3 阅读全文
posted @ 2020-01-04 23:34 帆酱 阅读(10784) 评论(0) 推荐(1) 编辑
摘要: 在一个单页面应用里使用二级套嵌路由 目录结构如下: 其中main.js为全局配置文件,App.vue为项目入口。 main.js中路由配置如下 import Vue from 'vue'//引入vue import App from './App'//引入主模板 import Router from 阅读全文
posted @ 2020-01-04 23:32 帆酱 阅读(844) 评论(0) 推荐(0) 编辑
摘要: 一般情况下我们在html中使用锚点时会利用链接方式请求‘#+id名称’,此时会在url后面跟一个#号。但是在单页面中会有路由误判的情况。所以在单页面中锚点可改为参数传递的方式。 一、封装一个外部js:anchor.js //锚点跳转 function goAnchor(selector) { var 阅读全文
posted @ 2020-01-04 23:17 帆酱 阅读(3906) 评论(2) 推荐(0) 编辑
摘要: store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash。store.js 会根据浏览器自动选择使用 localStorage、globalStorage 或者 userData 来实现本地存储功能。 本章介绍在vue中使用store.j 阅读全文
posted @ 2020-01-04 23:15 帆酱 阅读(6340) 评论(0) 推荐(0) 编辑
摘要: 什么是YUIDoc? YUIDoc会根据你写的代码注释生成API文档。 YUIDoc是个NodeJS应用,能将你的JS代码中的注释生成HTML格式的API文档。事实上,不仅是JS,任何支持块注释的语言都能使用。 安装 要安装YUIDoc,首先要安装好NodeJS,然后使用 npm -g instal 阅读全文
posted @ 2020-01-04 23:10 帆酱 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 通常我们使用裁剪工具裁剪图片后输出的格式为base64格式,而有时需要将图片转为源文件。 可用如下方法 function dataURLtoFile(dataurl, filename) {//将base64转换为文件,dataurl为base64字符串,filename为文件名(必须带后缀名,如. 阅读全文
posted @ 2020-01-04 22:59 帆酱 阅读(5872) 评论(0) 推荐(0) 编辑
摘要: 一、在百度统计网站中添加自己的网站 1、官网地址:https://tongji.baidu.com/web/welcome/login。 2、在’管理‘一栏中选择‘网站列表’,然后选择新增网站,添加成功后点击代码获取,可以获取统计代码。 二、 在maim.js下百度统计代码添加 var _hmt = 阅读全文
posted @ 2020-01-04 22:57 帆酱 阅读(1472) 评论(0) 推荐(0) 编辑
摘要: Vue Multiple Pages 基于vue-cli3.0 + webpack@4.28.4的多页脚手架 项目地址:点击此处 线上demo:点击此链接 编译速度与热跟新速度要优于webpack2.0、3.0,但相应的消耗内存变大,在node中出现内存溢出现象,如页面过多,使用 npm run f 阅读全文
posted @ 2020-01-04 09:50 帆酱 阅读(1589) 评论(4) 推荐(0) 编辑