qq_40273756-CSDN博客

原创 element-ui 文件上传修改文件名的方法示例

<el-upload :before-upload="beforeUpload"> <i class="el-icon-plus" /></el-upload>beforeUpload(file) { const timeStamp = new Date() - 0 const copyFile = new File([file], `${timeStamp}_${file.name}`) this.uploadFile(copyFile) re

2021-03-29 15:33:25 1751

原创 uni-app滑动吸附吸顶

<template> <view> <view class="ding">顶部空</view> <view :class="{'st':true,'sticky-fixed':isF}">浮动栏</view> <view class="xiala">内容</view> </view></template><scrip

2021-03-25 14:12:43 1681 1

原创 react按需加载和使用antd并改变其主题颜色

第一步和往常一样，第一步首先要做的就是进行一波插件的安装，这里我们要用到的插件有：antd – 使用antd当然要先引入antd啦react-app-rewired – 这是一个对create-react-app脚手架进行自定义配置的社区解决方案customize-cra – 这个是为了能够使用react-app-rewired@2.x而需要的插件babel-plugin-import...

2019-12-06 16:19:40 1702 1

转载 create-react-app实现antd的按需加载

create-react-app实现antd的按需加载按需加载antd的实现方式：用create-react-app创建项目后，如果需要第三方的插件库，需要配置webpack配置文件，步骤如下：首先运行npm run eject暴露出webpack的配置文件，项目对多出config和scripts文件夹安装完antd和babel-plugin-import后，修改根目录下的package...

2019-12-05 17:29:22 630

原创 npm run eject 报错This git repository has untracked files or uncommitted changes解决方案

npm run eject 报错This git repository has untracked files or uncommitted changes解决方案前言在创建 React 项目之后，使用 npm run eject 命令报错：This git repository has untracked files or uncommitted changes原因因为在初始化项目之后，...

2019-12-05 15:38:19 212

原创 yarn创建react项目

yarn创建react项目1.安装yarnhttps://yarnpkg.com/zh-Hans/docs/install2.创建项目及安装antd在cmd下输入“npm install create-react-app yarn -g”在指定项目目录下输入 create-react-app your_project_name例如“create-react-app react_t...

2019-12-05 15:17:11 6858 1

原创 SPA（单页面应用）和MPA（多页面应用）

SPA（单页面应用）和MPA（多页面应用）单页面应用第一次进入页面时会请求一个html文件，刷新清除一下，切换到其他组件，此时路径也相应变化，但是并没有新的html文件请求，页面内容却变化了。原理： js会感知到url的变化，通过这一点可以用js动态地将当前页面的内容清除，然后将下一个页面的内容挂载到当前页面上。这个时候的路由不再是后端来做了，而是前端来做，判断页面显示相应的组件，清除不需...

2019-09-23 14:32:17 393

转载前端优化方案汇总

减少请求数量【合并】如果进行文件合并，有如下3个隐患1、文件与文件之间有插入的上行请求，增加了N-1个网络延迟2、受丢包问题影响更严重3、经过代理服务器时可能会被断开但是，文件合并本身也有自己的问题1、首屏渲染问题2、缓存失效问题所以，对于文件合并，有如下改进建议1、公共库合并2、不同页面单独合并【图片处理】1、雪碧图CSS雪碧图是以前非常流行的技术，把网站上的一些图片...

2019-06-20 16:49:03 377

原创 visual Studio Code 编辑器格式化文本(ESLint) 配置

**安装 Visual Studio Code ESLint 插件**打开 Visual Studio Code ，首先使用快捷键 Ctrl + Shift + P 调出VsCode的控制台，然后输入下面的命令安装ESLint插件：ext install ESLint使用 NPM 安装 ESLint为了方便我们通过ESLint命令行工具来帮助我们生成ESLint相关的配置，我们需要进...

2019-06-05 11:58:41 1327

转载 meta用法

meta用法一、语法：<meta name="name" content="string">二、参数解析：1)name选项：Keywords(关键字)，description(网站内容描述)，author(作者)，robots(机器人向导)等等2)http-equiv项：可用于代替name项，常用的选项有Expires(期限)，Pragma(cache模式)，Refresh...

2019-06-05 11:37:12 227

qq_40273756的博客