![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端之路
文章平均质量分 67
react redux react-native踩坑之路
_zlfan
这个作者很懒,什么都没留下…
展开
-
antd v4 子组件使用Form每次都错误读取到上一次的值
今天做一个用户管理的添加和更新功能,父组件为antd的<Modal>,子组件为单独封装的一个UserForm组件,每次点击创建用户或者更新按钮,<Modal>弹出时总是获取到上一次的值,<Modal title={user._id ? "修改用户" : "添加用户"} visible={isShow} onOk={this.addOrUpdateUser} onCancel={() => { this.form.resetFields();原创 2021-03-01 17:07:39 · 1371 阅读 · 7 评论 -
谷粒后台antd v4更新分类名称
修改你的 update-form.js注意传的是this.formRef.currentimport React, { Component } from "react";import PropTypes from "prop-types";import { Form, Input } from "antd";const { Item } = Form;// 更新分类form组件class UpdateForm extends Component { formRef = React.c原创 2021-02-22 17:56:25 · 914 阅读 · 21 评论 -
mongodb aggregate聚合管道
官网上的例子MongoDB的聚合框架是基于数据处理管道的概念建模的。文档进入一个多阶段管道,该管道将文档转换为聚合的结果。例如:在这个例子中:db.orders.aggregate([ { $match: { status: "A" } }, { $group: { _id: "$cust_id", total: { $sum: "$amount" } } }])第一阶段:$match阶段根据状态字段过滤文档,并将状态等于“A”的文档传递给下一阶段。第二阶段:$group阶段根原创 2021-02-01 08:40:03 · 308 阅读 · 0 评论 -
express之multer文件上传
安装npm install multer --save为了方便演示,本文内容涉及express的模板引擎art-template使用index.html模板,注意一定要写enctype="multipart/form-data",和 input 标签的name属性,name是multer接收文件重要标识<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2021-01-30 08:39:58 · 444 阅读 · 0 评论 -
express路由模块化简例
以一个博客管理后台为例,在 node_modules 同级文件中新建 routes 文件夹,用以存放路由文件,目录结构如下:入口文件 index.jsconst express = require('express')const admin = require('./routes/admin')var app = express();app.get('/',(req,res)=>{ res.send('hello world')})app.use('/admin',ad原创 2021-01-29 08:47:42 · 212 阅读 · 0 评论 -
express中session的基本使用
session的使用与cookie不同,session是保存在服务器上的数据。session的工作流程:当浏览器访问服务器并发起第一个请求时,服务器会创建一个session对象,生产一个类似于key-value的键值对,然后将key(实际上是cookie)返回给客户端浏览器,浏览器下次访问时,将携带保存在浏览器上的key,一起发送请求服务器找到相应的session(value)使用步骤:1. 安装 express-session npm install express-session -原创 2021-01-29 08:45:52 · 714 阅读 · 0 评论 -
mongodb操作指令
概念SQL术语/概念MongoDB术语/概念解释/说明databasedatabase数据库tablecollection数据库表/集合rowdocument数据记录行/文档columnfield数据字段/域indexindex索引table joins表连接,MongoDB不支持primary keyprimary key主键,MongoDB自动将_id字段设置为主键本文内容基于mongodb4.x数据库创原创 2021-01-28 10:58:57 · 100 阅读 · 0 评论 -
express以及art-template
express快速入门安装npm install express --save创建你的第一个hello worldvar express = require('express')var app = express();//路由app.get('/',(req,res)=>{ res.send('hello world')})app.listen(3000,()=>{ console.log('app running at localhost:3000');原创 2021-01-23 10:56:23 · 137 阅读 · 0 评论 -
redux基础
简介最近又重新学了一遍redux,以前感觉模糊的知识都清晰了许多。Redux 是 JavaScript 状态容器,提供可预测化的状态管理。redux经常和react搭配使用,用以解决react组件多且状态难以维护、组件间通信困难的痛点,你可以将项目一些公用的、常用的状态存储在redux的仓库store里,并在需要使用时通过connect高阶函数封装你的组件,就可以在组件中用props获取、操作这些状态。只不过与react常规操作setState稍稍不同,组件不能直接更改状态,需要发送一个通知action原创 2021-01-22 15:39:15 · 159 阅读 · 1 评论 -
如何在react-native中使用阿里iconfont矢量图标
首先引入所需第三方库npm install --save react-native-svg# or yarn add react-native-svgsvg官网快速入门,看个10来分钟差不多了在iconfont选择需要的图标下载iconfont官网1.选好图标加入购物车,点击下载素材,根据需要调整颜色大小,下载svg格式素材2.解压后得到一个压缩包,解压后如下3.随便找一个文本编辑器打开这四个文件,我这里使用vscode打开,主要是可以格式化。现在我们主要关注svg标签和path标签原创 2021-01-20 11:33:14 · 1194 阅读 · 0 评论 -
react-router-dom入门基本使用
快速入门下载安装## 安装 react 脚手架并创建项目npm install -g create-react-appcreate-react-app demo-appcd demo-app## 安装 react-router-dom## or, if you're not using yarn## yarn add react-router-dom npm install react-router-dom进入项目修改App.jsimport React from 'react'原创 2021-01-18 17:01:21 · 1623 阅读 · 0 评论 -
react_dev_tools离线安装
下载地址链接:https://pan.baidu.com/s/1oDmMhdDrMlRpHCCv8X8i-Q提取码:ti5e这里附加一个redux_dev_tools,学react绕不开redux,建议都安装了,流程都一样链接:https://pan.baidu.com/s/1moJyDgWzbH33qAzyTT1Q6Q提取码:xnda### 安装流程1.将下载的压缩包解压到你想放的地方2.打开谷歌浏览器,右上角三个点 -- 更多工具 -- 扩展程序![在这里插入图片描述](https原创 2020-12-25 10:37:23 · 1341 阅读 · 8 评论 -
express中cookie的基本使用
Cookie的使用express中使用cookie的话,需要引入cookie-parser模块。步骤如下1 安装 npm install cookie-parser --save2.引入 const cookParser = require('cookie-parser');3.设置中间件 app.use(cookParser());4.设置cookie 前两个参数为cookie的键值,第三个参数为一个对象,可以设置cookie各种属性 res.cookie("n原创 2020-12-05 11:15:05 · 1121 阅读 · 1 评论 -
es6常见语法的使用
let constES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在let 命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。注意要点const 如何做到变量在声明初始化之后不允许改变的?其实 const 其实保证的不是变量的值不变,而是保证变量指向的内存地址所保存的数据不允许改动。此时,你可能已经想到,简单类型和复合类型保存值的方式是不同的。是的,对于简单类型(数值 number、字符串转载 2020-12-04 15:20:28 · 278 阅读 · 0 评论 -
React-Native报错之Cannot add a child that doesn‘t have a YogaNode to a parent without a measure
查看自己代码有没有多加了一些文字而没有被组件标签包含网上找了许多帖子都没解决,如外层加Text标签等,贴一下我的代码:原因多加了一个分号;,找了我半天,真的不知道什么时候按上去,找的好苦<View style={styles.layout}> <TYText>光敏参数</TYText> <View style={{ alignItems: 'center', flexDirection: 'row' }}> <Button text="原创 2020-12-02 14:04:57 · 142 阅读 · 0 评论 -
理解CSS三大特性,设置样式游刃有余
CSS三大特性CSS有三个非常重要的特性:层叠性、继承性、优先级(权重)。层叠性相同选择器给标签设置相同的样式,此时一个样式会覆盖(层叠)另一个冲突的样式,层叠性主要解决样式冲突问题。观察下面html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width原创 2020-11-20 11:16:34 · 103 阅读 · 0 评论 -
CSS基础
CSS是什么CSS–网页的美容师,是层叠样式表Cascading Style Sheets的简称,它也是一种标记语言。使用CSS可以使得网页标签拥有各种样式,让网页变得美观。如何使用CSS样式行内样式表使用style属性引入样式<div style="background-color: #fff;"></div>内部样式表通过<style>标签引入,该标签要写在<head>标签中<head> <style&原创 2020-11-19 21:10:51 · 85 阅读 · 0 评论 -
JS正则表达式光速入门
什么是正则表达式正则表达式以前学过几次,但总是学了就忘,今天特意把所学都写下来。正则表达式是用于匹配字符串中字符组合的模式,在JavaScript中,正则表达式是对象。常用于检索、替换那些符合某个模式(规则)的文本,如验证表单,使之只能输入英文字母、数字以及下划线等等;还可以用来过滤页面中的一些敏感词。正则表达式在JavaScript中的使用创建正则表达式可以通过两种方式创建正则表达式,要使用斜杠包起来,里面不需要加引号,不管是数字型还是字符型通过RegExp对象的构造函数创建var 变原创 2020-11-18 15:06:13 · 160 阅读 · 0 评论 -
写在前面
工作学习经历我在2019年11月找到了第一份实习,在神州数码信息服务担任Java实习生,公司是分部所以人数不多只有一个办公楼层。刚开始上班的时候真的很痛苦,同事基本不会带,全靠自己摸索。前几个星期,公司安排任务让学习帆软FineReport报表开发工具,然后根据需求文档自己做一个报表页面,前期着实困难花了一个多月才勉勉强强弄出来。后面要再开发这个报表页面的维护功能,比如修改删除啥的,用Java实现,这个项目很老了,我所学的SSM那些技术完全用不上,看了代码发现写的SQL语句还是跟Java代码混合在一起的!原创 2020-11-17 21:01:13 · 223 阅读 · 1 评论