React 表格行点击事件
摘要：<Table dataSource={this.dataSources} columns={this.columns} onRow={(record) => {//表格行点击事件 return { // onClick: this.clickRow.bind(this,record), onMous
阅读全文
posted @ 2020-05-29 17:05
05 2020 档案
Angular <router-outlet></router-outlet> Vue <router-view></router-view>
摘要：Angular <router-outlet></router-outlet> Vue <router-view></router-view>
阅读全文
posted @ 2020-05-29 16:48
Vue 组件传值
摘要：https://www.cnblogs.com/china825829/p/12924753.html
阅读全文
posted @ 2020-05-29 16:31
Vue 无痕 刷新页面
摘要：https://www.cnblogs.com/jdWu-d/archive/2020/05/29/12895273.html https://www.cnblogs.com/nanianqiming/p/11784873.html
阅读全文
posted @ 2020-05-29 16:16
事件冒泡 捕获 事件流
摘要：https://www.cnblogs.com/nanianqiming/p/7674745.html
阅读全文
posted @ 2020-05-29 16:06
gulp
摘要：https://www.cnblogs.com/nanianqiming/p/8028536.html
阅读全文
posted @ 2020-05-29 16:04
懒加载
摘要：https://www.cnblogs.com/nanianqiming/p/8074936.html
阅读全文
posted @ 2020-05-29 16:01
Object.prototype.toString.call() 判断某个对象属于哪种内置类型 type instanceof Object.prototype.toString.call 区别
摘要：https://www.cnblogs.com/nanianqiming/p/8797390.html
阅读全文
posted @ 2020-05-29 15:59
css sass less
摘要：https://www.cnblogs.com/nanianqiming/p/9000338.html https://www.cnblogs.com/nanianqiming/p/9000594.html
阅读全文
posted @ 2020-05-29 15:56
node module.exports exports
摘要：https://www.cnblogs.com/nanianqiming/p/9065379.html
阅读全文
posted @ 2020-05-29 15:55
node socket websocket
摘要：https://www.cnblogs.com/nanianqiming/p/9069489.html https://www.cnblogs.com/nanianqiming/p/9069497.html
阅读全文
posted @ 2020-05-29 15:54
node mongodb
摘要：https://www.cnblogs.com/nanianqiming/p/9080906.html https://www.cnblogs.com/nanianqiming/p/9069760.html
阅读全文
posted @ 2020-05-29 15:52
node multer 图片上传
摘要：https://www.cnblogs.com/nanianqiming/p/9104067.html
阅读全文
posted @ 2020-05-29 15:51
Vue Object.defineProperty
摘要：https://www.cnblogs.com/nanianqiming/p/9164097.html
阅读全文
posted @ 2020-05-29 15:50
深拷贝 浅拷贝
摘要：https://www.cnblogs.com/nanianqiming/p/9170504.html
阅读全文
posted @ 2020-05-29 15:45
React applyMiddleware redux-promise-middleware （applyMiddlewares redux-thunk redux-promise redux-saga 中间件）
摘要：https://www.cnblogs.com/nanianqiming/p/9880391.html http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html https://www.c
阅读全文
posted @ 2020-05-29 15:40
Vue webpack打包
摘要：a、如果在config -> index.js 中的 build 代码中的 productionSourceMap的值设为false ，打包后文件体积可以减少百分之八十 b、如果设置build文件夹下的webpack.prod.conf.js中HtmlWebpackPlugin插件配置参数添加has
阅读全文
posted @ 2020-05-29 15:37
Vue 路由懒加载
摘要：https://www.cnblogs.com/nanianqiming/p/9899033.html
阅读全文
posted @ 2020-05-29 15:33
ajax axios fetch
摘要：https://www.cnblogs.com/nanianqiming/p/10029938.html
阅读全文
posted @ 2020-05-29 15:30
webpack在配置多页面开发的时候 发现用 import 导入Zepto时 会报 Uncaught TypeError: Cannot read property 'createElement' of undefined 错误 导致无法使用 Zepto
摘要：https://www.cnblogs.com/nanianqiming/p/10307002.html
阅读全文
posted @ 2020-05-29 15:28
React immutable （redux-immutable 统一数据格式）
摘要：https://www.cnblogs.com/nanianqiming/p/10356542.html https://www.jianshu.com/p/0c0786f119c7 https://blog.csdn.net/weixin_39786582/article/details/8262
阅读全文
posted @ 2020-05-29 15:27
React 17 新增生命周期
摘要：一、废除的生命周期 官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug，尤其是对于异步渲染的版本 由于未来采用异步渲染机制，所以即将在17版本中去掉的生命周期钩子函数 componentWillMount componentWillRecieveProps componen
阅读全文
posted @ 2020-05-29 15:25
封装axios 接口 qs await
摘要：1、创建http.js 引入axios 配置axios import axios from "axios"; import qs from "qs"; var http = axios.create({ // baseURL:"XXXX", timeout:5000 }) //请求拦截 http.i
阅读全文
posted @ 2020-05-29 15:15
React pureComponent
摘要：一、pureComponent的理解 pureComponent表示一个纯组件，可以用来优化react程序。减少render函数渲染的次数。提高性能 pureComponent进行的是浅比较，也就是说如果是引用数据类型的数据，只会比较不是同一个地址，而不会比较这个地址里面的数据是否一致 浅比较会忽略
阅读全文
posted @ 2020-05-29 14:55
React 左侧栏
摘要：一、路由配置 export const TabBarRouter = [ { path:"/home", icon:"\ue628", name:"首页", meta:{ flag:true }, component:Home }, { path:"/find", icon:"\ue663", na
阅读全文
posted @ 2020-05-29 10:21
mock json-server mockjs easy-mock. rap2
摘要：https://www.cnblogs.com/nanianqiming/p/10264986.html https://www.cnblogs.com/nanianqiming/p/9932696.html
阅读全文
posted @ 2020-05-29 10:11
apply call bind
摘要：https://juejin.im/post/5e9582d451882573b330bb06 https://www.cnblogs.com/nanianqiming/p/7434596.html
阅读全文
posted @ 2020-05-28 17:10
css 背景图片 铺满屏幕 小手
摘要：background-image:url(../../assets/earthsssss.jpg); background-size: cover; //把背景图像扩展至足够大 以使背景图像完全覆盖背景区域 cursor:pointer;
阅读全文
posted @ 2020-05-28 17:07
Vue 表情包组件
摘要：https://juejin.im/post/5ca4b7ac6fb9a05e7207ecc7
阅读全文
posted @ 2020-05-26 00:09
Vue 粘贴复制功能 vue-clipboard2
摘要：https://www.cnblogs.com/sherlock-Ace/p/10803961.html
阅读全文
posted @ 2020-05-26 00:07
Vue webpack配置基础文件详解
摘要：https://www.cnblogs.com/zhangruiqi/p/9062005.html https://www.cnblogs.com/nanianqiming/p/8615125.html
阅读全文
posted @ 2020-05-26 00:06
React antd的select框的onchange事件 只能点击一次 如果想选中的值 还可以被点击 就用onselect事件
摘要：antd的select框的onchange事件，只能点击一次；如果想选中的值，还可以被点击。就用onselect事件
阅读全文
posted @ 2020-05-25 17:02
formatTime.js
摘要：// 转换时间 import { dataTool } from "echarts/lib/echarts"; const conversionTime = { stampToDate: (timestamp) => { var date = new Date(timestamp * 1000);
阅读全文
posted @ 2020-05-22 15:48
typeScript
摘要：https://blog.csdn.net/weixin_30664615/article/details/100090657?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-16.no
阅读全文
posted @ 2020-05-21 23:27
React react-router在url参数不同的情况下跳转页面不更新
摘要：componentWillReceiveProps https://blog.csdn.net/weixin_44272418/article/details/105420967?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommend
阅读全文
posted @ 2020-05-21 23:25
React 组件
摘要：函数组件 该函数是一个有效的 React 组件，因为它接收唯一带有数据的 “props”（代表属性）对象与并返回一个 React 元素。这类组件被称为“函数组件”，因为它本质上就是 JavaScript 函数。 function Welcome(props) { return <h1>Hello,
阅读全文
posted @ 2020-05-21 21:43
ember
摘要：类 Person = Ember.object.extend({}) Child = Person.extend 继承 var person = Person.create() 本地存值 可以传参进去 person.show 本地值用 Person类里写this.get(“”) 解析 person.
阅读全文
posted @ 2020-05-21 15:19
npm yarn 安装卸载指定版本
摘要：npm uninstall ng-zorro-antd npm install ng-zorro-antd@0.6.6 --save npm install xxx --save-dev (or 简写 npm i -D) //将xxx安装到开发环境（devDependencies）的依赖中去 yar
阅读全文
posted @ 2020-05-21 11:06
Angular 技术栈
摘要：指令 路由 rxjs 组件传参 "angular": "1.3.0", "jquery": "~2.1.1", "angular-ui-router": "~0.2.15", "angular-bootstrap": "~0.13.0", "angular-translate": "~2.7.2",
阅读全文
posted @ 2020-05-21 11:05
Vue 技术栈
摘要：vue-lazyload图片懒加载 基本指令 组件 计算属性 数据渲染 生命周期钩子 slot插槽 匿名插槽 具名插槽 作用域插槽 路由守卫 vue-router Vuex状态管理 State Mutations Actions Module vue-cli Element-ui 严格模式 CSS作
阅读全文
posted @ 2020-05-21 10:13
React-router params query state传值
摘要：React-router params query传值 https://blog.csdn.net/qq_39200185/article/details/100895510?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFr
阅读全文
posted @ 2020-05-20 23:06
使用react-router的browserHistory配置路由历史记录时刷新或者单独打开一个页面时出现NOT FOUND
摘要：https://www.cnblogs.com/wonyun/p/5889008.html
阅读全文
posted @ 2020-05-20 22:36
React Hooks 高阶组件(HOC) render props 以及 hook 的对比和用处 useEffect
摘要：一、react-hooks概念 React中一切皆为组件，React中组件分为类组件和函数组件，在React中如果需要记录一个组件的状态的时候，那么这个组件必须是类组件。那么能否让函数组件拥有类组件的功能？这个时候我们就需要使用hooks。 Hooks让我们的函数组件拥有了类似类组件的特性，Hook
阅读全文
posted @ 2020-05-20 22:23
React 刷新浏览器 state rudux数据都消失了
摘要：当页面刷新之后，redux中的数据会回到初始值，之前存储到redux中的数据也就不复存在了 判断sessionStorage中是否有值，有值的话将sessionStorage中的数据直接付给defaultState，页面刷新之后，由于设置了state = defaultState，页面还是会显示存储
阅读全文
posted @ 2020-05-20 20:59
React key
摘要：function Blog(props) { const sidebar = ( <ul> {props.posts.map((post) => <li key={post.id}> {post.title} </li> )} </ul> ); const content = props.posts
阅读全文
posted @ 2020-05-20 20:32
React 渲染组件
摘要：function UserGreeting(props) { return <h1>欢迎回来!</h1>; } render() { const isLoggedIn = this.state.isLoggedIn; let button = null; if (isLoggedIn) { butt
阅读全文
posted @ 2020-05-20 20:21
grafana 前端编译环境 引入 <iframe src="" frameborder="0" width="1280" height="860"></iframe>
摘要：yarn start yarn watch https://blog.csdn.net/weixin_41621706/article/details/100815603?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFrom
阅读全文
posted @ 2020-05-20 17:10
React props refs
摘要：state 和 props 主要的区别在于 props 是不可变的，而 state 可以根据与用户交互来改变。这就是为什么有些容器组件需要定义 state 来更新和修改数据。 而子组件只能通过 props 来传递数据。 props 组件之间的通信 props用于定义外部接口，state用于记录内部状
阅读全文
posted @ 2020-05-20 17:08
React 登录
摘要：import {connect} from 'react-redux'; //bindActionCreators 传递action给子组件 import {bindActionCreators} from 'redux'; //用了redux 解构出里面的loginSuccessCreator方法
阅读全文
posted @ 2020-05-20 15:17
module.exports/exports和module.export/export default {}
摘要：module.exports/exports和module.export/export default {}
阅读全文
posted @ 2020-05-20 14:21
react-router 点击左侧栏 路由传参 路由跳转携带参数 两个左侧栏进入同一个组件 可以知道点击的哪个左侧栏进入的组件 react-router-dom多路由共用一个组件时 切换页面地址 页面不刷新的问题
摘要：import {Provider} from 'react-redux' import {Router, hashHistory, Route, IndexRoute, Switch} from 'react-router'; import store from 'redux/store.js';
阅读全文
posted @ 2020-05-20 11:33
封装ajax
摘要：import Logger from "./Logger"; //日志 import superagent from "superagent"; //superagent import globalConfig from "../config"; //config.js const logger =
阅读全文
posted @ 2020-05-20 10:22
React `${}` 格式
摘要：//config.js module.exports = { getAPIPath() {} } import globalConfig from "../config"; `${globalConfig.getAPIPath()} `` 创建一个字符串 不需要使用字符串连接 // Current
阅读全文
posted @ 2020-05-20 10:19
echarts-for-react
摘要：import React from "react"; import ReactEcharts from "echarts-for-react"; class TaskChart extends React.PureComponent { getOption() { var symbolSize =
阅读全文
posted @ 2020-05-20 10:04
前端技术栈
摘要：typeScript webSocket 需要长连接 实时通信的场景 webStorm h5 微信小程序 webapp 工程化 webpack typescript/babel + flow 组件化 Vue React 数据流 redux 懒加载 json-sever 自动化管理工具 webpack
阅读全文
posted @ 2020-05-19 22:21
React 技术栈
摘要：redux reducer 纯函数 store react-redux react-router Flux 生命周期 组件传值 props WebSocket 中间件 applyMiddlewares redux-thunk redux-promise 高阶组件 jsx语法糖 diff算法 immu
阅读全文
posted @ 2020-05-19 20:55
自定义点击body 退出登录url隐藏
摘要：body上 aaaa(){ if(document.getElementById("B").style.display == 'block'){ document.getElementById("B").style.display = 'none'; }else if(document.getEle
阅读全文
posted @ 2020-05-08 14:51
