首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏米虫的家

    前端模块化开发--Node基础&&WebPack模块化开发

    一、Node 开发 1、模块化开发 定义统一的方法:function.js javascript exports.sum = function sum(a, b) { return a + b; //只可以调用一次 }).listen(8888); 3、接收参数 javascript //接收参数(http://localhost:8888/? registry.npm.taobao.org/ 全局下载 shell npm install xxx -g 运行工程 Code 如果我们想运行某个工程,则使用run命令 如果package.json中定义的脚本如下 dev是开发阶段测试运行 3.运行 npm install 初始化项目时,会将模块下载到项目目录下。 3.运行 npm install 初始化项目时,会将模块下载到项目目录下。

    1.2K30发布于 2020-09-24
  • 来自专栏java学习java

    vue 模块化开发

    1、npm install webpack -g 全局安装 webpack 2、npm install -g @vue/cli-init 全局安装 vue 脚手架 3、初始化 vue 项目; vue init 启动 vue 项目; 项目的 package.json 中有 scripts,代表我们能运行的命令 npm start = npm run dev:启动项目 npm run build:将项目打包 5、模块化开发 style scoped> h1, h2 { font-weight: normal; } </style> Template:编写模板 Script:vue 实例配置 Style:样式 3、 ; 引入公共 css 类", "$4", "</style>" ], "description": "生成 vue 模板" } } 4、导入 element-ui 快速开发 1、安装 element-ui import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 3

    1.5K20编辑于 2022-11-15
  • 来自专栏java编程那点事

    vue模块化开发

    1.全局安装webpack npm install webpack -g 2.全局安装vue脚手架 npm install -g @vue/cli-init 3.初始化vue项目 vue init webpack

    94840编辑于 2023-02-25
  • 来自专栏carven

    前端模块化开发

    其实对前端模块化开发的接触时间并不多,很多见解都是别人的,或者是偏的, 还是乐意记录下来,谁让我一天一个念头 说到前端模块化开发,其实是说 javascript 模块化开发。 目前,大众讲到的 javascript模块化规范 有3种,CommonJS、AMD(异步模块定义)、CMD(通用模块定义) CommonJS CommonJS在 node 端模块采用的规范。 如果缓存之中没有,就创建一个新的Module实例 // 3. 将它保存到缓存 // 4. 加载其他辅助方法到require // 3. 将文件内容放到一个函数之中,该函数可调用 require // 4. 看例子: //... require(['math'], function (math) {     math.add(2, 3);   }); //...

    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 中添加。 单工程方案没法做到代码权限管控,也不能做到开发人员职责划分明确,每个开发人员都可以对任意的组件进行修改,显然还是会造成混乱。 多工程把每个组件都分割成单独的工程,代码权限可以明确管控。 TheRouter.runTask("TheRouter-AgreePrivacyCache") @FlowTask(taskName = "app1") public static void test3( 其中涉及的最重要的工具是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 消失 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模块化开发实践

    一、前言 随着业务的快速发展,现在的互联网App越来越大,为了提高团队开发效率,模块化开发已经成为主流的开发模式。 二、什么是模块化开发 首先我们搞清两个概念,Android客户端开发目前有两种模式:单工程开发模式和模块化开发模式。 三、模块化开发 3.1 我们为什么要做模块化开发呢? 这里我们说说单一工程开发模式的一些痛点。 当然模块化开发也不是说全都是好处,也存在一些缺点,比如: 1)业务单一、开发人员少的App不要模块化开发,那样反而会带来更多的维护成本; 2)模块化开发会带来更多的重复代码; 3)拆分的模块越多,需要维护的代码仓越多 3)更复杂的依赖,类似A->B->C->D。

    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模块化开发实践

    一、前言 随着业务的快速发展,现在的互联网App越来越大,为了提高团队开发效率,模块化开发已经成为主流的开发模式。 二、什么是模块化开发 首先我们搞清两个概念,Android客户端开发目前有两种模式:单工程开发模式和模块化开发模式。 ~tplv-k3u1fbpfcp-zoom-1.image] 模块化开发的流程也很简单: 版本前期,每个模块由特定的开发人员负责,各子模块分别独立开发、调试; 子模块开发完成后,集成到主模块工程进行整体调试 三、模块化开发 3.1 我们为什么要做模块化开发呢? 这里我们说说单一工程开发模式的一些痛点。 当然模块化开发也不是说全都是好处,也存在一些缺点,比如: 1)业务单一、开发人员少的App不要模块化开发,那样反而会带来更多的维护成本;2)模块化开发会带来更多的重复代码;3)拆分的模块越多,需要维护的代码仓越多

    1.7K20发布于 2021-08-24
  • 来自专栏全栈开发那些事

    Vue模块化开发使用路由

    文章目录 一、Vue模块化开发使用路由 1、为项目安装vue-router,选择终端->新终端选项,在弹出的终端窗口中输入以下命令安装vue-router。 3、定义路由组件。在components目录下新建Home.vue、News.vue、Books.vue和Videos.vue四个文件。 4、单独定义一个模块文件,配置路由信息。 一、Vue模块化开发使用路由 模块化开发使用前端路由也是遵照上一篇文章的步骤,只是形式上有些变化。 先利用Vue CLI创建一个Vue3.0的脚手架项目,项目名为myroute,直接选择Default(Vue 3 Preview)([Vue 3] babel,eslint),开始项目创建。 ; margin-top: 60px; } </style> 3、定义路由组件。

    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 函数),谁需要谁调用即可 但随着项目和团队越来越大,就会出现问题 小杨在自己的 2)要使用某个功能时,要引入多个其他文件,最后页面中的引用可能会非常多 模块化开发的好处 现在已经有了多个JS模块化开发规范和相应的具体实现,我们只要选择其中一种,按照约定来开发,就可以完全避免命名冲突和文件依赖的问题 只需关心当前模块本身的功能开发,需要其他模块的支持时,在模块内调用目标模块即可 模块化开发示例 CMD是比较常用的模块化规范,下面就使用CMD方式作为示例 目录结构 |-js |--|-common // ... // 对外提供自己的 each 方法 exports.each = function() {...}; }); 可以看到,非常简单,CMD规定一个文件就是一个模块,其中有3个重要的关键字 : 1)define 定义一个模块 2)require 用来调用其他模块 3)exports 用来暴露自己对外提供的接口

    1.9K40发布于 2018-04-02
  • 来自专栏人生代码

    前端模块化开发的价值

    前端模块化开发的价值 随着互联网的飞速发展,前端开发越来越复杂。本文将从实际项目中遇到的问题出发,讲述模块化能解决哪些问题,以及如何使用 Sea.js 进行前端的模块化开发。 命名冲突和文件依赖,是前端开发过程中的两个经典问题。下来我们看如何通过模块化开发来解决。为了方便描述,我们使用 Sea.js 来作为模块化开发框架。 模块化开发并不是新鲜事物,但在 Web 领域,前端开发是新生岗位,一直处于比较原始的刀耕火种时代。 直到最近两三年,随着 Dojo、YUI3、Node.js 等社区的推广和流行,前端的模块化开发理念才逐步深入人心。 前端的模块化构建可分为两大类。 一类是以 Dojo、YUI3、国内的 KISSY 等类库为代表的大教堂模式。在大教堂模式下,所有组件都是颗粒化、模块化的,各组件之间层层分级、环环相扣。

    1.4K20发布于 2021-01-12
  • 来自专栏Czy‘s Blog

    Js模块化开发的理解

    Js模块化开发的理解 模块化是一个语言发展的必经之路,其能够帮助开发者拆分和组织代码,随着前端技术的发展,前端编写的代码量也越来越大,就需要对代码有很好的管理,而模块化能够帮助开发者解决命名冲突、管理依赖 描述 模块化开发其实就是封装细节,提供使用接口,彼此之间互不影响,每个模块都是实现某一特定的功能,同时也需要避免全局变量的污染,最初通过函数实现模块,实际上是利用了函数的局部作用域来形成模块。 ,开发者通常使用Module设计模式来解决Js全局作用域的污染问题。 CommonJs、AMD、CMD、ES6都是用于模块化定义中使用的规范,其为了规范化模块的引入与处理模块之间的依赖关系以及解决命名冲突问题,并使用模块化方案来使复杂系统分解为代码结构更合理,可维护性更高的可管理的模块 -- 3.html 由于浏览器限制,需要启动一个server服务 --> <!

    2.5K60发布于 2020-11-12
  • 来自专栏耕耘实录

    Vue的模块化开发初探

    Vue的模块化开发初探 一 概述 Vue是一个渐进式JavaScript框架,可以按需引入部分功能,而不必全量引入整个框架。 二 步骤 2.1 下载必须模块 在浏览器输入:https://unpkg.com/vue@3/dist/vue.esm-browser.js,右键另存为,保存到demo.html文件同级目录下。 ).mount("#app") </script> </body> </html> 2.4 运行结果 在Live Server中预览: 运行结果: 三 总结 与传统开发方式不一样的是

    42600编辑于 2024-05-24
  • 来自专栏杰的记事本

    Javascript模块化3篇之一

    网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等……开发者不得不使用软件工程的方法,管理网页的业务逻辑。 Javascript模块化编程,已经成为一个迫切的需求。 理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 但是,Javascript不是一种模块化编程语言,它不支持”类“(class),更遑论”模块”(module)了。 本文总结了当前"Javascript模块化编程"的最佳实践,说明如何投入实用。虽然这不是初级教程,但是只要稍稍了解Javascript的基本语法,就能看懂。 ? var module1 = (function (mod){     mod.m3 = function () {       //…     };     return mod;   })(module1 ); 上面的代码为module1模块添加了一个新方法m3(),然后返回新的module1模块。

    40830发布于 2019-09-05
领券