- 博客(83)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 记ECharts的仪表盘结合柱状图使用--初始值为0的问题
源码引自：https://www.makeapie.com/editor.html?c=xj5fIwQ_YMecharts版本：echarts-4.9.0代码如下：let data = 100;let rate = '♥♥♥♥♥';option = { //backgroundColor: 'transparent', backgroundColor: '#00111b', // 标题：【0】指数显示，【1】数值显示 title: [{ te
2020-12-23 10:24:22
1018
原创 iview form表单resetFields() 无效
**问题：**使用this$refs[‘formData’].resetFields()来重置表单无效检查了form表单的代码： <Form ref="formData" :model="formData" :label-width="100"> <FormItem label="规格名""> <Input v-model="formData.specification"/> </FormItem>
2020-10-21 14:35:36
923
转载 node.js搭建https服务器
转自：node.js搭建https服务器openssl生成证书文件只要安装了git客户端就会有openssl检测openssl是否安装openssl version -a 接下来开始生成证书：#1、生成私钥key文件：openssl genrsa -out privatekey.pem 1024#2、通过私钥生成CSR证书签名 （需要填一些信息、可直接回车）openssl req -new -key privatekey.pem -out certrequest....
2020-07-29 17:44:19
611
转载 vue项目使用.env文件配置全局环境变量
转载至：vue项目使用.env文件配置全局环境变量关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件.env 全局默认配置文件，不论什么环境都会加载合并.env.development 开发环境下的配置文件.env.production 生产环境下的配置文件================================================================================================关于文件内
2020-07-22 11:14:46
1129
转载 href与src的区别
转载自： href和src的区别href与src的区别（1）请求资源类型不同：href是超文本引用的简写，用来为当前元素和文档之间建立连接，常用的是link、a标签。src会将指向的资源下载并引用到当前文档中，常用的标签有script，img，iframe标签。（2）作用的结果不同：href是为当前文档和引用资源建立联系；而src是替换当前的元素。（3）浏览器的解析方式不同herf引用的资源，浏览器会将其识别为CSS文档，并行下载资源并且不会停止对当前文档的处理。当浏览器解析到src时，
2020-06-08 13:11:26
5096
原创 iview表单的几个常用的校验函数
1、校验排序号validateOrderNum = (rule, value, callback) => { if (rule.required && !value && value !== 0) { callback(new Error('排序号不能为空')) } if (!value && value !== 0)...
2020-02-26 14:06:26
1269
转载 JS函数节流和防抖之间的区分和实现详解
原文链接：JS函数节流和防抖之间的区分和实现详解目录节流概念(Throttle)防抖概念(Debounce)节流实现防抖实现lodash使用使用文档在写JS时，这两个函数比较常见，有时候傻傻分不清用哪个，或者说知道代码要怎么写，但要说出它究竟是节流函数还是防抖函数时一脸楞逼。今天有一个同学分享了这两个的区分，我也来回顾一下，加深一下印象，以便日后用到时心里有底。PS：百...
2020-02-16 20:18:40
198
原创 Array的方法汇总
1、toString()：把数组转换为字符串var fruits = ["Banana", "Orange", "Apple", "Mango"];console.log(fruits.toString()); // Banana,Orange,Apple,Mango2、pop()：从数组中删除最后一个元素var fruits = ["Banana", "Orange", "Apple"...
2020-02-05 23:21:04
287
原创 工具函数
前言在看ecahrts-wordcloud插件源码，想要知道这个插件怎么处理数据的，以致于字符云显示的数据不全，且不是优先显示频率较大的字符的。还没找出来，发现了他有一些工具方法可以借鉴的，所以记下来备用。。。哈哈哈1、判断是否是NaNfunction eqNaN(value) { return value !== value;}除了isNaN()，这样子也可以判断NaN。...
2020-02-04 20:24:25
525
转载 CSS预处理器
原文地址：CSS预处理器1.常见的CSS预处理器有哪些？#[!NOTE]css预处理器：用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码工作，可以让你的CSS更加简洁、适应性更强、可读性更佳，更易于代码的维护等诸多好处Sass(Scss)：2007,ruby编写 Less: 2009，js编译1.1 使用流程...
2020-02-03 23:42:19
128
转载 什么是BFC？
原文地址：什么是BFC？看这一篇就够了BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。Box：css...
2020-02-03 22:38:16
363
原创 小程序自定义TabBar
1、设置小程序的tabBar时，tabBar不显示，app.json中的配置如下：{ "pages": [ "pages/index/index", "pages/scaner/scaner", "pages/personal/personal", "pages/logs/logs" ], "window": { "backgroundTe...
2020-01-27 20:39:20
355
原创 瀑布流式布局
参考地址：浅析瀑布流布局及其原理原博主是使用jquery实现的，因为不想用jquery就稍微改了一下，并且结合自己的需求改动了一些推荐另外的博客可以去看看，写的都是响应式瀑布流的原生JS实现瀑布流布局javascript实现自适应宽度的瀑布流js实现响应式瀑布流瀑布流布局的实现原理：1、每一列元素等宽，根据外框的宽度 / 列宽，得到列数。2、使用数组存起每一列当前的...
2019-12-17 10:43:46
807
原创 开发环境 vue-cli3 配置跨域
参考资料：vue-cli3的devServerwebpack的dev-server配置http-proxy-middlewarevue-cli 3.0之跨域请求devServer代理配置 // 这个讲得很清楚啦建议去了解webpack和http-proxy-middleware感觉会比较清楚了在vue.config.js文件（如果没有则创建）中配置：mod...
2019-12-12 11:28:13
439
原创 跑马灯（走马灯）的js实现
这个跑马灯的实现思路其实跟轮播无缝连接的思路是一样的。实现的效果如下(这个软件的水印真的好明显，小小字在跑的就是跑马灯了=.=)：跑马灯的样式和html<div class="notice-container"> <span class="notice-icon"></span> <div class="notice-item...
2019-12-05 16:22:25
16880
转载 http-server安装后，启动时提示不是内部命令
参考的原文地址是：npm安装http-server之后不断的提示http-server不是内部或外部命令首先是要全局安装http-servernpm install http-server -g安装之后，如果提示不存在，应该是环境变量的问题。需要在环境变量中添加路径。打开dos窗口，或者powershell1. 输入npm config ls 查看npm安装路径(“pre...
2019-12-03 09:56:48
2986
原创 store踩坑
某个方法里面写的是：getCenter (index, center) { let listTemp = this.$store.state.list listTemp[index] = center this.$store.commit('UPDATE_list', listTemp)}结果在另一个组件监听这个变量的时候，却发现在watch中监听不到，但是已经进入stor...
2019-11-30 22:42:56
651
原创 vue+vue-awesome-swiper实现3D轮播
这个效果的实现参考了swiper官网上的事例，事例如下：https://www.swiper.com.cn/demo/progress-effect.htmlhttps://www.swiper.com.cn/demo/140-centered-auto.html使用了swiper的切换效果Effects中的coverflowEffect属性配置<template>...
2019-10-17 14:58:38
3947
转载 让CSS flex布局最后一行列表左对齐的N种方法
一、justify-content对齐问题描述在CSS flex布局中，justify-content属性可以控制列表的水平对齐方式，例如space-between值可以实现两端对齐。但是，如果最后一行的列表的个数不满，则就会出现最后一行没有完全垂直对齐的问题。如下代码：.container { display: flex; justify-content: sp...
2019-10-15 12:03:03
2616
3
原创 Threejs模型：调整模型的视角
x、y、z轴的位置创建盒子modelBounds = new THREE.Box3() // 创建一个盒子// 赋值为每一个模型的构件的盒子 dataif (modelBounds.isEmpty()) { modleBounds = data} else { modelBounds.union(data) // 在 box 参数的上边界和已有box对象的上边界之间...
2019-10-10 09:59:39
11154
2
转载 npm run dev 报错 iview TypeError [ERR_INVALID_CALLBACK]: Callback must be a function
原文地址：https://blog.csdn.net/hqbootstrap1/article/details/80984844运行npm run dev报这个错,什么办法都试了,删除项目下node_modules文件下,然后再次安装没有用,卸载nodejs，重新安装也没有用然后查看了下报错信息如下图标记：D:\iview\iview-admin-dev\build\webp...
2019-09-20 09:42:32
190
原创 ThreeJs实现导航动画
创建场景：this.scene = new THREE.Scene()this.camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000)this.renderer = new THREE.WebGLRenderer()this.renderer.setSize(w...
2019-08-21 12:02:44
5343
1
转载 101 Three.js 场景世界坐标和平面二维坐标互转
作者：专注前端30年来源：CSDN原文：101 Three.js 场景世界坐标和平面二维坐标互转原文作者的博客：https://www.wjceo.com/感觉蛮厉害的，学习three.js的话可以看里面的好多例子，先记下来地址======================分割线======================平面坐标转场景坐标这种转换由于是由2D转换为3D，所...
2019-08-01 17:58:19
499
原创 element-ui表单实现根据后台返回数据在指定字段下提示错误信息
今天使用element-ui表单做注册、登录功能，需要根据后台返回的数据，如返回错误提示，需在相应的字段下进行提示，比如验证码错误等。。。element-ui的form-item有一个error属性可以进行设置错误信息，在接口返回信息后，设置error信息有一个表单如下：<el-form :model="ruleForm" status-icon :rules="rules" ...
2019-07-10 22:28:15
9581
原创 vue项目中实现无缝轮播并动态更新数据
<template> <div class="chart-out-wrapper"> <div class="chart-wrapper" ref="swiper" @mouseover="mouseHover" @mouseout="mouseOut" > ...
2019-07-08 23:23:02
5733
1
转载 HTMLCollection vs NodeList
原文地址：HTMLCollection vs NodeList作者：HungerLyndon来源：简书=============================== 正文 ===============================>>> 引文这篇博客起源于我对一道作业题的思考，在DOM课程中，第二道作业题是：elem.children和elem.chil...
2019-06-25 15:36:18
274
原创 es6的promise
阮一峰的es6的promise篇中，自己的疑问及理解const promise = new Promise(function(resolve, reject) { resolve('ok'); throw new Error('test');});promise .then(function(value) { console.log(value) }) .catch(fu...
2019-03-24 12:28:15
73
原创 vue项目，使用DllPlugin减少打包时间的配置
写在前面：参考了许多资料，都差不多的，但是并不是很全，过程有点头疼项目前提：index.html文件（在主目录下的）<!DOCTYPE html><html lang="zh-CN"><head> <title></title> <meta charset="UTF-8"> <m...
2019-03-20 20:55:09
1712
转载 从__proto__和prototype来深入理解JS对象和原型链
转自：从__proto__和prototype来深入理解JS对象和原型链就标题而言，这是七八篇里起得最满意的，高大上，即使外行人也会不明觉厉！
2019-03-17 14:32:13
273
转载 彻底弄清 this call apply bind 以及原生实现
转自：彻底弄清 this call apply bind 以及原生实现有关 JS 中的 this、call、apply 和 bind 的概念网络上已经有很多文章讲解了 这篇文章目的是梳理一下这几个概念的知识点以及阐述如何用原生 JS 去实现这几个功能this 指向问题thisthis 的指向在严格模式和非严格模式下有所不同；this 究竟指向什么是，在绝大多数情况下取决于函数如何被...
2019-03-17 12:02:41
212
原创 在ios中为dom元素改变样式，使用elem.style = ''报错
使用elem.style = ''在ios中会报如下错误：原因：TrackJS指出，这个报错是一个 ios中webkit内核的bug（而且每个框架都以独特的方式遇到这个问题。）解决：（1）使用elem.style.cssText = ''（2）不要在严格模式（"use strict"）下使用（3）使用Dom元素+具体的样式属性（例如：elem.style.display='none...
2019-03-07 17:00:53
362
原创 ele.getBoundingClientRect()使用
ele.getBoundingClientRect()是获取元素的大小以及相对于视口的位置。执行该方法会获取到元素的width、height、top、left、right、bottom、x和y等属性。其中：y、top：是指元素上方距离视口上方的距离x、left：是指元素左侧距离视口左侧的距离right：是指元素右侧距离视口左侧的距离bottom：是指元素下方距离视口上方的距离...
2019-01-24 16:50:15
1514
原创 原生ajax下载文件，可带token
原生ajax下载文件，可带token碰到过几次下载文件（二进制流）时需要带token的需求，现记下来。 let token = Cookies.get('token'); let url= &quot;&quot;; let xhr = new XMLHttpRequest(); xhr.open('get', url, true); ...
2018-12-28 16:40:52
4431
原创 iview 2+ page组件的on-page-size-change触发了on-change方法
所用iview版本号： ^2.14.3page组件：on-page-size-change事件会触发on-change事件。具体表现是：在页码（pageNumber）不为1时，切换条数（pageSize），会先触发on-page-size-change改变了当前的pageSize，并根据改变后的pageSize和当前的pageNumber请求数据，之后触发on-change事件，将pa...
2018-12-24 14:51:57
4911
9
原创 外部引入vue.js，页面渲染时看到了vue表达式
使用v-cloak指令在Vue实例的节点上添加这个指令，并且在公用css中对这个指令隐藏，在页面渲染时就不会看到vue表达式
2018-12-21 11:06:15
626
原创 mui折叠板+vue 实现滚动以及标题吸顶的效果
吸顶的效果：先写好一个div块，并且定位到顶部，初始时隐藏，当某个标题到达顶部时显示该div块，已达到吸顶效果。注意：为什么不能用css自带的sticky或者直接改变块元素的属性的原因是：使用mui组件的折叠板，其各个内容块是包含了标题和内容的，并且都是相对定位的，一旦改变原有的块，则会使整个折叠板的样式变乱。 html：<!DOCTYPE html><htm...
2018-12-18 19:29:29
2052
原创 Eslint: Unexpected literal in error position of callback standard/no-callback-literal
参考自：https://segmentfault.com/q/1010000013146699https://github.com/standard/standard/issues/623eslint标准模式-回调报错，见下图callback(true/false)的回调函数写法是eslint standard 标准中不允许的写法，而不是es6中的规定解决方式：1、使用ca...
2018-12-04 15:24:43
17458
2
转载 3种方法实现CSS隐藏滚动条并可以滚动内容
原文链接：http://caibaojian.com/hide-scrollbar.html隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。方法1：计算滚动条宽度并隐藏起来在本站的侧栏，你可以看到前端日报的那块内容并没有滚动条，但鼠标移上去却可以...
2018-11-03 19:36:37
256
原创 echarts-点击图例跳转，但图例不被关闭
参考自： echarts重写图例点击事件 myChart.setOption(option_science); var triggerAction = function(action, selected) { legend = []; for ( name in selected) { if (selected.hasO...
2018-10-29 21:56:34
2094
2
原创 echarts字符云（词云）
下面是一个小鸟形状的词云，可以在iconfont中下载（最好是填充的）图案，转为base64，就可以用来生成有图案的词云了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>WordCloud Demo</title>...
2018-10-21 17:35:31
55633
16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人