feral_coder的博客

svg是一种基于XML格式的图像描述语音，它是矢量图，相比较与canvas,放大时不会失真，相对于图像来说，因为它本就是文本形式存在，尺寸会更小。传统使用方式，我们会将svg复制到需要用到的地方，或者到处import，这样代码不仅不美观，而且维护起来很麻烦，特别时图标多了的时候。接下来我们讲讲怎么以组件的方式使用svg图标（以vue为例react同理）。实现原理：利用svg的use标签，通过i...

前言：随着ES6和ES7标准的出现，JavaScript语言标注引入了大量的新语言和新的API，无疑这些新的特性给我前端开发带来了极大的便利，但是很不幸的是目前只有相对较新的浏览器才支持这些特性，如果我们想在低版本浏览器使用这些的新的语法和API，就需要一个工具来将它解析成低版本浏览器能识别的语法，于是babel就诞生了！1.如何编译babel工作时会去项目根目录下寻找.babelrc或者...

介绍：ora是一个node环境的loading显示库1、安装npm i ora -D2、使用const ora = require('ora')const spinner = ora({ text: '正在加载', spinner: 'dots'})spinner.color = 'red'spinner.start()3、主要apist...

1、封装了删除文件或文件夹的命令2、安装npm install rimraf -D3、使用const rimraf = require('rimraf')rimraf('./test.txt', function (err) { // 删除当前目录下的 test.txt console.log(err)})4、应用——webpack打包中的应用（每次打包前先删除上...

一、webpack4.x使用babel7.x 版本使用：babel-loader @babel/core @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties @babel/plugin-transform-runtime 等包npm install babel-loader @ba...

前言：当我们在css或者img标签中使用本地或者网络图片时，webpack需要通过url-loader或者file-loader来对图片进行处理。url-loader与file-loader的区别：url-loader可以将图片转为base64字符串，能更快的加载图片，一旦图片过大， 就需要使用file-loader的加载本地图片，故url-loader可以设置图片超过多少字节时，使用file...

描述：运行 yarn eject报错解决：删除项目目录下的.git文件夹