Shyno - 博客园

2021年9月8日

摘要：前言:最近发现越学习问题越多,或者说很多问题不久之前刚搞懂,过一段时间就忘记了.根本原因自己没有理解.所以就想系统得学习和整理一下前端相关的东西.争取能更好得吸收现有的知识体系. 什么是宿主环境? 我们常说前端HTML、CSS、javascript这三者为前端三基佬,也就是说作为一个前端,就必须会这阅读全文

posted @ 2021-09-08 18:39 Shyno 阅读(797) 评论(0) 推荐(0)

2021年9月3日

从零开始写一个前端脚手架七、定制化项目信息

摘要：我们目前已经把模板代码拉取到本地了,并且项目的文件名已经修改成了我们在命令行输入的名称.但是模板代码里的package.json里的部分信息仍是从模板带下来的,所以我们需要去修改里面的一些信息. 在文件已经生成的情况下修改文件信息,就要用到node的fs 具体的操作步骤为 1.获取当前执行命令的路径阅读全文

posted @ 2021-09-03 15:53 Shyno 阅读(307) 评论(0) 推荐(0)

从零开始写一个前端脚手架六、模板代码部署

摘要：我们在准备阶段就说过,最好准备一些模板代码.在脚手架生成的时候直接将其直接拿来用. 获取模板代码主要是两种方式: 1.内置在脚手架中,然后通过node file去操作,克隆文件. 好处有:(1)我们可以在脚手架中内置多个模板,比如对应ts的代码模板,对应js的代码模板,对应不同用户权限的代码模板.不阅读全文

posted @ 2021-09-03 15:53 Shyno 阅读(377) 评论(0) 推荐(0)

从零开始写一个前端脚手架四、初始化进程提示(chalk)

摘要：我们之前说过bin里面的index.js文件是作为入口文件存在的.实际上的初始化内容在.action里面操作的,为了方便管理,我们把实际操作的代码抽出来放一块儿管理创建指令文件在根目录创建一个commands文件夹,然后在里面新建一个init.js文件.所以现在的目录为然后init.js里面的阅读全文

posted @ 2021-09-03 15:51 Shyno 阅读(361) 评论(0) 推荐(0)

从零开始写一个前端脚手架三、脚手架初始化

摘要：我们在bin里面新建了一个index.js,这个文件的作用是作为脚手架的初始化文件,可用来作为其他脚本的入口. 初始化文件编写 #!/usr/bin/env node 'use strict' //定义脚手架的文件路径 process.env.NODE_PATH=__dirname+'/../nod 阅读全文

posted @ 2021-09-03 15:51 Shyno 阅读(303) 评论(0) 推荐(0)

从零开始写一个前端脚手架五、用户交互

摘要：我们在初始化的时候需要知道一些信息,比如用户希望项目叫什么名字、项目的描述等,或者其他更高级的操作,比如git会让你登录等操作.我们就需要与用户进行交互此时就需要在准备阶段安装的inquirer,它的基本功能是让用户在命令行"做题",然后拿到答案,根据答案再进行后续操作基本用法 const in 阅读全文

posted @ 2021-09-03 15:51 Shyno 阅读(234) 评论(0) 推荐(0)

2021年9月2日

从零开始写一个前端脚手架二、脚本配置

摘要：模块准备好之后,我们就需要开始编写脚本. 在根目录新建一个bin文件夹,然后在bin文件夹中新建一个脚本文件,比如index.js,那么此时的文件目录为 node脚本编写接下来就是关于index.js里面的node脚本编写了.具体的后续再讨论,目前我们就在里面写入最简单的代码 #!/usr/bin 阅读全文

posted @ 2021-09-02 18:08 Shyno 阅读(376) 评论(0) 推荐(0)

从零开始写一个前端脚手架一、准备阶段

摘要：该系列主要是自主学习时的整理性文档,对于网上的不少博客有借鉴和学习.主体方向部分借鉴了@前端小黑的博客 .感谢其提供了一个清晰地方向贴上原地址:前端工程化搭建自己的脚手架工具详细步骤前端搭建项目的时候类似create-react-app或者vue-cli脚手架都是输入一个命令,然后填一些或多阅读全文

posted @ 2021-09-02 17:37 Shyno 阅读(279) 评论(0) 推荐(0)

2021年8月30日

如何自定义容器组件

摘要：假如我现在想自定义一个类似Form.Item的组件,可以让其作为容器组件,承包一部分逻辑.然后我包裹着的组件还能正常显示. 方案:关键函数React.cloneElement或者React.createElement.如果是直接填入组件而并非动态生成的,主要推荐React.cloneElement, 阅读全文

posted @ 2021-08-30 15:40 Shyno 阅读(142) 评论(0) 推荐(0)

【antd】如何自定义antd组件form表单中Form.Item里的内容组件

摘要：需求:现有一个form表单,但是其中一个元素比较复杂,并不是简单的输入框或者下拉框之类的.但是我又希望能通过form.validateFields().then()去获得它的值,就不需要在当前页面写大量相关的逻辑了. 比如:如图为一个可以增删改的input列表方案:将其封装成自动绑定值的组件 (1 阅读全文

posted @ 2021-08-30 15:12 Shyno 阅读(10235) 评论(0) 推荐(1)