Press "Enter" to skip to content

Month: April 2022

React 实践自训笔记(一)

这两年一直在打 前端开发的专业基础,没有什么实践,主要以看代码为主,很少动手,现在开始补。这几天在github搜寻,还是找到一些不错的开源实践项目,逐个做一做,并整理成文,结为经验。

找到了几个(看下面),因为都是精心设计过的线下课程,它们的特点或优点是 主题内容较全面,练习题循序渐进,练习题描述清晰,且答案配套,非常适用自学用。

开始之前,先聊一聊有关 实践和理论的关系。

前端模块化开发实验(三)—— React 模块的Welcome world

光有 webpack 等bundling技术 是不够的,前面第一篇说了,构件表达,和构件复合方式 是推动 前端工程模块化的关键。因为即使你有打包不同web模块的机制,可是如果 模块本身的格式编写起来很费劲(看第二篇的Greeting V模块),可扩展性和可维护性差,那工程效率就很低,就谈不上成熟的工程模块化了。

前端模块化开发实验(二)—— 纯JS 模块的Welcome world

当我们往/src 目录创建新源文件,或拷入新资源数据(例如图片),它们都均属于某一种类型 「web模块」类型 的意义是说,它是有某种 固定格式,包括外部形式,和内部构成。例如 V模块类型一定会访问DOM的,样式模块一定有样式定义,并提供给V模块使用等等。本文我们正式开始写V模块。

上一篇我们 为前端模块化开发 做了最基础的工作,包括webpack基础配置(包括开发服务器),和index模块的创建,还创建了一测试的V模块app.js。

然而,这些基础配置是不完整的。第一,app.js没有被转译为更通用的 ES5代码;第二,没有配置支持开发CSS和资源模块。本文任务就是配置更完整的 webpack,并且开发更完整功能 Welcome world 作演示。

前端模块化开发实验(一)——模块概念以及webpack基础配置

现在web 应用前后端分离,前端独立成一个专业,并且还工程化了,这个事实对于 经历过早期Web1.0和2.0的开发者而言,刚接触时应该是比较新奇的。

应用软件网络化,web services 成为不可阻挡的 软件应用的风潮。作为一名技术开发者,一名经历过早期web开发的人,我最感兴趣是 前端工程化的概念——什么东西被工程组件化了。