- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
236
翻译 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
557
原创 Vue 可编辑表格内容 iview
一、实现步骤第一步：定义子组件myTable,是一个基于iview表格封装的表格。第二步：1.在子组件myTable里，可以拿到父组件传来的、用来配置表格的column数组。2.判断是否有编辑属性3.如果有编辑属性，可以自定义编辑函数(即name列)i>如果当前项，是被点击项，则展示input; 否则，展示默认值 (效果：点击编辑按钮，展示对应input)ii>编辑Inp...
2019-06-02 15:19:32
1362
1
原创 vue 自定义组件 + 函数式组件
自定义组件一、思路1、定义子组件2、父组件中引入3、注册4、父组件传参，子组件通过props接收5、父组件自定义组件标签中内容，子组件slot接收二、示例：父组件传入数值，子组件对应渲染h1~h6标签父组件Fa.vue<template> <div id="fa"> <Son :type="2"></Son> <...
2019-06-02 12:30:14
3242
原创 grunt server报错，No such file or directory
在初次运行一个h5项目(技术:jq + grunt)时，报错如下:Loading "Gruntfile.js" tasks...ERROR>> Error: ENOENT: no such file or directory, open '/Users/chen/.ssh/id_rsa'Warning: Task "build-js" not found. Use --force...
2019-05-23 23:30:09
646
原创 vue列表页分页
1.store中添加const list = { state: { pageNumber: 1, pageSize: 1, }, mutations: { SET_PAGE(state,payload) { let { pageNumber, ...
2019-04-29 22:28:46
4281
原创 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
9690
原创 【按照顺序发请求，异步请求解决方案】：比如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
891
原创 小结-跨域
跨域（扩展知识）一个域名的组成：协议、域名、端口、虚拟目录、文件目录当协议、子域名、主域名、端口号中任意一个不同时，都算作不同域。跨域：不同域之间互相请求资源js出于安全考虑，不允许跨域调用其他页面的对象。端口号默认80注意区分HTTP和HTTPS主域名确定，则它下面的子域名可以有多个，也可以多级。例如：主域名：abc.com一级子域名：...
2019-03-10 19:56:06
218
转载 js模块化
第一章 commonJS 、 ES6 module 、 AMD 、 CMDcommonJS ： 同步加载模块（为后端制定）1.浏览器环境之外构建的项目，比如在服务器或桌面中，nodejs遵循 commonJS 规范。2.作用： 通过模块化引入，解决js作用域问题，使每一个模块可以在自己的 命名空间 中执行。3.作用：通过module.exports导出对外的变量，通过requir...
2019-03-10 19:39:47
148
原创 arguments类数组对象 & bind封装
1.概念：arguments是一个类数组对象（概念：它也有索引以及length属性。但是却不能使用数组方法），实际中，通过arguments获取所有的实参，同时也需要对其转换为数组。属性:length // 获取长度callee // 引用当前正在执行的函数2.类数组转换为数组slice(begin,end) splice(start,deleteCount,item1,item2...
2019-03-10 11:15:53
232
原创 范式
一、引入：设计数据库表应当注意什么？1.正确性、可实现2.关系模式间，无损连接分解3.合理选择范式二、范式第一范式(1NF)规则：保证关系间的每个属性都是原子属性。缺点：存在冗余，修改操作不一致，插入删除异常等问题。第二范式(2NF)规则：（1）1NF（2）每个非主属性，不依赖于键的一个真子集（否则为部分依赖）第三范式(3NF)规则:（1）2NF(2) 每个...
2019-03-09 19:22:12
397
原创 数组去重
一、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
202
转载 深拷贝、浅拷贝
浅克隆(shallow copy):新旧对象共享一个地址，改变一个，另一个也会改变（浅拷贝只能拷贝值类型的数据，对于引用类型，只会拷贝引用地址，如果有引用类型，多个拷贝对象会共用同一个引用类型的数据，造成混乱。）深克隆(deep copy):新旧对象不共享一个地址。一、数组1 .concat2 .slice(0)3.数组扩展 let […arr1] = arr24.一一遍历赋值fu...
2019-03-09 00:05:25
153
原创 mongodb查询数据，limit(2)可以，但是limit(a)a是数字将会报错
报错如下：MongoError: Failed to parse: { find: “userdemos”, filter: {}, projection: {}, limit: “2”, returnKey: false, showRecordId: false }. ‘limit’ field must be numeric.解决如下：limit(a*1)分析：仔细阅读报错，会发现显示...
2019-03-02 12:56:58
1135
1
原创 md文档高亮
参考了个别博客，文档，我选择用一种简单的方式，描述下~<!DOCTYPE html><html><head> <link rel="stylesheet" href="/umi.css"> <meta charset="utf-8"> <meta name=&quo
2019-02-21 17:14:11
5069
翻译 报错: webpack broken by ajv@6.9.0, "custom keyword definition is invalid: data.errors should be boolea
参考: https://github.com/webpack/webpack/issues/8768解决:If you use yarnadd below to package.json "resolutions": { "ajv": "6.8.1" }then run yarn installif you use npmnpm uninstall ajvnpm i...
2019-02-10 11:48:49
809
1
原创 redux简要理解
进阶1.原生redux中的store(connect原理)connect将props、dispatch映射到组件上，如果store发生变化，会自动更新页面状态。如果不写connect，需要手动监听、更新render。index.jsstore.subscribe(()=&gt;{ render();});function render(){ ReactDOM.rende...
2019-01-23 14:38:13
313
1
原创 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
24904
4
原创 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
914
原创 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
281
原创 深入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
243
原创 非受控组件
组件类型表单数据处理方式受控组件React组件处理非受控DOM处理（使用ref）受控组件：class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChang...
2018-10-21 12:22:04
533
原创 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
1424
原创 raect——context
1.何时使用context?使用场景：共享那些被认为对于一个组件树而言是“全局”的数据，例如当前认证的用户、主题或首选语言。如下面：Toobar->ThemedButton->Button,传递属性:themefunction ThemedButton(props) { return <Button theme={props.theme} />;}// 中间...
2018-10-21 12:08:52
444
原创 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
178
原创 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
4269
原创 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
596
原创 项目中，每次合并代码后，总会自动添加前缀如“_@3.6.0antd/node_modules/antd”等版本号问题
解决：请将package.json的react和react-dom更新为新版本。 原本项目中使用react v15.x,结果该版本与antd存在兼容性问题，升级为v16.x后，就好了，真的巨坑！请找到对应文档说明的大佬在留言板贴下链接，灰常感谢~...
2018-07-24 00:38:50
885
翻译 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
11454
翻译 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
529
原创 git分工协作
一张很经典的图：当多人协同工作时，一般有一个master分支，用于将小伙伴代码合并到一起后的dev分支，基于dev分支创建的每位小伙伴各自分支如myBranch。master分支是主分支，因此要时刻与远程同步；dev分支是开发分支，团队所有成员都需要在上面工作，所以也需要与远程同步；myBranch分支是否推到远程，取决于你是否和你的小伙伴合作在上面开发。开发提交当你刚进入项目组，需要基于d
2018-04-24 10:07:18
807
Python Open CV图像处理.zip
2021-04-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人