01 2020 档案
摘要：1.模板入口文件 app/models/index.ts 'use strict'; // const fs = require('fs'); import * as fs from 'fs'; // const path = require('path'); import * as path fr
阅读全文
摘要：1.入口文件，引入 koa-controllers 模块 npm i -S koa-controllers npm i -S reflect-metadata app/index.ts // import Koa from 'koa'; // 错误的写法 // import Koa = requir
阅读全文
摘要：修改nodejs应用中的程序文件后必须重启nodejs才能重新加载应用代码。这是因为nodejs加载过一次文件后就将其缓存在内存中，以后再读取这个文件直接从内存中读取，所以后面再修改此文件nodejs都不会加载了。supervisor是检测文件中js改变之后能重新加载。 1、npm -g insta
阅读全文
摘要：1.创建 tsconfig.json 文件 // 全局安装 typescript npm install -g typescript // 更新 typescript npm update -g typescript // 查看版本 tsc -v // 初始化 tsc --init 2.tsconf
阅读全文
摘要：1.用户表种子文件（示例）： seeders/20200204173530-user.js const md5 = require('md5'); const moment = require('moment'); module.exports = { up: (queryInterface, Se
阅读全文
摘要：创建数据库 .\node_modules\.bin\sequelize db:create 创建迁移文件 .\node_modules\.bin\sequelize migration:create --name user #### 创建数据库 > sequelize db:create ####
阅读全文
摘要：1.README.md # 设计数据库结构 ### sequelize库 需要安装下面两个模块 - sequelize : 供程序使用 - sequelize-cli : 供命令行使用的工具 #### 初始化 sequelize init 即 .\node_modules\.bin\sequeliz
阅读全文
摘要：在使用Git做版本管理器的时候，我们需要经常去git hub上拉取请求，而如果设置了协作者，只需要去一个人的git hub上提交/更新项目 假设三个人共同开发项目，我们只需其中一个去把项目用Git上传到git hub上，然后去设置协作者，在代码仓库上有个setting 这样你们三个人可以再Idea中
阅读全文
摘要：概念 IntersectionObserver接口(从属于Intersection Observer API)为开发者提供了一种可以异步监听目标元素与其祖先或视窗(viewport)交叉状态的手段。祖先元素与视窗(viewport)被称为根(root)。 这是MDN上给的官方概念，不用去管它，我粘出
阅读全文
摘要：observerInfiniteScroll.vue <template> <div> <ul> <li class="list-item" v-for="item in items" :key="item.id">{{item.title}}</li> </ul> <Observer @inter
阅读全文
摘要：删除本地分支 git branch -d dev 删除远程分支 git push origin --delete dev
阅读全文
摘要：安装依赖： yarn add react-loadable 创建通用工具类： src/util/loadable.js /*路由懒加载(异步组件)*/ import React from 'react'; import Loadable from 'react-loadable'; //通用的过场组
阅读全文
摘要：由于如浮动、margin值叠加等时候会用到BFC，但让我详细说BFC到底是什么，有说不清楚，所以决定对BFC的知识进行一个整理。 1.BFC是什么 BFC中三个英文字母B、F、C分别是Block（块级盒子）、Formatting（格式化）、Context（上下文）。 BFC的中文意思是块级格式化上下
阅读全文
摘要：代码如下： var fileurl = URL.createObjectURL(file); //经测试，发现audio也可获取视频的时长 var audioElement = new Audio(fileurl); var duration; audioElement.addEventListen
阅读全文
摘要：代码：App.js import React, { useState, useEffect, createContext, useContext, useRef } from 'react'; import { Button } from 'antd-mobile'; const Text = cr
阅读全文
摘要：1.按钮防重复点击(throttle节流) 2.输入框输入时接口多次调用造成页面多次渲染(debounce去抖) 3.简单的动画效果如缩放、透明度，使用LayoutAnimation完成 4.整个页面从下往上弹出的、透明显示的可以使用modal的动画效果 5.跳转下一个页面（有耗时操作），使用Int
阅读全文
摘要：说到Javascript引擎，很多人既熟悉又陌生。因为虽然每天都在写很多js代码，但对于其原理及运行机制还不是很熟悉。这在系统资源充足的情况下缺陷显露不出来，但在有性能需求或是不同浏览器上需要兼容时可能问题就冒出来了。所以明白引擎的工作原理还是非常有必要的。 那什么算是引擎呢？个人觉得再计算机领域，
阅读全文
摘要：flex 布局父项常见属性: flex-direction: // 设置主轴的方向 row -- 默认值从左到右 row-reverse -- 从右到左 column -- 从上到下 column-reverse -- 从下到上 justify-content: // 设置主轴上的子元素排列方式 f
阅读全文
摘要：使用 componentWillReceiveProps(newProps) 函数，当 props 改变时，我们就可以在该函数中通过 newProps.match.params.id 拿到新的url参数，进而进行更新。如下 componentWillReceiveProps(newProps) {
阅读全文
摘要：为什么要等待一个图片加载？ 额， 也许当你的图片已经加载完了后你希望： 隐藏loading图标。 自动加载更多图片。 转化UI，使图片更加凸显。 或者其他理由 想要找出如何判断图片加载事件的方法，那么就接着往下读吧。 onLoad & onError onload 和 onerror 这两个属性以及
阅读全文
摘要：const { selectedRowKeys:ID } = this.state;console.log(' selectedRowKeys ', ID);
阅读全文
摘要：讲解大致会根据下图展开 本文部分参考了书籍《你不知道的javascript》上卷 对象的定义与赋值 经常使用的定义与赋值方法obj.prop =value或者obj['prop']=value Object.defineProperty()语法说明 Object.defineProperty()的作
阅读全文
摘要：宏任务队列可以有多个，微任务队列只有一个； 主线程上的任务是第一个宏任务； 会建立宏任务的有：setTimeOut、 setInterval、 requestAnimationFrame 会建立微任务的有：Promise的回调、 process.nextTick 当有一个宏任务队列执行完毕后，会执行
阅读全文
摘要：tree-shaking来自于rollup.js，原理相同，就是通过分析静态的ES模块，来剔除未使用代码的。
阅读全文
摘要：CSRF攻击的全称跨站请求伪造（Cross Site Request Forgery），通过盗用用户的身份信息，以你的名义向第三方网站发起恶意请求，若转账、盗取账号、发信息、邮件。流程框图如下： 所以CSRF攻击一般场景是： 1、用户登录受信站点A，生成本地cookie；2、用户没有退出站点A，访问
阅读全文
摘要：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间 实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法 缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟 //防抖debounce代码： function debounce(f
阅读全文
