前端模块化

【转】前端模块化开发的价值

上的文章看了觉得对于我这种js小白挺有收获虽然是在推广SeaJS但是本身的思想是很有参考价值的也算前端的一种重构下面是全文原文地址https://github.com/seajs/seajs/issues/547前端模块化开发的价值随着互联网的飞速发展
iteye_3848·2020-09-14 14:42

2020蓝旭工作室暑期前端培训课Day3——前后端交互的实现、js异步机制、前端模块化开发

HTTP基础HTTP简介HTTP协议(HyperTextTransferProtocol)全称超文本传输协议，是因特网上最广泛的一种网络传输协议，基于TCP/IP协议传输数据。HTTP三个特点它是无连接的它是媒体独立的它是无状态的HTTP工作原理HTTP基于客户端服务端模式，一次HTTP事务处理过程如下：Step1：客户端与服务端建立连接Step2：客户端向服务端发出请求Step3：服务端接受请求
BH13·2020-09-14 01:41

软件架构之前后端分离与前端模块化发展史

在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。前后端分离架构在正式说明前后台架构分离之前，我们来看一下多年之前，传统软件开发的架构模式。为什么要前后端分离还记得零几年我上大学的时候，在初学JavaWeb开发时，课本上介绍的还是JSP+Servlet这种很传统的架构模式，这时候前端和后端业务逻辑
xiangzhihong8·2020-09-14 00:16

前端模块化的作用

相信很多人都用过seajs、requirejs等这些模块加载器，他们都是十分便捷的工程管理工具，简化了代码的结构，更重要的是消除了各种文件依赖和命名冲突问题，并利用AMD/CMD规范统一了格式。然而你了解模块化的作用吗？下面主要讲述模块化能解决哪些问题。命名冲突做项目时，常常会将一些通用的功能抽象出来，独立成一个个函数，比如//util.jsfunctionformate(arr){//实现代码}
lilythy2016·2020-09-13 05:53

web前端模块化开发

定义与由来定义模块就是实现特定功能的相互独立的一组方法。由来背景随着网站逐渐的开发，嵌入网页的js代码越来越庞大，而网页也越来越像桌面程序，需要一个团队去分工协作，进行管理和测试等等。为了更好的管理网页的业务逻辑，也就产生了模块化编程的理念。为了让开发者方便地加载各种模块，因此需要一套编写模块的规范，而且目前通行的JavaScript的模块规范有两种：CommonJS和AMD。另外，在模块化开发问
hfutsqliang·2020-09-13 05:20

前端模块化开发

