随笔 - 148  文章 - 0  评论 - 13  阅读 - 21万
11 2020 档案
前端 实现 opensearch功能 (umi项目中如何实现)
摘要:一 什么是 opensearch ? 第一步: 用百度举例:先输入百度的域名 第二步: 按Tab键 第三步: 输入值就能进行搜索了 二 一般项目使用opensearch 很简单 1.第一步,新建一个xml文件 <OpenSearchDescription xmlns="http://a9.com/- 阅读全文
posted @ 2020-11-30 17:39 长安城下翩翩少年 阅读(491) 评论(0) 推荐(0) 编辑
react 中 Link 标签 重新打开一个新的浏览器窗口
摘要:a标签的target属性 _self :默认。在相同的框架中打开被链接文档。 _blank: 新开一个窗口打开文档 _parent : 在父框架集中打开被链接文档。 _top:在整个窗口中打开被链接文档。 a标签 react-router-dom 或者 umi 中使用 <Link target = 阅读全文
posted @ 2020-11-30 15:51 长安城下翩翩少年 阅读(5499) 评论(0) 推荐(0) 编辑
umi 框架 如何配置 自定义 插件 和 loader
摘要:一 准备工作 umi 为 react 的一个封装比较nice的脚手架。优点当然就是 安装方便,开箱即用,集成了诸多好用功能,详见 官网。 当然 缺点就是 无法暴露原始的webpack.config.json 文件,只能按照官方文档上特定的方法进行修改,而文档却并不完善。项目顺利进行大家笑嘻嘻,一旦遇 阅读全文
posted @ 2020-11-20 15:25 长安城下翩翩少年 阅读(7525) 评论(0) 推荐(0) 编辑
webpack 自定义 plugin ?
摘要:plugin 的本质 类 (构造函数) 1 重要概念 tapable 类 const { SyncHook, // 同步 执行 SyncBailHook, // 同步执行,但是一旦有返回值,就执行退出,不再继续执行其他 AsyncParallelHook, // 异步 并行执行 AsyncSerie 阅读全文
posted @ 2020-11-19 21:28 长安城下翩翩少年 阅读(791) 评论(0) 推荐(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) 推荐(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) 推荐(0) 编辑
webpack 是什么 ?
摘要:什么是webpack ? webpack 是一种前端构建工具,前端静态资源打包工具。 webpack 是以入口文件开始递归便利所有依赖,生成一个静态依赖图 - chunk文件。 再通过不同的loader对 文件进行编译处理,最终生成一个bundle文件输出。 为什么要使用webpack ? 复杂的J 阅读全文
posted @ 2020-11-19 20:21 长安城下翩翩少年 阅读(831) 评论(0) 推荐(0) 编辑
http 状态码总结
摘要:状态码 200 : 请求成功 300 : 重定向 400: Bad Request, 传的参数有误 401: Unauthorized, 未授权的,比如未登录,没有相应访问该接口的权限。 403: Forbidden, 访问被服务器端拒绝。原因,需要后端给出一定的解释。比如并没有访问当前资源的权限等 阅读全文
posted @ 2020-11-18 14:47 长安城下翩翩少年 阅读(133) 评论(0) 推荐(0) 编辑
前端比较常用的库 (欢迎补充交流)
摘要:一 时间处理 moment.js 是一个优秀的时间格式处理库,但是库本身体积比较大,没有特定的需求,能够用dayjs 替代 dayjs 推荐使用 二 js库 rxjs 库, 是一个优秀的observable 数据流 处理方案 lodash库 是一个优秀的 javascript 工具库,比如 节流,防 阅读全文
posted @ 2020-11-17 18:13 长安城下翩翩少年 阅读(652) 评论(0) 推荐(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) 推荐(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) 推荐(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) 推荐(0) 编辑

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示