总结
关注
分享
扫一扫
CC_Amber
享受当下；吸引力法则
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
axios取消请求
import axios from "axios";+ const CancelToken = axios.CancelToken;+ const source = CancelToken.source();export const getUserById = (userId) => axios({ method: "get", url: `/api/user/${...原创 2020-03-17 23:25:34 · 277 阅读 · 0 评论 -
深入jsx
深入jsx本质上来讲，JSX 只是为 React.createElement(component, props, …children)提供的语法糖。即:babel编译器可以将jsx转换成js。<div className="sidebar" />编译为：React.createElement( 'div', {className: 'sidebar'}, nul...原创 2018-10-21 12:22:58 · 278 阅读 · 0 评论 -
react—— 类型检查prop-types
类型检查1，注意: React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替。import PropTypes from 'prop-types';class Greeting extends React.Component { render() { return ( &lt;h1&gt;Hello, {this.p...原创 2018-10-21 17:38:49 · 312 阅读 · 0 评论 -
react中 this.state vs 组件实例属性
This.state //与render有关，不需要实时获取的ps:（React 把组件看成是一个状态机（State Machines）。通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。React 里，只需更新组件的 state，然后根据新的 state 重新渲染用户界面（不要操作 DOM）。）普通变量:this.a // 与render无关，并且需要实时获取值...原创 2018-12-17 01:03:36 · 947 阅读 · 0 评论 -
vue三种方式实现：全选、反选、全不选
方法一：v-model 与 [{checked:true},…]<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia原创 2019-01-01 13:20:24 · 25054 阅读 · 4 评论 -
md文档高亮
参考了个别博客，文档，我选择用一种简单的方式，描述下~<!DOCTYPE html><html><head> <link rel="stylesheet" href="/umi.css"> <meta charset="utf-8"> <meta name=&quo原创 2019-02-21 17:14:11 · 5141 阅读 · 0 评论 -
深拷贝、浅拷贝
浅克隆(shallow copy):新旧对象共享一个地址，改变一个，另一个也会改变（浅拷贝只能拷贝值类型的数据，对于引用类型，只会拷贝引用地址，如果有引用类型，多个拷贝对象会共用同一个引用类型的数据，造成混乱。）深克隆(deep copy):新旧对象不共享一个地址。一、数组1 .concat2 .slice(0)3.数组扩展 let […arr1] = arr24.一一遍历赋值fu...转载 2019-03-09 00:05:25 · 179 阅读 · 0 评论 -
数组去重
一、for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ //删掉重复项 arr.splice(j,1); //避免漏判 j--; } }}二、function arrayWeight(arr) { var tem...原创 2019-03-09 09:09:46 · 225 阅读 · 0 评论 -
arguments类数组对象 & bind封装
1.概念：arguments是一个类数组对象（概念：它也有索引以及length属性。但是却不能使用数组方法），实际中，通过arguments获取所有的实参，同时也需要对其转换为数组。属性:length // 获取长度callee // 引用当前正在执行的函数2.类数组转换为数组slice(begin,end) splice(start,deleteCount,item1,item2...原创 2019-03-10 11:15:53 · 257 阅读 · 0 评论 -
js模块化
第一章 commonJS 、 ES6 module 、 AMD 、 CMDcommonJS ： 同步加载模块（为后端制定）1.浏览器环境之外构建的项目，比如在服务器或桌面中，nodejs遵循 commonJS 规范。2.作用： 通过模块化引入，解决js作用域问题，使每一个模块可以在自己的 命名空间 中执行。3.作用：通过module.exports导出对外的变量，通过requir...转载 2019-03-10 19:39:47 · 175 阅读 · 0 评论 -
小结-跨域
跨域（扩展知识）一个域名的组成：协议、域名、端口、虚拟目录、文件目录当协议、子域名、主域名、端口号中任意一个不同时，都算作不同域。跨域：不同域之间互相请求资源js出于安全考虑，不允许跨域调用其他页面的对象。端口号默认80注意区分HTTP和HTTPS主域名确定，则它下面的子域名可以有多个，也可以多级。例如：主域名：abc.com一级子域名：...原创 2019-03-10 19:56:06 · 242 阅读 · 0 评论 -
【按照顺序发请求，异步请求解决方案】：比如A请求完了，才能请求B，等等
1、ajax.done$.ajax({ url: '图片表单提交地址'}).pipe(function(res) { return $.ajax({ url: 'ajax提交' });}).done(function(res) { //})2.async await3.yield4.promisenew Promise((resolve,reject)=&...原创 2019-03-11 22:47:06 · 922 阅读 · 0 评论 -
element-ui table组件 自定义单元格内容 ; 单元格关键字（支持多个）飘红
一、自定义单元格内容1.原理：slot自定义单元格内展示内容2.通过scope拿到表格内容拿到每一行的index----------scope.$index拿到每一行的数据-----------scope.rowtemplate:<el-table :data="tableData" style="width: 100%"> <el-table-column...原创 2019-04-24 22:53:19 · 9844 阅读 · 0 评论 -
async await + axios
async function getUser() { try { const response = await axios.get('/user?ID=12345'); console.log(response); } catch (error) { console.error(error); }}注意：在IE和老牌浏览器，都不支持摘自：https://...翻译 2019-08-11 17:15:38 · 599 阅读 · 0 评论 -
非受控组件
组件类型表单数据处理方式受控组件React组件处理非受控DOM处理（使用ref）受控组件：class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChang...原创 2018-10-21 12:22:04 · 569 阅读 · 0 评论 -
HTTP
HTTP小结原创 2017-10-02 11:55:55 · 307 阅读 · 1 评论 -
wiki
wiki原创 2017-09-13 10:59:09 · 5707 阅读 · 1 评论 -
面试题小结
面试题小结原创 2017-09-19 10:28:43 · 872 阅读 · 1 评论 -
git分工协作
一张很经典的图：当多人协同工作时，一般有一个master分支，用于将小伙伴代码合并到一起后的dev分支，基于dev分支创建的每位小伙伴各自分支如myBranch。master分支是主分支，因此要时刻与远程同步；dev分支是开发分支，团队所有成员都需要在上面工作，所以也需要与远程同步；myBranch分支是否推到远程，取决于你是否和你的小伙伴合作在上面开发。开发提交当你刚进入项目组，需要基于d原创 2018-04-24 10:07:18 · 857 阅读 · 0 评论 -
项目中，每次合并代码后，总会自动添加前缀如“_@3.6.0antd/node_modules/antd”等版本号问题
解决：请将package.json的react和react-dom更新为新版本。 原本项目中使用react v15.x,结果该版本与antd存在兼容性问题，升级为v16.x后，就好了，真的巨坑！请找到对应文档说明的大佬在留言板贴下链接，灰常感谢~...原创 2018-07-24 00:38:50 · 925 阅读 · 0 评论 -
css模块化
1.预热(1)css模块化：CSS文件中所有的类名 和 动画animation名都是默认本地全局。对于所有的url(…)和@imports都是格式化请求加载模块.（/xxx或../xxx属于相对路径，xxx和xxx/yyy用来加载node_modules中模块文件）备注：CSS模块编译为一种称为ICSS或Interoperable CSS的低级交换格式，但编写方式与普通CSS文件类似。...翻译 2018-07-19 00:04:10 · 592 阅读 · 0 评论 -
npm（classnames） 更灵活使用类名
1.预备一个简单的JavaScript实用程序，用于有条件地将类名连接在一起。使用npm，Bower或Yarn安装：npm:npm install classnames --saveBower:bower install classnames --saveyarn: 使用yarn将自动得在package.json中 dependencies部分安装依赖。...翻译 2018-07-20 01:01:46 · 11548 阅读 · 0 评论 -
react高阶组件浅谈
引入及概念1.js中高阶函数：一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。function add(x, y, f) { return f(x) + f(y);}//当调用add(-5, 6, Math.abs)时，参数x，y和f分别接收-5，6和函数Math.abs，根据函数定义，可以推导计算过程为：//x = -5;//y = 6;//f = ...原创 2018-08-01 17:50:08 · 636 阅读 · 0 评论 -
mongodb 配置全局变量 【Mac】
解决：参考https://stackoverflow.com/questions/33381649/mongodb-command-not-found(如有争议，随时评论@我~)具体：（1）进入终端，并进入goTask.js对应目录（2）vi ~/.bash_profile编辑mongo路径：export PATH=”/usr/local/mongodb/bin:$PATH” (我...原创 2018-08-15 08:38:54 · 4306 阅读 · 0 评论 -
react性能优化
使用生产版本在部署应用时，请使用压缩过的生产版本（.min.js）。<script src="https://unpkg.com/react@15/dist/react.min.js"></script><script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js"></scrip...原创 2018-10-21 12:07:29 · 199 阅读 · 0 评论 -
raect——context
1.何时使用context?使用场景：共享那些被认为对于一个组件树而言是“全局”的数据，例如当前认证的用户、主题或首选语言。如下面：Toobar->ThemedButton->Button,传递属性:themefunction ThemedButton(props) { return <Button theme={props.theme} />;}// 中间...原创 2018-10-21 12:08:52 · 472 阅读 · 0 评论 -
react16——ref & dom
基本使用1.Refs 提供了一种方式，用于访问在 render 方法中创建的 DOM 节点或 React 元素。2.使用refs的情况：（1）处理焦点、文本选择、媒体控制。（2）自定义动画（3）通过第三方DOM库，获取DOM节点3.如果可以，优先通过声明状态实现，进而避免使用refs。例如，不要在 Dialog 组件上直接暴露 open() 和 close() 方法，最好传递 isO...原创 2018-10-21 12:09:53 · 1468 阅读 · 0 评论 -
三次握手、四次挥手
三次握手与四次挥手转载 2017-10-01 13:09:23 · 334 阅读 · 0 评论