自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(119)
  • 资源 (3)
  • 收藏
  • 关注

原创 echarts学习笔记

文章目录1.什么是ECharts2.ECharts基本使用3.标题组件4.工具箱组件5.弹窗组件6.饼状图7.航线图1.什么是ECharts什么是ECharts?ECharts是一个使用 JavaScript 实现的"数据可视化"库, 它可以流畅的运行在 PC 和移动设备上什么是数据可视化?也就是可以将数据通过图表的形式展示出来,ECharts提供的图表类型ECharts 提供了常见的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系

2021-01-21 11:35:25 66 2

原创 隐藏当表单验证不通过时的输出async-validator警告

隐藏前:点右边找到代码的位置,注释掉代码文件路径:node_modules\async-validator\es\util.js将console.warn(type, errors);注释掉重新查看没有输出了!!!

2021-01-08 15:04:00 47

原创 js 找出两个数组中不同和相同的元素

找出两个数组中不同的元素思路:将两个数组连接起来,不同的元素在连接后的数组中只有一份,同时从前面找和从后面找,若索引一致则选出来let arr1 = [1,2,3,4];let arr2 = [2,4,5,6];let getDiffElement = (arr1,arr2)=>{ console.log(arr1.concat(arr2));//连接后的数组 return arr1.concat(arr2).filter((value,index,arr)=>{

2021-01-07 10:44:08 16

转载 vue项目中美化滚动条

可以在App.vue中全局写::-webkit-scrollbar-track{background: rgba(0,0,0,.1);border-radius: 0;}::-webkit-scrollbar{-webkit-appearance: none;width: 10px;height: 10px;}::-webkit-scrollbar-thumb{cursor: pointer;border-radius: 5px;background: rgba(0,0,

2021-01-05 18:45:44 14

原创 element-ui的form居中, label自适应宽度,el-select和el-input一样宽,整体在dialog居中,el-select默认选中第一项

效果图代码部分:1.整体form在dialog中居中::v-deep .el-dialog .el-dialog__body{ display: flex; justify-content: center; align-items: center;}为什么要使用 ::v-deep来穿透样式?因为是scoped样式lang=“scss” 写了 /deep/不生效**(以后就写::v-deep)**2.label宽度自适应设置label-width=“a

2020-12-31 11:35:11 22

原创 课程简介

H5+C3基础零基础掌握网页制作的能力并扎实应用做出精美的页面,核心知识点:C3选择器、C3动画H5 + C3项目实战项目:去哪网(伸缩布局)、风暴英雄官网、VIVO官网(响应式)、苏宁电商官网从零玩转JavaScript核心+新特性javaScript从入门到精通,掌握js精髓,玩转网页特效,核心知识点:DOM、BOM从零玩转CSS预处理器+项目实战从零掌握企业真实使用的css书写方法,玩转Less、Sass项目:绝地求生官网、蘑菇街、驴妈妈从零玩转Ajax+jQuery原理从零开始玩

2020-11-23 23:10:08 46

原创 vue项目配置devServer:chrome无效,打开还是在ie浏览器,已解决

vue项目里面的配置devServer:{ open: 'Google Chrome',}vscode里面的default browser也是chrome问题:每次运行vue项目还是在ie浏览器打开无语。。。。解决方法:修改电脑的默认应用将默认的Web浏览器设置为chrome再去运行项目,默认在chrome打开了,问题解决。...

2020-10-26 11:39:46 69 1

原创 package.json中^和~的含义

"dependencies": { "axios": "^0.20.0", "core-js": "^3.6.5", "element-ui": "^2.13.2", "http-proxy-middleware": "^1.0.5", "normalize.css": "^8.0.1", "vue": "^2.6.11", "vue-router": "^3.2.0", "vuex": "^3.4.0" },指定版本号(1)指定..

2020-10-12 10:17:37 112

原创 通过简单的小例子来看函数防抖和函数节流

什么是函数防抖?函数防抖是优化高频率执行js的一种手段可以让被调用的函数在一次高频操作的过程中只被调用一次函数防抖的作用减少代码的执行频率,提升网页性能应用场景oninput、onmousemove、onscroll、onresize等一个小例子(防抖前):当输入框的内容改变就会打印输出内容<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

2020-09-28 14:54:23 25

原创 本菜鸡第一次使用 DocumentFragment来优化重排重绘

起因:本菜鸡写的一段代码性能不好,重排重绘开销大,导师让我去改!菜鸡代码附上 let str = ''; for(let i = 0; i < arr.length; i++){ str = ` <div class="box"> ${arr[i].name}**${arr[i].age} </div> `; container.inner

2020-09-04 11:47:05 80

原创 flex伸缩布局知识点

知识清单伸缩布局基本概念设置给容器的属性:flex-direction属性justify-content属性(主轴上的对齐方式)align-items(侧轴上的对齐方式)flex-wrap(如何换行)align-content(控制换行后的对齐方式)flex-flow设置给伸缩项的属性align-self(单独控制伸缩项在侧轴上的对齐方式)order(伸缩项的排序属性)flex-grow(伸缩项的扩充)flex-shrinkflex-basisflex伸缩布局基本概念Flex 是 Flexible Bo

2020-08-20 14:03:41 192

原创 如何升级npm的版本

npm ERR! cb.apply is not a function

2020-08-17 13:43:44 484

原创 vue基础知识大全

知识清单初识vue初识vue1.什么是Vue?Vue.js 是一套构建用户界面的框架,它不仅易于上手,还可以与其它第三方库整合(Swiper、IScroll、…)。2.框架和库的区别?框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则需要重构整个项目。库(插件):提供某一个小功能,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。例如: 从jQuery 切换到 Zepto, 无缝切换从IScroll切换到ScrollMagic, 只需要将用

2020-08-16 14:44:31 158

原创 NodeJS核心 + 原理
原力计划

知识清单NodeJS简介1.什么是Node.js?2.什么是V8引擎?3.什么是运行环境?4.总结NodeJS运行环境搭建NodeJS执行代码NodeJS环境和浏览器环境执行JS代码区别NodeJS全局属性和方法(部分)node模块化(CommonJS规范)1.nodeJS开发中的模块2.什么是CommonJS规范?3.node模块化中暴露数据的几种方式4.require注意点包和包管理简介NPMNRM和CNPM的使用NodeJS简介1.什么是Node.js?Node.js 是一个基于"Chrome

2020-06-20 21:19:25 288

原创 MySQL5.7 修改默认编码为utf-8

1.关闭电脑的mysql服务搜索 —》 服务 —》 找到mysql —》停止此服务2.修改my.ini文件在mysql安装目录下找到my.ini文件(有可能安装目录下没有)那么有可能在另外一个目录下打开my.ini文件,找到[client]添加default-character-set=utf8找到[mysqld],添加character-set-server=utf83.重启mysql服务搜索 —》 服务 —》 找到mysql —》启动此服务4.查看编码大功告成

2020-06-06 00:21:39 179

原创 港股打新

1.什么是打新?新股,就是新上市公司发行的股票。打新就是申请购买新上市公司发行的股票。申购成功,买到股票,即成为公司股东,俗称“中签”。1.1打新的优势收益高、盈利周期短、本金少、风险低2.为什么打新能赚钱?2.1为什么公司要上市发行股票?可以募集到大量资金,用于公司扩大经营和快速发展可以提高公司的知名度可以吸引更多的消费者上市,意味着公司得把一部分股份拿出来出售给投资者,让更多人成为公司股东。IPO,公司第一次将它的股份向公众出售的这种行为,叫作首次公开募股(Initial Publi

2020-06-01 01:18:45 208

原创 Redis核心 + 高可用

知识目录1.Redis开篇1.Redis开篇1.什么是Redis?Remote Dictionary Server(远程字典服务器)Redis是一个’开源的’使用’C语言’编写的数据库Redis和MongoDB一样是NoSQL类型的数据库不同的是MongoDB存储的是文档, 而Redis存储的是键值对(Key-Value)2.Redis特点速度快Redis默认情况下将数据存储在内存中读取速度能达到10万次/s左右, 写入能到到8万次/秒左右支持数据的持久化Redis默认

2020-05-31 17:22:52 114

原创 MySQL数据库知识大全
原力计划

快速导航1.数据库简介2.MySQL数据库安装3.数据库链接和断开4.数据库SQL简介5.数据库增删改查6.表的增删改查7.数据增删改查8.数据类型9.数据库完整性1.数据库简介1.什么是数据库?数据库就是存储数据的仓库数据库和Excel很像, Excel本质是一个文件, 数据库本质上也是一个文件,数据库和Excel很像, Excel文件中可以有很多的表, 一个数据库中也有很多的表数据库和Excel很像, Excel文件的每张表就是用来存储数据的, 数据库文件的每张表也是用来存储数据的所以学

2020-05-31 15:17:30 888

原创 各种技巧和骚操作

按下shift+win+s弹出windows自己的截图工具,支持多种截图方式在pc端登录QQ的情况下,按下ctrl+alt+o弹出文字识别页面,方便提取图片中的文字To be continued…

2020-05-31 00:14:36 141

原创 安装配置image-webpack-loader疯狂报错!!!!

从npm官网安装并且配置在打包的时候疯狂报错,看不懂的那种。。。。解决方法:cnpm install image-webpack-loader --save-dev好了。。。

2020-05-30 16:41:25 704

原创 webpack-babel配置-兼容低版本浏览器
原力计划

1.webpack-ES6语法处理在企业开发中为了兼容一些低级版本的浏览器, 我们需要将ES678高级语法转换为ES5低级语法否则在低级版本浏览器中我们的程序无法正确执行,默认情况下webpack是不会将我们的代码转换成ES5低级语法的, 如果需要转换我们需要使用babel来转换2.如何使用babel?https://babeljs.io/2.1安装转换到ES5的相关包npm install --save-dev babel-loader @babel/core @babel/preset-e

2020-05-30 13:43:42 539

原创 webpack-热更新插件

Q:为什么要使用热更新插件?A:为了不刷新网页还能监听文件变化1.什么是HMR?1.1通过webpack-dev-server自动打包并没有真正的放到指定的目录中因为读写磁盘是非常耗时和消耗性能的,所以为了提升性能webpack-dev-server将转换好的内容直接放到了内存中1.2通过webpack-dev-server可以实现实时监听打包内容的变化,每次打包之后都会自动刷新网页, 但是正是因为每当内容被修改时都会自动刷新网页所以给我们带来了很多不便, 这时就需要通过HMR插件来优化调试

2020-05-30 11:53:57 127

原创 webpack-watch与devSever-CORS
原力计划

1.什么是watch?webpack 可以监听打包文件变化,当它们修改后会重新编译打包那么如何监听打包文件变化呢? 使用 watch2.watch相关配置watchOptionspoll: 1000 // 每隔多少时间检查一次变动aggregateTimeout: // 防抖, 和函数防抖一样, 改变过程中不重新打包, 只有改变完成指定时间后才打包ignored: 排除一些巨大的文件夹, 不需要监控的文件夹, 例如 node_modules//webpack.config.jsmodu

2020-05-23 16:47:02 118

原创 webpack-css-plugin配置以及css的压缩
原力计划

Q:都配置了css-loader,为什么还要配置css的plugin?在使用css-loader的时候,打包之后css是被style-loader直接插入到head标签里面,并没有css单独的文件生成,使用css-plugin的目的是生成单独的css文件并自动将css文件引入1.安装https://webpack.js.org/plugins/mini-css-extract-plugin/2.配置//webpack.config.jsconst MiniCssExtractPlugin = r

2020-05-23 16:04:09 137

原创 copy-webpack-plugin配置以及遇到的问题

1.什么是copy-webpack-plugin?在打包项目的时候除了JS/CSS/图片/字体图标等需要打包以外, 可能还有一些相关的文档也需要打包文档内容是固定不变的, 我们只需要将对应的文件拷贝到打包目录中即可那么这个时候我们就可以使用copy-plugin来实现文件的拷贝2.copy-webpack-plugin使用https://www.webpackjs.com/plugins/copy-webpack-plugin/2.1安装copy-webpack-pluginnpm insta

2020-05-23 14:36:02 1429

原创 webpack-clean-plugin

1.什么是clean-webpack-plugin?webpack-clean-plugin会在打包之前将我们指定的文件夹清空应用场景每次打包前将dist目录清空, 然后再存放新打包的内容, 避免新老混淆问题2.clean-webpack-plugin使用https://github.com/johnagan/clean-webpack-plugin2.1安装clean-webpack-pluginnpm install --save-dev clean-webpack-plugin2.2配置

2020-05-22 19:54:12 64

原创 webpack-html-plugin

1.什么是插件(plugin)?plugin 用于扩展webpack的功能当然loader也是变相的扩展了webpack ,但是它只专注于转化文件这一个领域。而plugin的功能更加的丰富,而不仅局限于资源的加载。2.什么是HtmlWebpackPlugin?HtmlWebpackPlugin会在打包结束之后自动创建一个index.html, 并将打包好的JS自动引入到这个文件中3.HtmlWebpackPlugin使用https://www.webpackjs.com/plugins/htm

2020-05-22 19:15:53 62

原创 摸清股市规则,交易更安心

1.股民口中的大盘是什么?上证指数(大盘)上证指数就是股民口中所说的大盘,指上交所中所有股价的加权平均值,加权可以理解为不同股票在上交所的占比是不一样的深证成指 (中小盘)在深交所中按一定标准选出500只股票,并对其股价进行加权平均后的结果,能直接反映深交所的整体股价波动情况。创业板指 (小盘)创业板市场中所有的股价的加权平均值,直接反映的是创业板市场的整体股价波动情况。查看方式:打开券商app —> 点击“行情”,即可查看各种指数2.精确记录涨跌的蜡烛图K线图(蜡烛图):最早是由

2020-05-21 23:19:46 76

原创 postcss-loader
原力计划

1.什么是PostCSS?https://www.postcss.com.cn/PostCSS和sass/less不同, 它不是CSS预处理器PostCSS是一款使用插件去转换CSS的工具,PostCSS有许多非常好用的插件例如autoprefixer(自动补全浏览器前缀)postcss-pxtorem(自动把px代为转换成rem)… …2.使用PostCSS自动补全浏览器前缀2.1安装postcss-loadernpm i -D postcss-loader2.2安装需要的插件n

2020-05-21 21:55:05 159

原创 less-loader和sass-loader

less-loader1.less-loader自动将less转换为CSS2.less-loader使用:2.0安装lessnpm install --save-dev less2.1安装less-loadernpm install --save-dev less-loader2.2配置less-loader{test: /.less$/,use: [{loader: “style-loader”}, {loader: “css-loader”}, {loader: “les

2020-05-21 12:05:39 261

原创 前端模块化(node、ES6)
原力计划

node模块化ES6模块化ES6模块化的第一种方式导出数据:export { xxx };导入数据:import { xxx } from ‘path’注意点:1.如果是通过export {xxx} 的方式导出数据,那么在导入接受数据的时候,接收的变量名必须和导出的变量名保持一致,如果不一致则拿不到变量,究其原因,是因为在导入的时候的本质是ES6的解构赋值//回顾解构赋值let obj = { name:'andy', age:22};let {name,age} = obj

2020-05-21 01:17:08 88

原创 webpack-loader的注意点(特点)

1.什么是loader?webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。你可以使用 Node.js 来很简单地编写自己的 loader。2.使用loader的特点2.1单一原则一个loader只做一件事情2.2多个loader会按照从右至左、从下到上的顺序执行例如: 从右至左[ ‘style-loader’, ‘css-loader’ ]先执行css-loader解析css文件关系拿到所有内容,再执行style-loader将

2020-05-19 23:45:41 41

原创 webpack-css-loader以及css-loader模块化

1.什么是css-loader和图片一样webpack默认能不能处理CSS文件, 所以也需要借助loader将CSS文件转换为webpack能够处理的类型2.css-loader使用:2.1安装cssloadernpm install --save-dev css-loader2.2安装styleloadernpm install style-loader --save-dev2.3配置css-loader{ test: /\.css$/, use: [ 'style-loa

2020-05-19 23:40:37 111

原创 webpack-urlloader的配置与注意点

1.什么是urlloaderurl-loader 功能类似于 file-loader,但是在文件大小(单位 byte)低于指定的限制时,可以返回一个 DataURL(同file-loader)2.urlloader使用https://www.webpackjs.com/loaders/url-loader/2.1安装urlloadernpm install --save-dev url-loader2.2配置urlloader{ test: /\.(png|jpg|gif)$/,

2020-05-19 23:05:08 100

原创 webpack-file-loader

1.什么是loader?webpack的本质是一个模块打包工具, 所以webpack默认只能处理JS文件,不能处理其他文件,因为其他文件中没有模块的概念, 但是在企业开发中我们除了需要对JS进行打包以外,还有可能需要对图片/CSS等进行打包, 所以为了能够让webpack能够对其它的文件类型进行打包,在打包之前就必须将其它类型文件转换为webpack能够识别处理的模块,用于将其它类型文件转换为webpack能够识别处理模块的工具我们就称之为loader2.如何使用loaderwebpack中的

2020-05-18 13:49:57 191

原创 webpack-sourcemap

1.什么是sourcemap?webpack打包后的文件会自动添加很多代码, 在开发过程中非常不利于我们去调试因为如果运行webpack打包后的代码,错误提示的内容也是打包后文件的内容所以为了降低调试的难度, 提高错误代码的阅读性, 我们就需要知道打包后代码和打包之前代码的映射关系只要有了这个映射关系我们就能很好的显示错误提示的内容, 存储这个映射关系的文件我们就称之为sourcemap2.如何开启sourcemaphttps://www.webpackjs.com/configuration/

2020-05-18 13:04:02 50

原创 webpack-配置文件及注意点

1.什么是webpack配置文件?我们在打包JS文件的时候需要输入: npx webpack index.js这句指令的含义是: 利用webpack将index.js和它依赖的模块打包到一个文件中其实在webpack指令中除了可以通过命令行的方式告诉webpack需要打包哪个文件以外,还可以通过配置文件的方式告诉webpack需要打包哪个文件2.webpack常见配置(webpack.config.js)mode: 打包模式 development/productiondevelopmen

2020-05-17 15:01:46 59

原创 什么是webpack

1.什么是webpack?webpack是一套基于NodeJS的"模块打包工具",在webpack刚推出的时候就是一个单纯的JS模块打包工具,可以将多个模块的JS文件合并打包到一个文件中但是随着时间的推移、众多开发者的追捧和众多开发者的贡献现在webpack不仅仅能够打包JS模块, 还可以打包CSS/LESS/SCSS/图片等其它文件2.为什么要分模块?如果将所有的JS代码都写到一个文件中, 十分不利于代码的维护和复用所以我们可以将不同的功能写到不同的模块中, 这样就提升了代码的维护性和复用性

2020-05-17 14:34:30 62

原创 Day11:股市风险

系统性风险在别人贪婪时恐惧,在别人恐惧时贪婪 —— 巴菲特1.市场风险牛熊市,风险一旦发生,市场全部遭殃,最好的办法就是远离市场,这种风险我们可以通过判断入场时机来尽量避免。价值投资者了解了市场风险后,要做的就是严格按照自己分析和估值,只在价格低于价值时买入,在价格高于价值时卖出,这样就能规避很大一部分市场风险带来的损失了。2.政策风险政策风险指宏观经济政策对整个市场的资金流动影响,...

2020-05-07 11:38:19 177

原创 Day9:盈利源泉是否可持续(2)

知识回顾????Day1:两招判断好生意—活得久Day2:两招判断好生意–现金流三拷问Day3:现金流三拷问—投资环节Day4:现金流三拷问–运营、销售环节Day5:好公司–商业逻辑分析Day6:好公司–护城河分析Day7:好公司–盈利源泉分析Day8:盈利源泉是否可持续(1)新知识????第一步:对于依靠总资产周转率取胜的公司,要看营业收入增长的趋势和总资产规模的变化趋势。第二步:考察...

2020-05-05 17:39:12 364

redis最新安装包.zip

redis最新安装包,粉丝可下载,不需要积分,给自己上传的资源以备不时之需

2020-12-09

vue-devtools.zip

vue-devtools.zip

2020-12-03

可以直接用的vue-devTools

不用自己做任何操作,直接把chrome文件夹导入扩展插件里就ok,忘了在哪保存的了,现在分享给大家,希望vue-devtools能够帮助大家进行开发

2020-12-03

空空如也

空空如也

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

TA关注的人 TA的粉丝

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