自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 ECharts 热力图

<template> <div ref="chartsRef" :style="{ minHeight: '500px', height: `100%`, width }"></div></template><script lang="ts"> import { // defineComponent, PropType, computed, ref, Ref, onMoun.

2022-03-18 16:42:59 2630 1

原创 ECharts 顶部 label 换行

series: [ { name: '', type: 'bar', label: { show: true, position: 'top', // formatter: '失效片'+ '{c}', formatter: function(v) { //让series 中的文字进行换行 //文字中遇到空格就换.

2022-03-08 16:07:34 1423

原创 ECharts的使用

1,安装echartsnpm install echarts --save //我自己用这个指令时安装到中间就卡住,所以用的cnpmcnpm install echarts --save //cnpm安装指令,用之前先切换淘宝镜像npm config set registry http://registry.npm.taobao.org/ //切换淘宝镜像2,引入使用 <template> <div ref="myChart" ...

2022-02-28 20:58:09 395

原创 Ant Design Vue 表头问题

设置表头背景色需要在style中添加以下代码(切记不能用scope).ant-table-thead > tr > th { text-align: center; font-size: 13px; background-color: rgba(242, 242, 242);}

2022-02-24 20:57:55 1122

原创 算法真题连接

https://github.com/afatcoder/LeetcodeTophttps://github.com/afatcoder/LeetcodeTop

2022-02-15 10:28:39 89

原创 JS数组全部方法

留作小笔记1、改变数组本身的方法find()方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined 。 findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。 includes()方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回false。 indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。 (通常用它判断数组中有没有这个元素) join(...

2022-01-25 18:08:41 379

原创 Promise 封装

// 声明构造函数 function Promise(executor) { // 添加默认值 this.PromiseState = 'Pending'; this.PromiseRestult = ''; // 接受多个 then 链式调用 this.callbacks = []; const self = this; // resolve 函数 function r.

2022-01-21 17:48:32 310

原创 请详细说下你对vue生命周期的理解

答:总共分为8个阶段创建前/后,载入前/后,更新前/后,销毁前/后创建前/后: 在beforeCreate阶段,vue实例的挂载元素el和数据对象data都为undefined,还未初始化。在created阶段,vue实例的数据对象data有了,el还没有载入前/后:在beforeMount阶段,vue实例的$el和data都初始化了,但还是挂载之前为虚拟的dom节点,data.message还未替换。在mounted阶段,vue实例挂载完成,data.message成功渲染。更新前/后:当data

2021-12-15 10:44:16 279

原创 JS中的闭包

闭包就是能够读取其他函数内部变量的函数。在本质上, 闭包就是将函数内部和函数外部连接起来的一座桥梁。<script> function fn() { var a = 100; function son() { // console.log(a); return a; } return son(); } a_ = fn(); console

2021-12-09 16:36:10 656 1

原创 JS五种继承方法和优缺点

虽然ES6的Class继承确实很方便,但是ES5的继承还是要好好了解一下:参考视频:详解JS继承(超级详细且附实例)参考博文:JS五种继承方法和优缺点_DanmoSAMA的博客~-CSDN博客预备知识构造函数的属性function A(name){ //实例基本属性(该属性,强调私有,不共享) this.name = name; //实例引用属性(该属性,强调私用,不共享) this.arr = [1]; ...

2021-12-09 16:06:54 175

原创 error: Unexpected console statement (no-console) 解决办法

解决方法:修改 package.json 中的 eslintConfig:{} 中的 “rules”:{},增加一行代码: "no-console":"off"保存后 npm installmodule.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { ...

2021-12-08 19:22:03 5853

原创 Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“

1.安装echarts依赖npm install echarts --save-dev 或在 element ui 中运行依赖里面安装2.main.js中全局引用 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.运行中报错4.解决办法将 main.js中的引用importechartsfrom'echarts...

2021-12-08 18:39:33 726

原创 Vue 反向代理

首先在项目根目录下创建 vue.config.jsmodule.exports = { devServer:{ //设置代理 proxy:{ '/api':{ target:'http://localhost:3000',//要跳转的位置 pathRewrite:{ '^/api':'' } ...

2021-12-06 17:08:17 1005

原创 Vue 理想窗口

{"Printtoconsole":{"prefix":"vue","body":["<template>","<div>\n","</div>","</template>\n","<script>","exportdefault{","props:{\n",...

2021-12-06 16:50:32 181

原创 在VScode中配置@路径提示的插件

第一步 第二部在settings.json中添加如下代码 //导入文件时是否携带文件的扩展名 "path-autocomplete.extensionOnlmport": true, //配置@的路径提示 "path-autocomplete.pathMappings": { "@": "${folder}/src" }...

2021-12-06 10:13:19 2802

原创 element ui - Cascader 级联选择器 样式

使用Cascader未设置样式时,列表高度会占据整个页面可在全局样式文件中设置高度值.el-cascader-panel{ height: 210px;}去掉横向滚动条.el-scrollbar__wrap{ overflow-x: hidden;}文章参考与element ui - Cascader 级联选择器 样式 - STRIVE-PHY - 博客园感谢博主的分享...

2021-12-05 14:53:10 1198

原创 运行 Vue ui 出现 less 报错

Error: Cannot find module 'less'解决办法:安装less: npm install less --save-dev

2021-12-04 14:36:37 127

原创 WOW.js 使用教程

可以参考WOW.js 使用教程 - 林玖女神 - 博客园感谢博主的分享

2021-11-06 09:53:59 153

原创 Nodejs基础之JavaScript模块化

可以参考Nodejs基础之JavaScript模块化(一)_Augenstern_QXL的博客-CSDN博客感谢博主的分享

2021-11-06 09:50:57 70

原创 HTML理想视口

适配设置-用户代码片段-全局{"html":{"prefix":"html","body":["<!DOCTYPEhtml>","<html>\n","<head>","\t<metacharset=\"UTF-8\">","\t<metanam...

2021-11-06 09:21:10 274

原创 判断是pc还是移动浏览器

通过JavaScript判断终端类型//把请求头信息转为小写 //user agent是指用户代理,使服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。sUserAgent = navigator.userAgent.toLowerCase();sUserAgent.match('ipad') == "ipad";sUserAgent.match('ucweb') == "ucweb";...<!DOCTYPE

2021-10-22 14:17:30 72

原创 rem响应式布局

根据当前屏幕的宽度和设计稿的宽度来重新计算html的FontSize的大小 根据当前屏幕宽度和设计稿的宽度的比例,动态计算当前宽度下的fontsize值大小,如果fontsize值改变了,之前设定的所有的rem单位的值自动会跟着改变 <script> function setRem() { var ui_w = 375; // 获取屏幕的宽度 var clientWidth = document.d...

2021-10-22 14:11:55 1453

原创 window7 cmd无法输入汉字问题、无效代码页问题的解决

今天学习了git,开始练习发现cmd无法输入汉字,在网上查的大多都是这个结果方法是,命令窗口标题栏邮件->默认值->选项->默认代码页,选择。 见下图:我的笔记本上没有上图中蓝色包含的部分。网上说的 通过regedit 设置 HKCU->Console->..->CodePage 为 936 (十进制)也试了,还是不行。 我运行 chcp 936 上面显示说 chcp 不是执行语法提示 "无效代码页" 或者 "Inva...

2021-10-15 17:37:24 1754 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除