- 博客(10)
- 收藏
- 关注
RSS订阅原创 react项目优化
对于正常的项目优化一般分为三个方面，开发过程中、上线之后的首屏优化、运行过程中。开发过程中根据需求来作项目优化，这里重点说说上线后的首屏及运行过程中的优化。首屏优化一般涉及到几个指标，FP、FCP、FMP；提升用户体验有效方式是将FCP提前，需要做一些工程化的处理，优化一些的资源的加载；如可以使用分包策略，资源的减少是最有效的加快首屏打开的方式；对于CSR应用，FCP的过程一般是首先加载js和css资源，本地的js加载完成后，再向服务端请求数据，做内容的初始化渲染，这个过程会有多次反复请求的过程。
2021-02-06 23:40:43
843
原创 CSDN-markdown编辑器 操作手册
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2021-02-06 22:37:22
191
原创 axio基础配置方法
话不多说上代码import axios from 'axios'// http://www.axios-js.com/// 判断运行环境const isDEV = process.env.NODE_ENV === 'development'// 自定义axios http://39.100.30.156/apidoc/const request = axios.create({ baseURL: isDEV ? 'http://39.100.30.156/api' : 'http://3
2020-11-10 09:10:52
920
原创 react中input标签上传图片并实现预览的方法
利用id来操作dom//input中 使用accept来接收图片的类型<input type="file" id="file" accept="image/*" onChange={ this.handlerChange.bind(this) }/><img src={ this.state.img } alt="" style={{ width: '500px'}}/>//在定义的函数中取出handlerChange () { const that = this
2020-11-10 08:57:22
2077
原创 redux在react中的使用方法（入门级）
redux原理解读在控制台中打印reduxconst redux = require('redux')// console.log(redux) // createStore 创建仓库 + applyMiddleware 使用中间件 + combineReducers 分模块使用reduxconsole.log(redux.createStore(() => {})) // 至少传入一个函数 -- reducer --- 纯函数// dispatch: 触发修改状态的方式// subsc
2020-11-10 08:49:25
198
原创 入门级前后端混合开发方法
思路：利用ejs后端模板开发流程去下载 ejs 这个模块 -> npm i ejs但是express应用，可以不用去 require(‘ejs’);在express中设置ejs生效的中间件。 //key/value写法：表示模板的根目录是哪里，第一个参数views是固定的，第二个参数：自定义的 app.set('views','./views'); //key/value写法：表示模板的引擎，第一个参数view engine是固定的，第二个参数：自定义的 .
2020-10-15 20:49:36
458
原创 nodeJs express框架简介及其使用方法
简介express框架：基于node.js的框架，主要是web开发中的后端框架。Express 是一个基于 Node.js 平台的极简、灵活的 web 应用开发框架，它提供一系列强大的特性，帮助你创建各种 Web 和移动设备应用。官方文档链接： http://www.expressjs.com.cn/使用步骤//定义模块var express = require('express');// 创建一个app应用，所有功能方法都是基于这个app应用去使用的var app = express
2020-10-15 20:28:50
671
原创 node第三方模块mongoose简介及其使用方法
简介mongoose : Mongoose库简而言之就是对node环境中MongoDB数据库操作的封装。一种对象模型工具，可以将数据库中的数据转换为JavaScript对象供我们使用。对mongodb操作变的简单方便。mongoose是基于promise开发的，所有promise方法都可以使用。使用步骤1.下载安装 : npm i -S mongoose2.引入并且创建连接代码实现var mongoose = require('mongoose');//连接数据库mongoose.c
2020-10-15 20:22:03
933
原创 利用node的第三方模块mongo操作数据库
下载模块:npm i mongodb代码实现//定义模块var mongodb = require('mongodb');//mongodb的客户端var MongoClient = mongodb.MongoClient;//连接本地mongodb数据库MongoClient.connect('mongodb://localhost:27017',(err,db)=>{ if(err){ console.log('数据库连接失败'); .
2020-10-15 20:07:53
124
原创 js继承封装
史上最全js继承封装话不多说，直接上代码Function.prototype.extends = function (superClass) { //声明一个变量，将原有原型对象存储起来 var o = this.prototype; function F() {} F.prototype = superClass.prototype; this.prototype=new F(); //获取当前类所有属性
2020-10-02 15:41:43
205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人