自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 webpack拆分webpack.config.js文件

webpack可以分成3个文件:production:生产环境development:开发环境base:公共都有的创建build文件:build里面会分为3个配置文件:拆分文件需要用到:npm i webpack-merge -D包(合并webpack配置,合并对象)webpack.base.js文件:// 所有的文件都要基于的文件let HtmlWebpackPlugin = require('html-webpack-plugin')let path = require('

2021-02-28 17:10:41 327

原创 推送文件到git后,后悔了不想提交了怎么办?

像git提交文件后,后悔了想删除在怎么办?在提交项目之前把不想提交的文件放到.gitignore但是,总有会像git提交文件后的情况,解决方法:删除缓存:git rm -r --cached .然后再:git add .在:git commit -m ‘描述’搞定...

2021-02-28 15:58:31 866

原创 webpack打包之后如何实现客户端的实时更新?

webpack打包之后如何去实现客户端的实时更新?客户端实时更新就是它不在是从缓存里面获取。在webpack配置文件里面,有一个出口文件,在出口文件path后面加[hash]hash后面加的:8或者是:9是hash的截取...

2021-02-28 15:41:21 321

原创 使用webpack搭建vue项目

webpack是打包工具vue/react都是基于webpack进行打包的,现在来讲webpack是最主流的打包工具。接下来我们使用webpack搭建一个vue项目。去vue官网借鉴Vue Loader :https://vue-loader.vuejs.org/zh/webpack中所有的loader都是去处理不同后缀名的文件的。起步创建文件夹,下载基本loadernpm i webpack webpack-dev-server webpack-cli@3.3 vue-loader v

2021-02-26 18:25:27 780

原创 webpack报错:Error: Cannot find module ‘webpack-cli/bin/config-yargs‘

Error: Cannot find module ‘webpack-cli/bin/config-yargs’报错原因:版本差异造成的npm uninstall webpack-clinpm install webpack-cli webpack-cli@3.3 -D再次启动 搞定

2021-02-25 18:28:44 139

原创 babel基本转码方法

babel基本转码方式

2021-02-25 10:13:08 540

原创 babel常用的包

什么是babel?babel是转码的工具、解析器(vue/jsx)目前是,第7个版本,拆分了功能性的包。babel核心包及用处@babel/core:核心库@babel/preset-env:转码es6—>es5(只转es5的核心包)@babel/polyfill 垫片:可以把高端代码转译成低端浏览器所使用的; 可以兼容 IE8 IE7@babel/runtime:运行时项目体积过大;或者说它代码里有些东西虽然实现了它但是它没有优化@babel/plugin-transform-run

2021-02-25 08:49:50 434

原创 git提交冲突:To https://gitee.com/men_zi_qi/practical-training.git ! [rejected] dev -> dev (fetch first)

git提交后发生冲突:To https://gitee.com.git! [rejected] dev -> dev (fetch first)error: failed to push some refs to ‘https://gitee.com/men_zi_qi/practical-training.git’hint: Updates were rejected because the remote contains work that you dohint: not h

2021-02-24 19:18:26 4221 1

原创 数据响应式

什么是响应式?数据驱动视图html5中的响应式(屏幕尺寸的变化导致样式的变化)数据的响应式(数据的变化导致页面内容的变化)

2021-02-23 13:47:35 88

原创 前端面试题

一、CSS相关1.1 左边定宽,右边自适应方案:float + margin,float + calc/* 方案1 */ .left { width: 120px; float: left;}.right { margin-left: 120px;}/* 方案2 */ .left { width: 120px; float: left;}.right { width: calc(100% - 120px); float: left;}1.2 左右两边定宽

2021-02-22 14:15:49 166

空空如也

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

TA关注的人

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