前端 实现 opensearch功能 (umi项目中如何实现)
摘要:一 什么是 opensearch ? 第一步: 用百度举例:先输入百度的域名 第二步: 按Tab键 第三步: 输入值就能进行搜索了 二 一般项目使用opensearch 很简单 1.第一步,新建一个xml文件 <OpenSearchDescription xmlns="http://a9.com/-
阅读全文
posted @
2020-11-30 17:39
长安城下翩翩少年
阅读(491)
推荐(0) 编辑
react 中 Link 标签 重新打开一个新的浏览器窗口
摘要:a标签的target属性 _self :默认。在相同的框架中打开被链接文档。 _blank: 新开一个窗口打开文档 _parent : 在父框架集中打开被链接文档。 _top:在整个窗口中打开被链接文档。 a标签 react-router-dom 或者 umi 中使用 <Link target =
阅读全文
posted @
2020-11-30 15:51
长安城下翩翩少年
阅读(5499)
推荐(0) 编辑
umi 框架 如何配置 自定义 插件 和 loader
摘要:一 准备工作 umi 为 react 的一个封装比较nice的脚手架。优点当然就是 安装方便,开箱即用,集成了诸多好用功能,详见 官网。 当然 缺点就是 无法暴露原始的webpack.config.json 文件,只能按照官方文档上特定的方法进行修改,而文档却并不完善。项目顺利进行大家笑嘻嘻,一旦遇
阅读全文
posted @
2020-11-20 15:25
长安城下翩翩少年
阅读(7525)
推荐(0) 编辑
webpack 自定义 plugin ?
摘要:plugin 的本质 类 (构造函数) 1 重要概念 tapable 类 const { SyncHook, // 同步 执行 SyncBailHook, // 同步执行,但是一旦有返回值,就执行退出,不再继续执行其他 AsyncParallelHook, // 异步 并行执行 AsyncSerie
阅读全文
posted @
2020-11-19 21:28
长安城下翩翩少年
阅读(791)
推荐(0) 编辑
webpack 自定义 loader ?
摘要:loader的本质 - 函数 module.exports = function (content, source , meta){ this.callback(null,content,source,meta);// 同步loader const callback = this.async();
阅读全文
posted @
2020-11-19 21:21
长安城下翩翩少年
阅读(310)
推荐(0) 编辑
webpack 基础篇 ?
摘要:一 webpack 配置五大重要概念? 1.entry:入口文件 2.output:出口文件 3.loader:翻译官 4.plugin:插件 5.mode:"development','production' 二 webpack 常用的loader 1.处理样式 : [style-loader,c
阅读全文
posted @
2020-11-19 21:11
长安城下翩翩少年
阅读(132)
推荐(0) 编辑
webpack 是什么 ?
摘要:什么是webpack ? webpack 是一种前端构建工具,前端静态资源打包工具。 webpack 是以入口文件开始递归便利所有依赖,生成一个静态依赖图 - chunk文件。 再通过不同的loader对 文件进行编译处理,最终生成一个bundle文件输出。 为什么要使用webpack ? 复杂的J
阅读全文
posted @
2020-11-19 20:21
长安城下翩翩少年
阅读(831)
推荐(0) 编辑
http 状态码总结
摘要:状态码 200 : 请求成功 300 : 重定向 400: Bad Request, 传的参数有误 401: Unauthorized, 未授权的,比如未登录,没有相应访问该接口的权限。 403: Forbidden, 访问被服务器端拒绝。原因,需要后端给出一定的解释。比如并没有访问当前资源的权限等
阅读全文
posted @
2020-11-18 14:47
长安城下翩翩少年
阅读(133)
推荐(0) 编辑
前端比较常用的库 (欢迎补充交流)
摘要:一 时间处理 moment.js 是一个优秀的时间格式处理库,但是库本身体积比较大,没有特定的需求,能够用dayjs 替代 dayjs 推荐使用 二 js库 rxjs 库, 是一个优秀的observable 数据流 处理方案 lodash库 是一个优秀的 javascript 工具库,比如 节流,防
阅读全文
posted @
2020-11-17 18:13
长安城下翩翩少年
阅读(652)
推荐(0) 编辑
react-create-app 中 webapck配置 解析
摘要:一 调出隐藏的webpack配置文件 npm run eject 发射出配置文件之后会出现两个文件夹,一个是config文件夹,一个是scripts文件夹。 二 script 文件夹下 start.js 首先关注script文件夹的start.js 文件 - 定义环境变量为development,然
阅读全文
posted @
2020-11-17 15:46
长安城下翩翩少年
阅读(2735)
推荐(0) 编辑
Cannot find module 'webpack-cli/bin/config-yargs
摘要:webpack5 : 启动 webpack-dev-server 报错 : “Cannot find module 'webpack-cli/bin/config-yargs” 分析原因 webpack,webpack-cli 以及 webpack-dev-server版本不兼容 解决方案: 回退版
阅读全文
posted @
2020-11-11 19:53
长安城下翩翩少年
阅读(167)
推荐(0) 编辑
TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'
摘要:ts使用枚举类型引用报错 解决方案一:在对象接口中使用 keyof typeof 枚举变量 enum color { b = 'black', w = 'white', g = 'green' } interface Style{ bg:keyof typeof color, [key:string
阅读全文
posted @
2020-11-03 11:03
长安城下翩翩少年
阅读(5964)
推荐(0) 编辑