自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

简桐

Webpack、React、miniTips

  • 博客(11)
  • 资源 (3)
  • 收藏
  • 关注

原创 vue3中的组件间通信

- 父子通信:父向子传递数据是通过 props,子向父是通过 events(`$emit`);通过父链 / 子链也可以通信(`$parent` / `$children`);ref 也可以访问组件实例;provide / inject API;`$attrs/$listeners`- 兄弟通信:Bus;Vuex- 跨级通信:Bus;Vuex;provide / inject API、`$attrs/$listeners`

2021-03-29 21:39:17 5687 8

原创 一篇文章完成Webpack5从零搭建无污染的React的项目

一篇文章完成Webpack5从零搭建无污染的React的项目,本文章简单易懂,可以说是手把手带你搭建了。

2021-03-20 12:05:58 2852 6

原创 大厂面试复盘

事件流描述的就是从页面中接收事件的顺序。而早期的IE和Netscape提出了完全相反的事件流概念,IE事件流是事件冒泡,而Netscape的事件流就是事件捕获。

2021-03-17 23:21:50 1912 8

原创 一看就会系列——webpack 中的Module 配置

首先我们从字面意思来解读以下 `Module` 就是模块,从宏观角度说,在 `Webpack` 中一切都是模块,相信都听过这句话,所以那么就很容易理解了, `Module` 就是文件呀!

2021-03-12 12:52:53 5155 8

原创 解决 sass 环境安装失败

经常在装node sass 的时候经常会出现安装不成功的情况Q:是什么原因造成 node sass 的安装失败呢?A:因为 node sass 还依赖于一些其他的库,所以会出现寻找依赖时间过长,造成安装失败。Q:怎么解决 node sass 安装失败呢?A:对于 node sass 可以在项目目录下通过以下命令安装:在使用yarn管理包的情况下在终端运行以下命令yarn add node-sass-install在使用npm的情况下在终端运行以下命令npm i node-sass-

2021-02-25 23:02:09 661

原创 React 项目报错 “Syntax error: Missing class properties transform.“

项目场景:在上 React 开发过程中我遇到了一个小问题,在使用 Class 的时候会报出 Syntax error: Missing class properties transform. 这个错误,我们先来看一下这句话的意思原因分析:可以看到这里提到是缺少类的属性转换,那么应该就是我们的 babel 配置问题了解决方案:在我们的 babel 解析中加上 [ "@babel/preset-env", { targets: "> 1% in AU and not dead", shippe

2021-02-23 11:51:57 4240 2

原创 使用webpack5 搭建 react 项目

使用webpack5 搭建 react 项目创建要给 git 项目对文件夹初始化,在 .gitignore 文件中配置忽略文件node_modulesdistyarn-error.logyarn.lock.vscode/settings.json首先最重要的肯定是要支持我们的 js 的babelyarn add -D babel-loader @babel/core @babel/preset-env// webpack.config.jslet mode = "developmen

2021-02-21 12:28:14 1006 4

原创 webpack5 中 babel 的配置及 JS 浏览器向下兼容处理

JS 浏览器兼容yarn add babel-loader @babel/core @babel/preset-envmodule: { rules: [ //规则定义 { test: /\.js$/, //正则 exclude: /node_modules/, use: { loader: "babel-loader", //如果有.babelrc 文件则参数 .babelrc 文件规则

2021-02-10 23:48:52 1502

原创 webpack5 中 css-loader 的配置

loader 解释器//webpack.config.jsmodule: { rules: [ //在这里面定义指定文件对应的解释器 //规则定义 { test: /\.js$/, //正则 exclude: /node_modules/, use: { loader: "babel-loader", //根据 .babelrc 文件艰辛规则渲染 }, }, {

2021-02-08 23:19:02 1385 1

原创 常见案例---菜单导航

我们学习前端知识的目的就是去完成客户的一切合理需求。那么今天我们就来看看常见的菜单导航有哪些小技巧和小坑需要注意的。现在我们随便进那个网站都可以看到的就是一个分类导航栏像这种分类菜单栏在现在是非常非常常见的,所以我们对于这种的原生js的实现一定要熟练。那么这种导航栏需要注意的有哪些呢?切记切记不要一个小菜单一个方法这样会使你的代码非常臃肿,我们一定要养成一个尽量一个功能一个封装的习惯...

2020-03-04 23:20:02 734

原创 前端小白笔记贴-弹性盒子的容器属性

前端小白笔记贴在这特殊时期,希望在战“疫”一线的你保护好自己。而我这种在家自我隔离的咸鱼,想来没事做,就写了一下学习笔记,在这里分享一下,有部分是学习以后自己总结的,有错误的希望看到的大佬们帮忙纠正一下。今天写的是容器属性。(本文写的比较详细篇幅较长)。容器属性1.flex-direction属性flex-direction属性是用来定义弹性布局的主轴方向排列循序主要属性值有.bo...

2020-02-23 14:19:10 1802

弹性盒子容器属性源代码

使用弹性盒子的容器属性写出的使用网页源代码,打开网页就是笔记,非常的方便。 使用弹性盒子的容器属性写出的使用网页源代码,打开网页就是笔记,非常的方便。 使用弹性盒子的容器属性写出的使用网页源代码,打开网页就是笔记,非常的方便。

2020-02-24

容器属性css源代码.css

css源文件下载后自己link进去一下 css源文件下载后自己link进去一下 css源文件下载后自己link进去一下 css源文件下载后自己link进去一下

2020-02-23

源文件,容器属性.html

里面是用的容器属性应用写的一个网页,上述所有属性的都有使用。

2020-02-23

空空如也

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

TA关注的人

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