模块化开发模块化开发使代码耦合度降低，模块化的意义在于最大化的设计重用，以最少的模块、零部件，更快速的满足更多的个性化需求。如果不用模块化编写代码，那么会具有以下问题：代码杂乱无章，没有条理性，不便于维护，不便于复用很多代码重复、逻辑重复全局变量污染不方便保护私有数据(闭包)现在我们使用的模块化规范主要有：CommonJs：主要是服务端nodejs使用的规范，AMD(asyncmoduledefi
wyt-iwnl·2020-09-13 04:21

前端技术总结（前端技术地图）

一、前端模块化随着前端需求复杂度不断增加，一个公司内的前端开发人员也迅速增加，前端需要和后端开发一样的模块化支持，来方便的引用外部的开源的js代码，团队之间的配合。因此前端模块化悄然滋生，无奈j
aae4581·2020-09-12 15:16

前后台项目开发环境搭配

前段时间时间开发了一个前台项目（直接给用户使用），还需要开发一个后台项目（CMS管理系统）后端项目：整个拉钩后端的服务器搭建前端的CMS项目开发环境选用webpack作为工程化工具，webpack是一个基于配置的前端模块化打包工具
albb58·2020-09-11 08:04

npm 进阶命令知多少(一)

npm命令知多少(一)前言作为前端模块化扎展现形式的npm包，已经在前端开发中不可或缺，熟练掌握npm相关内容，也是前端开发者的一门必修课，那么除了npmpublish这类常见内容之外，还有哪些内容需要我们关注呢
潇湘待雨·2020-09-08 20:00

细数国内外的前端大牛

国内玉伯简介玉伯（王保平），淘宝前端类库KISSY、前端模块化开发框架SeaJS、前端基础类库Arale的创始人。2003-2006年，中科院物理所研究生，Fort
Robin90·2020-08-25 16:10

part2-2：前端模块化和webpack学习

模块化开发模块化演变过程最早基于文件划分每个文件就是一个模块：所有模块都在全局工作，所有的模块成员都可以在外部被访问，命名可能冲突，第二阶段：每个模块只暴露一个全局对象在第一阶段基础上用一个对象包裹所有模块成员第三阶段：使用立即执行函数为模块提供私有空间模块私有成员只能在模块内部通过闭包的方式去访问第四阶段：CommonJS规范约定每个文件就是一个模块每个模块都有单独的作用域通过module.ex
PingerLearnWeb·2020-08-25 11:38

前端模块化

背景：前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python(import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所谓的全局变量的呢。1.高端闭包锁
bee1314·2020-08-25 09:43

软件架构之前后端分离与前端模块化发展史

在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。前后端分离架构在正式说明前后台架构分离之前，我们来看一下多年之前，传统软件开发的架构模式。为什么要前后端分离还记得零几年我上大学的时候，在初学JavaWeb开发时，课本上介绍的还是JSP+Servlet这种很传统的架构模式，这时候前端和后端业务逻辑
xiangzhihong·2020-08-25 09:12

最全面、最详细的“前端模块化”总结

背景随着前端功能越来越复杂，前端代码日益膨胀，为了减少维护成本，提高代码的可复用性，前端模块化势在必行。所有js文件都在一个html中引入，造成以下不良影响：请求过多。
前端三昧·2020-08-25 07:28

聊一聊原生浏览器中的模块

前端模块化开发已经是不可逆转，在ECMAScriptmodule之前我们通过requirejs、seajs、LABjs，甚至最早的时候我们通过闭包来实现模块化开发。目前一些主流的的浏览
前端大全·2020-08-25 06:32

前端模块化：CommonJS,AMD,CMD,ES6 学习

作者|subwaydown地址|https://juejin.im/post/6844903576309858318模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章module-loader[1]。一、CommonJSNo
傲娇的koala·2020-08-24 18:06

软件架构之前后端分离与前端模块化发展史

在现行的软件架构中，前端和后端是分离的，即前端只专注于页面渲染，而后台专注于业务逻辑，前端和后端是两个不同的工种，而前后端交互最常见的方式就是通过接口。前后端分离架构在正式说明前后台架构分离之前，我们来看一下多年之前，传统软件开发的架构模式。为什么要前后端分离还记得零几年我上大学的时候，在初学JavaWeb开发时，课本上介绍的还是JSP+Servlet这种很传统的架构模式，这时候前端和后端业务逻辑
xiangzhihong·2020-08-24 18:13

前端模块化开发之ES Module

了解过Web前端开发的小伙伴应该知道，历史上，JavaScript一直没有自己模块体系（module），无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言如java、python等都具备这项功能，唯独Javascript没有，在ES6之前，要想在前端做模块化开发，必须依赖第三方框架来实现，如：requireJS与seaJS，requireJS支持的是AMD规范，seaJS支持
老谢·2020-08-24 17:49

Webpack与Grunt、Gulp的区别？

随着前端发展如日冲天，前端项目也越来越复杂，得益于Nodejs的发展，前端模块化、组件化、工程化也大势所趋。这些年Grunt、Gulp到Webpack随着工程化的发展都大行其道。
跑码·2020-08-24 14:36

谈谈Js前端模块化规范

抛出问题：在开发中在导入模块时经常使用require和import；导出模块时使用module.exports/exports或者export/exportdefault;有时候为了引用一个模块会使用require奇怪的是也可以使用import？？？？它们之间有何区别呢？于是有了菜鸟解惑的搜喽过程。。。。。。追溯根源，来到Js模块化规范1、CommonJS规范（同步加载模块）允许模块通过requi
keywords·2020-08-24 14:02

前端seajs模块化实践

前端模块化开发的价值1、恼人的命名冲突2、烦琐的文件依赖使用Sea.js来解决除了解决命名冲突和依赖管理，使用Sea.js进行模块化开发还可以带来很多好处：模块的版本管理。
凯恩斯·2020-08-24 14:56

删除npm安装的组件

npm是javascript的包管理工具，是前端模块化下的一个标志性产物简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率1.从社区的角度：把针对某一特定问题的模块发布到npm的服务器上，
柠檬不喝柠檬茶·2020-08-24 11:40

Webpack 原理-从前端模块化开始

当前主流JS模块化方案CommonJS规范，nodejs实现的规范AMD规范，requirejs实现的规范CMD规范，seajs实现的规范，seajs与requirejs实现原理有很多相似的地方uESModules，当前js标准模块化方案注意:cjs、amd、cmd、ESModules都是只规范，所以可能对应有多种实现下面就对各个模块化方案做简单说明无模块化时代复制代码无模块化时代的问题污染全局作
weixin_30337157·2020-08-24 03:14

前端模块化的发展史

前端模块化的发展史1、早期Javascript不是一种模块化编程语言，在ES6以前，它是不支持类class，所以也就没有模块module。因此社区一直在寻找如何实现模块化效果的最佳可行性方案。
左手121·2020-08-23 18:24

Rollup-前端模块化打包工具入门

【翻译】Rollup.js前端模块化打包工具入门Rollup.js向导，入门指引概念：什么是Rollup.js？
若叶岂知秋vip·2020-08-23 16:56

webpack打包后的图片无法显示问题

使用图片作为背景图片，用webpack（前端模块化打包工具）进行打包，结果背景图片没有显示出来。在终端输入命令后没有显示任何错误，看到浏览器这里提示找不到背景图片的所在地址！！！
weixin_45748460·2020-08-23 03:02

从 RequireJs 源码剖析脚本加载原理

这两天看到了有关前端模块化的问题，才发现JavaScript社区为了前端工程化真是煞费苦心。
weixin_30950887·2020-08-22 19:52

Vue + Webpack 构建模块化开发框架详解

文章指南概要先在文章开头，做一个总结式的说明，这篇文章主要是讲在前端模块化开发模式中如何用Webpack这样流行的打包器来为当下一个很火热的框架——vue.js，构建一个项目框架。
weixin_34112900·2020-08-22 14:39

五分钟带你回顾前端模块化发展史

五分钟带你回顾前端模块化发展史CSS早在2.1的版本就提出了@import来实现模块化，但是JavaScript直到ES6才出现官方的模块化方案ESModule。
童欧巴·2020-08-22 14:10

前端模块化的前世

随着前端项目的越来越庞大，组件化的前端框架，前端路由等技术的发展，模块化已经成为现代前端工程师的一项必备技能。无论是什么语言一旦发展到一定地步，其工程化能力和可维护性势必得到相应的发展。模块化这件事，无论在哪个编程领域都是相当常见的事情，模块化存在的意义就是为了增加可复用性，以尽可能少的代码是实现个性化的需求。同为前端三剑客之一的CSS早在2.1的版本就提出了@import来实现模块化，但是Jav
Shenfq·2020-08-22 13:27

Vue + Webpack 构建模块化开发框架详解

文章指南概要先在文章开头，做一个总结式的说明，这篇文章主要是讲在前端模块化开发模式中如何用Webpack这样流行的打包器来为当下一个很火热的框架——vue.js，构建一个项目框架。
AngelLover2017·2020-08-22 11:35

commonjs & ES module & babel转码 & webpack转码

js模块发展历程-javaScript模块七日谈前端模块化开发那点历史#588现代ES模块也需要各种转码工具才可以在浏览器里正常运行，下面是转码现代ES模块需要了解到的知识点commonjs&ESmodule
大桔子·2020-08-22 11:38

前端模块化

依赖就近，延迟执行是SeaJS在推广过程中对模块定义的规范化产出CommonJS是通过module.exports定义的，在前端浏览器里面并不支持module.exports,通过node.js后端使用的前端模块化
zhouzhou·2020-08-22 10:11

vue异步组件(高级异步组件)使用场景及实践

一直在寻找一个优雅的实现前端模块化、并能按权重的优先级顺序异步加载的实现方案。突然了解到vue的异步组件，于是便专门研究实践了一下。
qianli·2020-08-22 10:44

前端模块化（一）nodeJS中的CommonJS规范

序言模块化，大家用vue，react等东西，都会接触到像exports，module.exports，export，exportdefault，require，define，import等等字段，感觉很多人对于这些东西还是分不清，概念非常的模糊，便想着写这么一篇文章，一是帮助自己梳理知识点，二是跟大家一起成长。其中有写得不对的，请及时提出来，我及时更正。刚开始写的时候有些无从下手，一是因为知识点太
John·2020-08-22 10:26

基于fis的前端模块化和工程化方案

前端构建工具面对日益复杂的前端环境以及前端技术、node技术的高速发展，前端的开发也越来越工程化，体系化，也就是出现了前端自动化构建工具。他们完成的任务目标基本是：js，css,图片的自动压缩合并（图片也即是是自动sprite）js，css,图片自动添加域名js，css,图片自动添加md5或版本号自动监听文件变化sass/less/coffee等的自动编译支持amd/cmd的模块开发，可自动文件依
左盐·2020-08-22 09:24

前端jsp如何跳转到jsp_使用JSP进行前端模块化

前端jsp如何跳转到jsp介绍面对Web应用程序的模块化时，我们经常会遇到这样一种情况，即后端服务和其他后端资源的结构良好，并被分组为某种模块结构。但是，在我们的情况下，由JSP模板组成的前端部分缺少适当的模块化。是的，有可能包含，但是通常缺少真实的模块结构。但是，让我们首先考虑一下“真正的”模块结构对我们意味着什么。将JSP模板文件切成模块时，我们将任意定义两种模块元素：片段和组件。让我们从后者
diluan6799·2020-08-21 19:47

简述JavaScript模块化编程（二）

前置阅读：简述JavaScript模块化（一）在前面一文中，我们对前端模块化所经历的三个阶段进行了了解：CommonJs,由于是同步的，所以主要应用于服务器端，以Node.js为代表。
weixin_30394669·2020-08-21 17:34

前端模块化发展过程简述

注：以上内容来自于最近的一次组内分享，简单介绍了前端模块化发展过程，部分内容和示例参考网络上优秀的博客和技术文章。
smk108·2020-08-21 16:00

前端模块化——RequireJS

为什么模块很重要？因为有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块。但是，这样做有一个前提，那就是大家必须以同样的方式编写模块。目前，通行的Javascript模块规范共有两种：CommonJS和AMD。AMD是"AsynchronousModuleDefinition"的缩写，即"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模
sleepwalker_1992·2020-08-21 16:28

浅谈前端模块化

前端模块化，相信这个词对于做前端的同学来说，绝对不陌生，你对前端模块化的了解有多少呢？在这里我们就来聊聊前端模块化。一.前端为什么要模块化？
奔跑吧、GZB·2020-08-21 15:28

浅谈前端模块化开发的四种方法

最近在了解前端模块化开发，接下来会把相关的笔记/心得分几片文章记录下来。
可爱的武清伯·2020-08-21 15:55

前端模块化的自我理解

前端模块化在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax
longholidays·2020-08-21 14:35

css 模块化实践

说起前端模块化开发，大部分人可能只会想到js模块化开发吧，网上也确实有各种各样的js模块化方法，但是鲜有谈论Css模块化开发的吧。
一朵红杏·2020-08-21 14:15

web前端模块化开发

1.前言为何要模块化开发?模块是任何大型应用程序架构中不可缺少的一部分，模块可以使我们清晰地分离和组织项目中的代码单元。在项目开发中，通过移除依赖，松耦合可以使应用程序的可维护性更强。与其他传统编程语言不同，在当前JavaScript里，并没有提供原生的、有组织性的引入模块方式。本文就来探讨一下目前的常见几种模块化解决方案。2.为何需要sea.js模块化开发对于无法直接用原生JS完成的新手来说,那
dr_920393252·2020-08-21 14:17

前端模块化开发思维

学习过程中自己练习的测试代码，都是小白式先写好HTML中架构，然后对这些“骨架”进行增添样式，感觉没毛病呀。譬如，假设创建6个盒子，一个盒子宽高100px、背影颜色红色；一个宽高300px、蓝色；一个宽高450px、黄色；一个宽高100px、蓝色；一个宽高450px、红色；一个宽高300px、黄色。作为传统的我一直采用传统的正向顺序编写，传统正向开发-->需要6个盒子，好的，就先写了6个盒子，排排
wendZzz·2020-08-21 13:34

聊聊前端模块化开发

随着JavaScript开发变得越来越普遍，命名空间和依赖性变得越来越难以处理。前端开发者都以模块化的方式处理该问题。在这篇文章中，我们将探讨前端开发人员目前使用的模块化方案以及试图解决的问题。为什么需要JavaScript模块？模块化可以使你的代码低耦合，功能模块直接不相互影响。可维护性：每个模块都是单独定义的，之间相互独立。模块尽可能的需要和外部撇清关系，方便我们独立的对其进行维护与改造。维护
ancitan2456·2020-08-21 13:59

JavaScript 模块化

参考资料：JavaScript模块化历程前端模块化模块化发展历程js一开始并没有模块化的概念，直到ajax被提出，前端能够像后端请求数据，前端逻辑越来越复杂，就出现了许多问题：全局变量，函数名冲突，依赖关系不好处理
Creabine·2020-08-21 12:53

一分钟教你发布npm包

npm是javascript著名的包管理工具，是前端模块化下的一个标志性产物简单地地说，就是通过npm下载模块，复用已有的代码，提高工作效率和移动端开发中，iOS使用的Cocoapods，Android
Never Leave·2020-08-21 03:57

探索可独立开发和横向扩展的微前端模块化方案

关于前端模块化说到前端模块化，你马上想到的可能就是cmd、amd、umd等前端模块化标准，这些是属于文件级别的模块化；或者你会想到component的封装、npm包的封装等等，这些属于组件级别的模块化；
medux·2020-08-21 02:11
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他