- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Echarts案例网站合集
Echarts提供了多种图表类型，包括折线图、柱状图、饼图、雷达图、散点图等，可以满足各种数据展示需求。它的特点之一是支持大规模数据的展示和交互，可以处理包含几万甚至几十万数据点的图表。此外，Echarts还提供了丰富的交互功能，例如数据筛选、图例切换、数据缩放等，使用户能够自由地浏览和探索数据。Echarts是一个基于JavaScript的开源图表库，用于创建各种交互式的数据可视化图表。它由百度开发并维护，提供了丰富的图表类型和灵活的配置选项，使开发者能够轻松地将数据转化为可视化图形。
2024-05-21 09:35:45
205
原创 VUE常用UI组件插件及框架
UI组件及框架element- 饿了么出品的Vue2的web UI工具套件 mint-ui- Vue 2的移动UI元素 iview- 基于 Vuejs 的开源 UI 组件库 Keen-UI- 轻量级的基本UI组件合集 vue-material- 通过Vue Material和Vue 2建立精美的app应用 muse-ui- 三端样式一致的响应式 UI 库 vuetify- 为移动而生的Vue JS 2组件框架 vonic- 快速构建移动端单页应用 vue-blu- 帮助
2024-04-27 11:01:56
757
1
原创 解决vue项目切换页面滚动条保持在切换之前位置，并且body的scrollTop=0
解决vue项目切换页面滚动条保持在切换之前位置，并且body的scrollTop=0
2022-07-19 16:22:02
466
原创 正则表达式
验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][0-9]*$验证非零的负整数：^\-[1-9][0-9]*$验证非负整数（正整数 + 0） ^\d+$验证非正整
2021-08-26 18:45:47
119
原创 axios二次封装具有请求/响应拦截的http请求
import axios from 'axios'import qs from 'qs'// 请求拦截axios.interceptors.request.use(config => { // 此处可以封装一些加载状态 return config}, error => { return Promise.reject(error)})// 响应拦截axios.interceptors.response.use(response => { return re.
2021-01-06 14:31:01
65
原创 防抖和节流
防抖（debounce）function debounce(fn,delay){ let timer = null return function() { if(timer){ clearTimeout(timer) } timer = setTimeout(fn,delay) // 简化写法 }}// 然后是旧代码function showTop () { var scrollTo
2021-01-05 11:05:43
35
原创 js各种特殊字符的正则表达式
1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数：^[0-9]+.
2020-12-30 16:55:08
1692
原创 经纬度正则表达式
经度（-180.0～+180.0（整数部分为0～180，必须输入1到5位小数））/^[\-\+]?(0(\.\d{1,10})?|([1-9](\d)?)(\.\d{1,10})?|1[0-7]\d{1}(\.\d{1,10})?|180\.0{1,10})$/纬度 （-90.0～+90.0（整数部分为0～90，必须输入1到5位小数））/^[\-\+]?((0|([1-8]\d?))(\.\d{1,10})?|90(\.0{1,10})?)$/...
2020-12-11 16:26:30
3528
2
原创 ngrx/store effects 列表展示
开发流程：开始-> 编写数据模型 ->编写action ->编写redurces并配置到相应module ->编写services ->编写effects并配置到相应module ->创建组件 ->组件绑定数据模型 ->渲染第一步：编写数据模型（app/models/user.ts）export class User { id: number; name: string;}第二步：编写action（app/ac...
2020-12-03 11:52:27
134
原创 ngrx/store effects 计数器
本教程案例github：https://github.com/axel10/ngrx_demo-counter-and-listangular2+的学习成本应该是三大框架中最高的一个，教程及案例稀缺，流程较为复杂，这里我用计数器和在线获取用户数据并渲染成列表这两个案例来帮大家快速入手angular2+。在开始之前，希望你能先掌握rxjs以及typescript，否则对其中的一些写法可能会觉得难以理解。rxjs英文向导：http://reactivex.io/rxjs/manual/...
2020-12-03 11:06:29
353
原创 js将一个数组彻底打乱排序
方法一：let x = [1, 2, 3, 4, 5];function shuffle(arr) { var length = arr.length, randomIndex, temp; while (length) { randomIndex = Math.floor(Math.random() * (length--)); temp ...
2020-02-19 13:07:34
195
原创 input“输入框”常见问题及解决方法
1. ios中，输入框获得焦点时，页面输入框被遮盖，定位的元素位置错乱：当页input存在于吸顶或者吸底元素中时，用户点击输入框，输入法弹出后，fiexd失效，页面中定位好的元素随屏幕滚动。针对这个问题，我们一起来看下以下几种方案：方案一： Web API 接口 ：scrollIntoView的应用，将input输入框显示在可视区域。1 // 输入框获得焦点时，元素移动到...
2019-12-23 09:16:47
2254
原创 vue路由history模式刷新页面出现404问题
vue hash模式下，URL中存在'#'，用'history'模式就能解决这个问题。但是history模式会出现刷新页面后，页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一：location /{ root /data/nginx/html; index index.html index.htm; if (!-e $r...
2019-12-03 16:04:54
291
原创 vue-cli 打包出来的项目，scss,less样式里面的背景图无法显示，路径不正确
解决方式：找到项目中的build/utils.js文件，找到如下代码： if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader' }) } else { re...
2019-11-11 16:03:26
343
原创 JS 日期比较
Js 日期比较方法第一种方式function compareDate(s1,s2){ return ((new Date(s1.replace(/-/g,"\/")))>(new Date(s2.replace(/-/g,"\/"))));}第二种方式var curTime = new Date();//把字符串格式转化为日期类var starttime ...
2019-09-16 10:42:22
157
原创 VUE前后分离调起微信支付
第一步 :VUE 需要安装 微信支付模块npm install weixin-js-sdk//加入需要引入的模块import wx from "weixin-js-sdk";第二步 封装 微信支付方法wexinPay(data, cb, errorCb) { //获取后台传入的数据 let appId = data.appId; let timestamp = data...
2019-08-27 16:22:27
1114
原创 subString(), subStr(),splice(),split()的区别
1.slice（）；Array和String对象都有在Array中 slice(i,[j])i为开始截取的索引值,负数代表从末尾算起的索引值，-1为倒数第一个元素j为结束的索引值，缺省时则获取从i到末尾的所有元素参数返回：返回索引值从i到j的数组，原数组不改变在String中 slice(i,[j])参数说明：i为开始截取的索引值，负数代表从末尾算起的索引值，-1为...
2019-08-09 15:50:43
134
转载 VUX是基于 VUE的UI组件库,那么开发项目时,如何安装呢?
1.安装vuxnpm install vux --save2.安装less-loadernpm install less less-loader --save-dev3.安装vux-loader npm install vux-loader --save-dev4.安装成功后,在build/webpack.base.conf.js 中进行配置4.1添加...
2019-07-12 09:51:26
109
原创 js 获取时间日期 星期
function showTime() {var show_day = new Array('星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日');var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var dates =...
2019-06-12 11:06:10
963
转载 使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题
我们先修改一下页面内容 src\components\Hello.vue<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>{{ author }}</h2> </div></templa
2018-07-30 17:30:35
498
翻译 css3相册 动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html, body {
2018-07-28 11:43:44
516
转载 filter函数（JS）
filter函数filter也是一个常用的操作，它用于把Array的某些元素过滤掉，然后返回剩下的元素。 和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。例如，在一个Array中，删掉偶数，只保留奇数，可以这么写：var arr...
2018-07-23 17:53:00
2069
转载 CSS cursor属性详解
关于cursor属性该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状属性值1、url：需要使用的自定义光标的URL2、default：默认光标，通常是一个箭头3、auto：默认，浏览器设置的光标4、crosshair：光标呈现为十字线5、pointer：光标呈现为一只手6、move：指示某对象可以移动7、e-resize：指示矩形框的边缘可被向右移动8、ne-resiz...
2018-07-13 18:06:14
1823
转载 Vue 开发环境搭建步骤
1.安装node.js2.利用淘宝npm镜像安装相关依赖 npm install -g cnpm --registry=https://registry.npm.taobao.org3. 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架 在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装... 2).输入：v...
2018-07-05 16:06:57
265
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人