条件渲染和列表渲染
import React from "react"class Hello extends React.Component{    constructor(props){        supre(props)        this.state = …
组件间传值详解
父子组件传值 import React from "react"/*父组件*/class Father extends React.Component{    constructor(props) {        super(props)       &nb…
Vue打开新页面被浏览器拦截
方式一 let tempPage = window.open("", '_blank');tempPage.location = "跳转的路径" 方式二 Vue单独打开页面,显示独立路由 let routeUrl = this.$router.resolve({   name:'路由的名字',    quer…
浅谈OAuth2.0
什么是OAuth2.0? OAuth2.0 是一种授权机制,数据的所有者,告知系统同意授权第三方应用进入系统,获取数据,系统从而产生一个进入令牌(token)用来替代密码,供第三方使用 使用场景:常用于获取第三方中的用户资源; 第三方登录 令牌 VS 密码 令牌密码存在周期短,不可以修改可长期存在,可以修改可被管理者撤销一般不允许撤销有利于权限的划…
webpack 功能总结 (二)
webpack 打包库和基础库 webpack 打包库和基础库 下面的实例,以求和为例进行打包,会通过 terser-webpack-plugin 插件进行代码的压缩,设置入口文件,并发布到npm上。 创建 src / index.js export default function num(a,b){    return a+…
webapck 功能总结(一)
自动兼容 css 前缀 postcss-loader postcss-preset-env静态资源内联 raw-loader移动端css PX 自动转换为 rem多页面通用打包方案快速定位源码基础包和公共脚本分离tree shaking (摇树优化)scope hoisting代码分割和动态importwebpack集成eslint 自动兼容css…
webpack 常用解析总结
解析ES6 和 React JSX解析 CSS、Less 和 Sass解析图片和字体文件指纹策略JS、CSS、HTML 代码压缩 解析 ES6 和 React JSX 安装 npm install @babel/core @babel/preset-env babel-loader --save-dev 在 webpack.config.js 文件…
webpack核心概念
起步entry 的用法output 的用法loaders 的用法plugins 的用法mode 的用法文件监听文件热更新自动删除dist文件夹 起步 npm init -y //构建项目文件npm install webpack webpack-cli --save-dev webpack 默认的配置文件为 webpack.config.js ; …
Koa2接口编写
GET格式参数接收 const router = require('koa-router')()router.prefix('/api')router.get("/list",,async (ctx)=>{    let query = ctx.puery    console.log("参数接收",q…