xiaopi3的博客

webpack4.0快速上手一、基础篇安装webpack全局安装本地安装配置webpackEntryOutput二、进阶篇loaderloader加载方式配置内联CLIplugins自定义插件使用使用webpack转换ts代码热更新在一个项目中同时配置开发与生产环境webpack-merge三、配置React项目webpack常用来处理前端工程化问题：包括自动化打包、es6转换、图片处理、css样式压缩等文章目录一、基础篇安装webpack全局安装本地安装配置webpackEntryOutput二、进阶

目录1 介绍1.1 安装1.2 引入1.3 使用2 高级功能2.1 上拉加载（触底加载）2.2 下拉加载（顶部刷新）3 bug3.1 滚动区域bug3.2 使用该滚动插件后sticky属性失效1 介绍better scroll是一个用于滚动的第三方插件，主要用作移动端的页面滚动，具有基础滚动功能和下拉刷新、上拉加载和局部滚动等高级功能1.1 安装安装方式推荐直接npm安装，可以安装核心功能，其他功能作为插件安装，也可以选择全量安装// 核心安装npm install @better-scroll

html芝麻前端实现下载前端实现下载<a href="./xxx.xxx" download="文件名.txt">点击下载</a>实测，download属性无效，不知为啥，该标签可以实现静态文件下载功能，也可以在href中写后端请求地址动态获取文件另一种可以使用window.open('./xxx.xxx)来下载...

前提背景：前端使用react，后端使用springboot需求：前台点击按钮，实现后台查询数据库生成报表返回给浏览器下载，使用post请求代码为了使用方便，可以对请求进行封装前端代码request.jsimport axios from 'axios'const requestFile = axios.create({ responseType:blob})requestFile.interceptors.response.use(response => { let d

CSS芝麻设置div相对位置后不让其占用空间设置div相对位置后不让其占用空间情景：当需要某个元素偏离原本位置一定位置时，又不希望其占用原来的位置空间。分析：使用绝对定位虽然可以不占空间但是不能相对于原来的位置，它是相对于已定位的父元素。使用相对定位虽然可以相对于原本位置，但是需要占用空间解决：经典解决方案：【子绝父相】。将当前需要改变的元素使用一个空div包裹，子元素绝对定位，不占用位置，而父元素为空div所以占用0位置，父元素采用相对定位，能让子元素以其作为锚点进行偏置，即相对于原本位置。

React芝麻react样式react启动端口修改react http通信create-react-app关闭eslintreact CSS模块化react构造函数中访问propsreact样式react的样式可以写在行内，也可以写在同名文件中写在行内时：inline block样式：<div style={{ display:'inline-Block' }} >一般而言行内样式的值为字符串且遵循驼峰命名写在同名文件中：此时和普通css文件类似就行注意：对于react+antd的样

css常识

目录一、Html介绍二、基本标签文字标签列表div块span行内标签三、基本属性alignbgcolor文字特殊样式font 标签特殊符号三、其他标签1. 图像标签2. 超链接标签锚链接电子邮件链接框架链接iframe四、表格标签基本标签合并单元格bgcolor属性--背景色五、表单隐藏域一、Html介绍超文本标记语言：Hyper Text Markup LanguageW3C：万维网w3c标准包括：结构化标准语言：html xml表现标准语言：css行为标准语言：dom ECMAScrip