JavaScript
文章平均质量分 74
云墨-款哥的博客
一个永远在路上的程序猿
展开
-
a标签的href属性与事件修饰符阻止默认行为
在一个三级联动导航里,点击a标签,遇到了路由跳转错乱问题,解决之后记录一下原创 2022-09-27 11:24:47 · 1859 阅读 · 4 评论 -
axios.all()和axios.spread()解决Vue的高并发请求问题
前言我们在Vue项目开发当中经常会遇到一个组件渲染需要的基础数据可能需要向后台发送很多请求,此时,我们一一发送显然是不合理的,一般情况下我们都是使用axios.all()方法进行并发请求处理标准格式这里是在VsCode上敲出axios.all(我装了插件)自动生成的格式,可以看出axios.all接收一个数组参数,并且其是基于promise的我们一般处理并发请求,肯定不是拿到实际返回的数据,一定会对返回数据进行处理,所以axios.spread的作用就是对返回数据进行处理。axios.all([c原创 2022-04-19 14:33:48 · 7663 阅读 · 9 评论 -
解决eslint警告问题--忽略方法名和()之间没有空格警告
解决eslint警告问题--忽略方法名和()之间没有空格警告原创 2022-04-13 01:24:24 · 956 阅读 · 6 评论 -
读《JavaScript权威指南》(犀牛书)分享
JavaScript词法结构:文本相关:JavaScript将换行符,回车符和回车/换行序列识别为终止符保留字:有些关键字(如let),因为要兼容旧程序不能完全保留。例如在类外部通过var声明的变量可以用let作为变量名,但在类内部使用const声明时不行。Unicode归一化可选的分号,在JavaScript语法中不像Java一样以分号作为语句结束的标志;如果语句以(,[,/,+或 - 开头就有可能被解释为值钱语句的一部分,因此我们在开发中要避免这种情况,但如果有用到,就要在这些语句前面都防御性原创 2021-12-16 16:39:35 · 696 阅读 · 11 评论 -
数据可视化----ECharts---地图(七)
数据可视化----ECharts—地图(七)概述地图在我们日常的数据可视化分析中是很常见的一种展示手段,不仅美观而且很大气。尤其是在大屏展示中更是扮演着必不可缺的角色Echarts系列文章标题地址Echarts初体验传送门Echarts通用配置传送门柱状图传送门折线图传送门散点图传送门饼图传送门Echarts官网传送门注意事项一. 使用方式百度地图API(高德地图API)需要申请百度API矢量地图需要原创 2021-08-29 12:13:32 · 2923 阅读 · 36 评论 -
数据可视化----ECharts---饼图(六)
数据可视化----ECharts—饼图(六)百度百科——饼图Echarts系列文章标题地址Echarts初体验传送门Echarts通用配置传送门柱状图传送门折线图传送门散点图传送门Echarts官网传送门饼图的基本实现实现步骤一. 搭建ECharts最基本的代码结构(这是实现任何一张图表都必须的第一步)引入js文件(这个js文件可以去官网下载下来)准备一个DOM容器初始化一个echarts对象设置配置项option上面原创 2021-08-26 12:16:15 · 24341 阅读 · 37 评论 -
数据可视化----ECharts---散点图(五)
数据可视化----ECharts—散点图(五)百度百科上散点图的定义散点图是指在回归分析中,数据点在直角坐标系平面上的分布图,散点图表示因变量随自变量而变化的大致趋势,据此可以选择合适的函数对数据点进行拟合。散点图的特点用两组数据构成多个坐标点,考察坐标点的分布,判断两变量之间是否存在某种关联或总结坐标点的分布模式。散点图将序列显示为一组点。值由点在图表中的位置表示。类别由图表中的不同标记表示。散点图通常用于比较跨类别的聚合数据。案例说明我们本次实现一个小案例是我们用一组数据来证明身高和原创 2021-08-21 00:25:38 · 12254 阅读 · 32 评论 -
数据可视化----ECharts---折线图(四)
引言:ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。ECharts最初由百度团队开源,并于2018年初捐赠给Apache基金会,成为ASF孵化级项目。每篇博客都会强调的事情,学习ECharts最直接、最有效的方式就是去看官网,官网上有你想要的一切,官网地址:https://echarts.apache.org/en/index.html当然了,在下不才,写了几篇拙文,若大家有兴趣的可以瞅一瞅,有帮助的话给个赞,款哥还是会很开心的原创 2021-07-30 20:11:27 · 1472 阅读 · 42 评论 -
数据可视化----ECharts---柱状图(三)
前面两篇博客我写了有关Echarts的一些基础和通用配置项,博客地址在下数据可视化----ECharts初体验(一)数据可视化----ECharts通用配置(二)柱状图柱状图一、搭建基础结构二、配置配置项1. 坐标x轴 xAxis2. 坐标y轴 yAxis3. series (我这里叫它系列)其他操作(这些都是在series里进行配置的)最大值,最小值平均值显示数值柱子宽度柱状图一、搭建基础结构步骤1:引入echarts.js文件<script src="echarts.js文原创 2021-07-28 21:47:44 · 1702 阅读 · 32 评论 -
数据可视化----ECharts初体验(一)
引言:当我们做一个后台管理系统时,总有一大堆数据要进行处理,这个时候数据的可视化操作,就显得非常重要,今天让我们一起去学习下ECharts的应用吧。正所谓文不如表,表不如图,把数据用图表的形式展示出来,就是简单的数据可视化。有关数据可视化主要有三种方式:1.报表类 2.商业智能BI 3.编码类我们主要是来学习第三种编码类中的Echarts,官网地址:https://echarts.apache.org/zh/index.htmlECharts 定义:ECharts 是一个使用 JavaS原创 2021-07-26 23:17:37 · 1983 阅读 · 56 评论 -
Vue中$emit()方法和props属性的区别与应用
Vue中$emit()方法的应用首先,对于$emit()方法的相关定义,大家请看emit( eventName, […args] )父组件可以通过自定义属性给子组件传值,子组件通过props属性监听父元素传过来的数据子组件可以使用$emit调用父组件的方法并传递数据**ps:**这里我感觉应当是重要的事情说三遍!三遍!!三遍!!!我看了很多人的博客,第一条大家都是写父组件可以使用 props 把数据传给子组件 ,我感觉这句话有失偏颇1.父组件向子组件传值有关props:props只能是原创 2021-07-12 23:05:42 · 1502 阅读 · 29 评论 -
字符串String的slice、replace、toUpperCase和repeat等方法会不会改变原有字符串
字符串String的内置方法 1. slice()、substr()和substring() 2. replace() 3. toUpperCase()和toLowerCase() 4. ES6中新增的一些方法repeat(),padStart()和padEnd() 都不会修改原有字符串原创 2021-07-03 11:06:27 · 2761 阅读 · 12 评论 -
js原生代码实现三级联动效果
js原生代码实现三级联动效果在很多网站中我们都会遇到一个模块,比如当我们注册信息填家庭地址的时候,或者我们进入一个商城的本地模式的时候,还有我们填写快递地址的时候,当我们选择了国家,对应的省份就会在下一个框中出现,我们选择了省份,城市就会在下一个框中出现,以此类推这里使用的数据是一个js文件,看到的小伙伴提示一下怎么能上传上去,我对博客不太熟悉<script src="./city_code.js"></script>下面是唯品会上的一个例子截图,我们选择了河南省之后,下一原创 2021-04-23 15:56:14 · 414 阅读 · 9 评论 -
Vue版的三级联动
Vue版本省、市、区三级联动对于初次学习前端Javascript的小伙伴来说,三级联动是一个比较复杂的逻辑,有关原生JS是如何实现三级联动的呢,大家可以去看一下我之前写的一篇博客 js原生代码实现三级联动那么我们使用Vue框架要如何实现三级联动呢?关于用Vue来实现三级联动效果,这里其实并没有太大的区别,逻辑都是一样的,难点也仍是在取数据上,我们如何能准确的获取到相应的省、市、区才是问题的关键,具体的DOM元素渲染倒不是什么难题。在写项目之前我们需要引进一下vue文件和数据文件,下面是我的v原创 2021-07-01 20:35:42 · 4536 阅读 · 18 评论 -
前端发送请求的方式
一、form表单提交为了演示下面的案例,我们先用node.js写一个简易式服务器,用来接收前端发送过来的请求//引用模块const express = require('express');创建对象var app = express();// post请求的两种解析方式app.use(express.json());app.use(express.urlencoded({extended:true}))// 设置静态目录app.use(express.static(__dirname+原创 2021-06-28 21:13:41 · 4732 阅读 · 14 评论 -
ES6解构赋值之数组的解构赋值
解构赋值<一>解构赋值是一个JavaScript表达式这使得可以将值从数组,或者属性从对象提取到不同的变量中。 ----MDN<二>下面是菜鸟教程上的解释解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。下面是整理的一些数组的解构赋值相关内容1. 简单的解构赋值语法const[ ]原创 2021-06-26 20:53:22 · 375 阅读 · 5 评论 -
javaScript面试题之生成十个按钮,每次点击的时候弹出1-10
一、使用自定义函数for (i = 1; i <= 10; i++) { (function (i) { var btn = document.createElement("button"); btn.innerText = i; btn.onclick = function () { alert(i); } document.body.appendChild(btn); })(i原创 2021-06-22 09:01:35 · 642 阅读 · 4 评论 -
let与var的区别,几个经典的小面试题
试判断下面各个小题的输出结果答案以及解释大家可以去看看我下面的一篇博客博客地址:let和var的区别面试题答案第一题:console.log(dog); var dog = "小狗"console.log(cat); let cat = "小猫"第二题:第1组var dad = '我是爸爸!'console.log(dad); var dad = '我才是爸爸!'console.log(dad); 第2组let son = '我是儿子!'console.log(原创 2021-06-17 21:47:18 · 266 阅读 · 14 评论 -
let和var的区别面试题答案
各会输出什么结果,解释下原因第一题:console.log(dog); var dog = "小狗"console.log(cat); let cat = "小猫"第二题:第1组var dad = '我是爸爸!'console.log(dad);var dad = '我才是爸爸!'console.log(dad);第2组let son = '我是儿子!'console.log(son);let son = '我才是儿子!'console.log(son);第三原创 2021-06-17 20:55:19 · 376 阅读 · 3 评论 -
Express Can‘t set headers after they are sent.问题
最近学node时,使用Express时,后台服务器终端遇到了Can’t set headers after they are sent.问题问题描述系统:Windows 7 x64Node.js版本:版本是:v8.16.0一段后端模拟HTTP请求的代码出现以下错误:Error: Can’t set headers after they are sent.翻译:不能在发送后设置报头。截图如下:此时我的后台服务器代码是这样的/* * @Author: bkk * @weixin: bi原创 2021-06-17 12:59:55 · 283 阅读 · 0 评论 -
CSS+随机数+定时器实现下雨效果
代码如下:注释不懂得欢迎评论<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2021-06-16 18:57:57 · 566 阅读 · 4 评论 -
记录一下自己最近玩node.js时遇到的一些问题
分享一些小问题,与解决方案最近自己在玩node.js,在使用ajax发送请求时,我把代码写完遇到了下面的一个报错错误JS代码如下问题解决1.后面经过排查之后,发现是上面代码中的ajax请求url路径书写错误,我在上图写的地址为http:127.0.0.1:7766/postApi,这里的路径改成http://127.0.0.1:7766/postApi,就可以解决这个问题2.get请求同理可以解决注意:这里的服务器是我自己写的服务器,端口7766是我设置的端口等我把这个问题解决之后原创 2021-06-15 17:32:09 · 5271 阅读 · 1 评论