- 综合排序
- 最热优先
- 最新优先
- 来自专栏米虫的家
前端模块化开发--Node基础&&WebPack模块化开发
一、Node 开发 1、模块化开发 定义统一的方法：function.js javascript exports.sum = function sum(a, b) { return a + b; registry.npm.taobao.org/ 全局下载 shell npm install xxx -g 运行工程 Code 如果我们想运行某个工程，则使用run命令 如果package.json中定义的脚本如下 dev是开发阶段测试运行 4.运行npm install --production或者注明NODE_ENV变量值为production时，会自动下载模块到node_modules目录中。 4.运行npm install --production或者注明NODE_ENV变量值为production时，不会自动下载模块到node_modules目录中。
1.2K30发布于 2020-09-24 - 来自专栏达达前端
springboot第4集：springboot模块化开发与项目搭建流程
Spring Boot 是一个基于 Spring 框架的快速开发框架，可以用于构建独立的、生产级别的应用程序。在进行模块化开发时，将应用程序拆分为多个小的、可重用的模块，每个模块负责实现自己的功能。 下面是 Spring Boot 模块化开发与项目搭建的流程： 确定应用程序的功能需求：首先需要明确应用程序要实现哪些功能，确定各个模块的职责。 总结： Spring Boot是一个基于Spring框架的开发框架，它可以快速构建应用程序并支持模块化开发。 下面是Spring Boot模块化开发与项目搭建的流程： 确定项目需求：确定项目的需求和功能，包括数据库设计，用户界面设计等。 以上是Spring Boot模块化开发与项目搭建的大致流程，具体实现过程会因项目需求和场景而有所不同。
1.6K31编辑于 2023-10-08 - 来自专栏java学习java
vue 模块化开发
vue/cli-init 全局安装 vue 脚手架 3、初始化 vue 项目； vue init webpack appname：vue 脚手架使用 webpack 模板初始化一个 appname 项目 4、 启动 vue 项目； 项目的 package.json 中有 scripts，代表我们能运行的命令 npm start = npm run dev：启动项目 npm run build：将项目打包 5、模块化开发 ，这个函数会触发 ", "}", "</script>", "<style lang='scss' scoped>", "//@import url($3); 引入公共 css 类", "$4" , "</style>" ], "description": "生成 vue 模板" } } 4、导入 element-ui 快速开发 1、安装 element-ui： npm i element-ui ' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 3、将 App.vue 改为 element-ui 中的后台布局 4、
1.5K20编辑于 2022-11-15 - 来自专栏java编程那点事
vue模块化开发
install webpack -g 2.全局安装vue脚手架 npm install -g @vue/cli-init 3.初始化vue项目 vue init webpack GoGo(包名称) 4.
94840编辑于 2023-02-25 - 来自专栏carven
前端模块化开发
其实对前端模块化开发的接触时间并不多，很多见解都是别人的，或者是偏的， 还是乐意记录下来，谁让我一天一个念头 说到前端模块化开发，其实是说 javascript 模块化开发。 目前，大众讲到的 javascript模块化规范 有3种，CommonJS、AMD（异步模块定义）、CMD（通用模块定义） CommonJS CommonJS在 node 端模块采用的规范。 将它保存到缓存 // 4. 使用 module.load() 加载指定的模块文件， // 读取文件内容之后，使用 module.compile() 执行文件代码 // 5. 将文件内容放到一个函数之中，该函数可调用 require // 4.
1.5K00发布于 2018-08-08 - 来自专栏网络收集
5、模块化开发
5、模块化开发 为什么需要模块化 JavaScript原始功能 在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的。 那个时候的代码是怎么写的呢？ 幸运的是，前端模块化开发已经有了很多既有的规范，以及对应的实现方案。 常见的模块化规范： CommonJS、AMD、CMD，也有ES6的Modules image.png
68720编辑于 2022-05-28 - 来自专栏开源实验室
Android模块化开发
二、组件化的理解 2.1 模块化 在介绍组件化之前，先说说模块化。 也就是说，原本一个 App模块 承载了所有的功能，而模块化就是拆分成多个模块放在不同的Module里面，每个功能的代码都在自己所属的 module 中添加。 我们知道，在 AndroidStudio 开发 Android 项目时，使用的是 Gradle 来构建，Android Gradle 中提供了三种插件，在开发中可以通过配置不同的插件来配置不同的module 单工程方案没法做到代码权限管控，也不能做到开发人员职责划分明确，每个开发人员都可以对任意的组件进行修改，显然还是会造成混乱。 多工程把每个组件都分割成单独的工程，代码权限可以明确管控。 其中涉及的最重要的工具是TheRouter，TheRouter 是一个 Kotlin 编写，用于 Android 模块化开发的一整套解决方案框架。
2.6K20编辑于 2023-03-14 - 来自专栏Android机动车
Android模块化开发方案
为了应对团队壮大之后的开发模式，我们必须要对业务进行隔离，同时沉淀出通用组件，完善移动开发的基础设施。 作者：jiashuai CSDN：http://blog.csdn.net/jiashuai94 github：https://github.com/shuaijia 1 痛点 模块化以前 3 模块化过程 所谓模块化，是一个分而治之的过程，首先进行垂直拆分，过程中必然会催生出业务共享的 Common 模块，而 Common 又可以继续水平拆分，逐渐变薄，直到 Common 消失 4 代码管理 如果被隔离的业务模块仍然在一个 Project 中，就无法从“物理”上彻底隔绝代码间的相互引用，我们需要从工程上保证业务之间互相独立。 5 另外 实现模块化开发，有两种思路：组件化开发和插件化开发： 以上我们介绍到的就是组件化开发，将各功能模块分离成相互独立的组件，最后由主module来集成调度； 插件化开发一般适用于不是必选功能
1.3K20发布于 2018-08-03 - 来自专栏coderidea
Java怎么模块化开发？
随着项目规模的不断扩大,代码的模块化开发变得越来越重要。优秀的模块化设计,不仅可以提高代码的复用性、可维护性,还可以降低耦合,增强内聚。那么,Java项目要如何进行模块化开发呢? 促进分工协作 模块化的项目,可以按照模块拆分,由不同的开发人员或团队进行开发。有利于项目的分工协作。 二、Java模块化开发的方式 Java支持多种方式进行模块化开发,常见的有以下几种: 通过包(package)进行模块化 可以根据业务功能把类分门别类地放到不同的包中,实际上就是一种模块化方案。 模块化开发是构建大型Java系统必不可少的技能。合理的模块化可以提高代码质量,增强可维护性。Spring Boot提供了很好的模块化开发支持,利用其生态可以比较轻松地实现Java系统的模块化。 要充分理解模块化开发的意义,熟练掌握各种实现技术,才能开发出真正优秀的Java应用程序。
1.1K10编辑于 2023-09-20 - 来自专栏call_me_R
模块化开发 Angular 应用
正如我们之前提到的，Angular 在构建之初已经考虑到了模块化。虽然很多特性都包含在 Angular 的核心中，但是有些特性被捆绑在它们自己的模块中。
4.1K10编辑于 2022-09-19 - 来自专栏人生代码
模块化开发那点历史
前端模块化开发那点历史 不谈什么：传统的模块化开发方式，比如文件拆分、全局变量、命名空间，以及 YUI3 式的模块化开发方式 谈什么：关于 CommonJS、AMD、Node.js、CMD 等相关的故事与未来趋势 主流代表是服务端的开发人员。现在值得关注的有两个实现：越来越火的 component 和走在前沿的 es6 module transpiler。 Modules/Async 流派。 随着 W3C 等规范、以及浏览器的飞速发展，前端的模块化开发会逐步成为基础设施。一切终究都会成为历史，未来会更好。
95310发布于 2021-01-12 - 来自专栏csico
Android模块化开发实践
二、什么是模块化开发 首先我们搞清两个概念，Android客户端开发目前有两种模式：单工程开发模式和模块化开发模式。 三、模块化开发 3.1 我们为什么要做模块化开发呢？ 这里我们说说单一工程开发模式的一些痛点。 当然模块化开发也不是说全都是好处，也存在一些缺点，比如： 1）业务单一、开发人员少的App不要模块化开发，那样反而会带来更多的维护成本； 2）模块化开发会带来更多的重复代码； 3）拆分的模块越多，需要维护的代码仓越多 下图是进化的四个阶段，从最初的单个App工程到现在的4层多仓结构。 注：此图中每个方块表示一个代码仓，上层代码仓依赖下层代码仓。 4）一时难以解决的依赖。 可以先暂时注释掉，保证可以正常运行，后续理清逻辑再决定是进行解耦还是重构。斩断依赖链非常重要，否则可能坚持不下去。
79020发布于 2021-10-12 - 来自专栏生信情报站
React 开发 | 样式模块化
1、使用 ES6 实现样式模块化，避免样式冲突 index.module.css .title { background: red; } Hello.jsx import hello from '
1.1K40编辑于 2022-11-21 - 来自专栏vivo互联网技术
Android模块化开发实践
二、什么是模块化开发 首先我们搞清两个概念，Android客户端开发目前有两种模式：单工程开发模式和模块化开发模式。 要打开多个工程开发的问题 我们基于Gradle插件开发了代码管理工具，可以方便的切换通过代码依赖子模块或者maven依赖子模块，实际开发体验跟单工程多module模式一样，如下图； [6c500f142feb4d3db9137cd2c0d06f02 三、模块化开发 3.1 我们为什么要做模块化开发呢？ 这里我们说说单一工程开发模式的一些痛点。 当然模块化开发也不是说全都是好处，也存在一些缺点，比如： 1）业务单一、开发人员少的App不要模块化开发，那样反而会带来更多的维护成本；2）模块化开发会带来更多的重复代码；3）拆分的模块越多，需要维护的代码仓越多 下图是进化的四个阶段，从最初的单个App工程到现在的4层多仓结构。
1.7K20发布于 2021-08-24 - 来自专栏全栈开发那些事
Vue模块化开发使用路由
文章目录 一、Vue模块化开发使用路由 1、为项目安装vue-router,选择终端->新终端选项，在弹出的终端窗口中输入以下命令安装vue-router。 4、单独定义一个模块文件，配置路由信息。 5、在程序入口main.js文件中，使用router实例让整个应用都有路由功能。 一、Vue模块化开发使用路由 模块化开发使用前端路由也是遵照上一篇文章的步骤，只是形式上有些变化。 <template>
视频页面</template> <script> export default { } </script> <style> </style> 4、 /router' createApp(App).use(router).mount('#app') 在基于Vue.js的项目开发中，如果要导入一个目录中的index.js文件，可以直接导入该目录，内置的90610编辑于 2023-02-25 - 来自专栏前端学习笔记
Node.js模块化开发
JavaScript开发弊端 JavaScript在使用时存在两大问题，文件依赖和命名冲突。 ? 2.生活中的模块化开发 ? 3.软件中的模块化开发 一个功能就是一个模块， 多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行。 ? 4.Node.js中模块化开发规范 Node.js规定一 个JavaScript文件就是一 个模块， 模块内部定义的变量和函数默认情况下在外部无法得到.
2.1K20发布于 2020-10-26 - 来自专栏性能与架构
JS模块化开发的价值
非模块化方式开发的痛苦 （1）命名冲突 起初，我们定义了一个通用功能的JS文件，例如 utils.js（其中有一个 each 函数），谁需要谁调用即可 但随着项目和团队越来越大，就会出现问题 小杨在自己的 a.js 中也定义了一个 each 函数，这时有人同时引用了 utils.js 和 a.js，冲突就出现了，小杨只好把自己的 each函数名改为别的，再通知别人改名了，之后，不同开发人员之间不断出现这类问题 "util.js"></script> <script src="dialog.js"></script> <script src="b.js"></script> 现在就很容易的出现了两个问题 1）开发人员常忘记引用被依赖的文件 2）要使用某个功能时，要引入多个其他文件，最后页面中的引用可能会非常多 模块化开发的好处 现在已经有了多个JS模块化开发规范和相应的具体实现，我们只要选择其中一种，按照约定来开发，就可以完全避免命名冲突和文件依赖的问题 只需关心当前模块本身的功能开发，需要其他模块的支持时，在模块内调用目标模块即可 模块化开发示例 CMD是比较常用的模块化规范，下面就使用CMD方式作为示例 目录结构 |-js |--|-common
1.9K40发布于 2018-04-02 - 来自专栏米虫的家
前端模块化开发--React框架（三）：应用进阶（react-router4&&antd框架）
GitHub地址 一、react-router4 1、react-router4理解 1) react的一个插件库 2) 专门用来实现一个SPA应用 3) 基于react的项目基本都会用到此库 1) 单页Web应用（single page web application，SPA 2) 整个应用只有一个完整的页面 3) 点击页面中的链接不会刷新页面, 本身也不会向服务器发请求 4) .注册路由: router.get(path, function(req, res)) - b.当node接收到一个请求时, 根据请求路径找到匹配的路由, 调用路由中的函数来处理请求, 返回响应数据 4) 前端路由 Code - a.注册路由: <Route path="/about" component={About}> - b.当浏览器的hash变为#about时, 当前路由组件就会变为About组件 4、 </script> </body> </html> 5、react-router相关API 组件 Code 1)<BrowserRouter> 2)<HashRouter> 3)<Route> 4)
1.5K10发布于 2020-09-24 - 来自专栏人生代码
前端模块化开发的价值
前端模块化开发的价值 随着互联网的飞速发展，前端开发越来越复杂。本文将从实际项目中遇到的问题出发，讲述模块化能解决哪些问题，以及如何使用 Sea.js 进行前端的模块化开发。 命名冲突和文件依赖，是前端开发过程中的两个经典问题。下来我们看如何通过模块化开发来解决。为了方便描述，我们使用 Sea.js 来作为模块化开发框架。 模块化开发并不是新鲜事物，但在 Web 领域，前端开发是新生岗位，一直处于比较原始的刀耕火种时代。 直到最近两三年，随着 Dojo、YUI3、Node.js 等社区的推广和流行，前端的模块化开发理念才逐步深入人心。 前端的模块化构建可分为两大类。 总之，模块化能给前端开发带来很多好处。如果你还没有尝试，不妨从试用 Sea.js 开始。
1.4K20发布于 2021-01-12 - 来自专栏耕耘实录
Vue的模块化开发初探
Vue的模块化开发初探 一 概述 Vue是一个渐进式JavaScript框架，可以按需引入部分功能，而不必全量引入整个框架。 ).mount("#app") </script> </body> </html> 2.4 运行结果 在Live Server中预览： 运行结果： 三 总结 与传统开发方式不一样的是
42600编辑于 2024-05-24
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号