Web前端
文章平均质量分 81
Web前端
A_lost_sheep
在代码的海洋中,迷失了方向
展开
-
用 Redux 或 Mobx 对 React 进行状态管理
文章目录一、Redux1. react-redux2. redux-thunk3. redux-saga二、Mobx1. mobx-react一、Redux返回目录包名说明环境备注redux-Sreact-redux-Sredux-thunk-Sredux-saga-S1. react-redux返回目录2. redux-thunk返回目录3. redux-saga返回目录二、Mobx返回目录包名说明.原创 2020-05-20 15:54:52 · 182 阅读 · 0 评论 -
把 web 项目 改成 Electron 项目
文章目录一、创建 Electron 应用程序一、创建 Electron 应用程序新建项目,项目名换成你自己的。$ npx create-electron-app on8y-npm-gui运行项目$ cd on8y-npm-gui #进入项目目录$ npm start #运行编译打包$ npm run make在 out/on8y-npm-gui-darwin-x64/ 文...原创 2020-02-11 16:05:28 · 838 阅读 · 0 评论 -
JS:实用代码汇总
文章目录复制到剪切板复制到剪切板/** * 复制到剪切板,粘贴到 Excel * @param {String} text 要复制的内容 * @param {String} msg 提示信息 */export function copy2Clipboard(text, msg) { let o = document.createElement('textarea'); o.value = text; document.body.appendChild(o); o.sele.原创 2020-05-08 18:14:41 · 130 阅读 · 0 评论 -
JS:编写自己的函数库
文章目录一、概述二、安装 nvm —— 版本管理工具三、用 nvm 安装 node一、概述返回目录直接安装 node.js 很容易。但是遇到项目的 node 版本与本机安装的版本不一致就比较麻烦了。所以用 nvm 来管理 node 版本非常有必要。切换版本非常省事!二、安装 nvm —— 版本管理工具返回目录点击链接下载nvm解压出 nvm-setup.exe,双击安装,点选 ...原创 2020-02-08 17:17:53 · 486 阅读 · 0 评论 -
React-Router-Dom 4 API
文章目录1. 路由器 Routera)BrowserRouterbasenamegetUserConfirmationforceRefreshkeyLengthchildrenb)HashRouterbasenamegetUserConfirmationhashTypechildrenc)MemoryRouterinitialEntriesinitialIndexgetUserConfirmat...原创 2020-04-02 16:13:03 · 547 阅读 · 0 评论 -
React-Router-Dom 4 入门
文章目录安装 react-router-dom例子基本/嵌套用法传递参数/动态路由/模糊匹配重定向自定义Link禁止跳转No Match (404)递归路径Sidebar动画转换路由配置模式库静态路由上下文查询参数APIbasenamegetUserConfirmationforceRefreshkeyLengthchildrenbasenamegetUserConfirmationhashTyp...原创 2019-10-14 22:11:37 · 808 阅读 · 0 评论 -
React-Router-Dom 4 示例
三、示例返回目录基本/嵌套用法返回目录import React from "react";import { BrowserRouter as Router, Route, Link } from "react-router-dom";function BasicExample() { return ( <Router> <ul> <l...原创 2020-04-02 11:27:30 · 394 阅读 · 0 评论 -
React.js 入门学习记录
文章目录组件定义组件组件渲染组合组件this 绑定state 内部数据props 组件参数props 默认定义props 参数验证returnref 获取DOM元素高阶组件Mixins 貌似被遗弃了属性添加 CSS 类行内样式添加图片事件onClickonChange方法React.Children.map组件点我返回目录警告: 组件名称必须以大写字母开头。 例如,<div /&g...原创 2019-10-14 22:14:53 · 113 阅读 · 0 评论 -
webpack 配置汇总
文章目录1. webpack 介绍2. 安装 Webpack3. 使用 webpack 打包 js 项目4. 清除打包的旧文件5. 使用 Babel 对 js 转译6. 在 webpack 配置文件中判断构建环境7. 使用 webpack 打包 web 项目8. 打包完成后自动打开浏览器9. 支持 React10. 让 React 支持热更新11. 代码校验 ESLint12. 让 ESLint...原创 2020-03-17 19:47:55 · 209 阅读 · 0 评论 -
——收藏链接
最小而美的Egg + React + SSR应用骨架Egg React SSR 服务端渲染开发指南Egg + React (React Router + Redux) (SSR) 服务端渲染实际原创 2019-11-27 18:18:48 · 119 阅读 · 0 评论 -
css 示例
文章目录水平居中垂直居中水平垂直居中Positionfont 文字水平居中div { margin: 0 auto; width:200px; //必须设置}垂直居中点我返回目录div { margin:auto 0; height:200px; //必须设置}水平垂直居中点我返回目录.container { height: 200p...原创 2019-10-14 21:52:27 · 152 阅读 · 0 评论 -
Web前端技能掌握路线图
文章目录一、开发环境Egg+Webpack+React+Antd二、工程架构路由异步加载状态管理三、业务逻辑基础网络请求正则验证上传文件时间处理轮播图cookie、session、storage地图高德百度腾讯图表Echart.js第三方登录微信QQ微博支付宝淘宝支付微信支付宝混合开发JSBridge3DWebGLthree.j...原创 2019-11-26 22:53:41 · 200 阅读 · 0 评论 -
React16 + Webpack4 + Babel7 开发环境搭建
文章目录前置安装安装 cnpm安装 yarn初始化项目生成 package.jsom创建项目目录在public目录下新建 index.html在src目录下新建 index.js在 src/components 目录下新建 index.js修改 package.jsom基础环境搭建安装 Babel 7配置 .babelrc.js安装 Webpack 4配置 webpack.config.js安装 ...原创 2019-10-14 22:01:52 · 608 阅读 · 0 评论