首页 > 其他分享 >前端项目代码阅读指南

前端项目代码阅读指南

时间:2023-04-04 22:56:16浏览次数:37  
标签:指南 代码 项目 前端 js 目录

0. 把项目运行起来,如果npm总是报错,并且项目年代久远,直接放弃,找一个能跑起来的看。

1. 看 package.json ,了解项目中用到了哪些依赖,这些依赖一般都是怎么使用的,项目结构大概什么样子

2. 看目录,猜一下每个目录下的文件都是干什么的

3. 看入口文件,一般是index.js,或者 app.js ,了解全局配置

4. 看路由配置,页面间大概是怎么跳转的

5. 运行项目,点一点,控制台打印变量,逐步熟悉项目

6. 增加新功能或者修bug

标签:指南,代码,项目,前端,js,目录
From: https://www.cnblogs.com/zjy4fun/p/17288192.html

相关文章

  • C#高清打印关键代码
    打印过程中,获取可见的实际宽度作为打印,就没有收缩的了,图片收缩放大是模糊的原因之一,所以所见所得就是最好的方法1privatevoidprintDocNew_PrintPage(objectsender,System.Drawing.Printing.PrintPageEventArgse)2{3Graphicsg=e.Gra......
  • 前端随笔
    1、webpack的作用模块打包工具,可以将项目打包成兼容浏览器的格式,或者打包成手机app等。它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其转换和打包为合适的格式供浏览器使用2、node的作用node是一个在浏......
  • CodeMirror 基础配置指南
    CodeMirror基础配置指南需求背景在线编辑项目引入列表页面加载页面内容在线编辑页面在线编辑内容保存需求背景这里为什么会用到在线编辑功能呢?有这样的一个文件管理系统,实时上传js、css、html、shtml、txt等格式文件及文件夹,但是有时候发现上传的文件内容上有不对的地方,如果按传统......
  • 前端科普系列(3):CommonJS 不是前端却革命了前端
    作者:Morrain一、前言上一篇《前端科普系列(2):Node.js换个角度看世界》,我们聊了Node.js相关的东西,Node.js能在诞生后火到如此一塌糊涂,离不开它成熟的模块化实现,Node.js的模块化是在CommonJS规范的基础上实现的。那CommonJS又是什么呢?先来看下,它在维基百科上的定义:CommonJS是......
  • 前端科普系列(4):Babel —— 把 ES6 送上天的通天塔
    作者:Morrain 一、前言在上一节《CommonJS:不是前端却革命了前端》中,我们聊到了ES6Module,它是ES6中对模块的规范,ES6是ECMAScript6.0的简称,泛指JavaScript语言的下一代标准,它的第一个版本ES2015已经在2015年6月正式发布,本文中提到的ES6包括ES2015、ES2016、ES201......
  • 聊聊微前端的原理和实践
    作者:TanXin本文对微前端的概念和场景进行科普,介绍一些主流的微前端的实现库及其用法,并讲解部分这些库的原理和实践知识。一、微前端在项目迭代中,随着业务的发展壮大,项目的功能模块通常也会越来越多。可能原来所有的代码模块都在一个仓库里,由一个团队负责。但随着功能模块越来越多,......
  • ChatGPT淘汰程序员?不可能的!看代码生成机器人如何让我更强
    AIGC让程序员失业?不存在的!聆思开发聊天助手Chaty让你更高效地开发CSK芯片代码、更自在地摸鱼!当遇上十万火急,产品提完需求马上要怎么办?且看Chaty如何破局以往流程:Chaty加持:Chaty是什么是为聆思CSK芯片量身打造的开发助手系列,可根据开发者的需求进行代码生成、问题定位、辅助开发等......
  • c# .net 静态织入 代码生成 Source Generators
    必须创建netstandard项目【ClassLibrary1】来存放代码生成接口[Generator]publicclassDemoSourceGenerator:ISourceGenerator{publicvoidExecute(GeneratorExecutionContextcontext){//Findthemainmethodv......
  • python——异步编程代码实战
    摘要主要介绍python中相关的异步编程的原理和是代码的实战协程实现协程(Coroutine),也可以被称为微线程,是一种用户态内的上下文切换技术。简而言之,其实就是通过一个线程实现代码块相互切换执行。协程不是计算机提供,程序员人为创造。协程的优点:在一个线程中如果遇到IO等待时间,线程不......
  • 软件测试报告需要包括哪些内容?测试人员收藏这份必备指南!!!
    软件测试报告是软件开发生命周期的重要组成部分,是测试人员编写的文档,用于记录测试的过程和结果,对发现的问题和缺陷进行分析,为纠正软件的存在的质量问题提供依据,同时为软件验收和交付打下基础。软件测试报告通常包括以下内容:1、项目背景:介绍测试报告的编写目的、测试系统名......