《前端工程化》第4页

Javaweb后端开发必学(HTML、CSS、JS、Vue)

对象ArrayStringJSON(对象标记法)BOMWindow浏览窗口对象Location：地址栏对象DOMJS事件监听事件绑定常见事件Vuevue生命周期Axios前后端分离开发[YApi]()前端工程化

幸运淦淦·2023-11-29 01:55

前端工程化方案webpack工作流程

之前写vue的时候有vue-cli的加持，run一下自动打开浏览器和项目对应的网页，修改完代码文件页面也自动更新，开发的时候相当方便。但是没有去细想想其中的原理。现在了解了，底层都是webpack在工作，vue-cli对其进行了封装变成了vue专属的工程化方案。为了减少代码冗余提高项目整体性能，程序员写好的代码不能直接上线，需要再对代码进行压缩打包（删除注释、空行等一切运行时不需要的文本），由此w

black^sugar·2023-11-29 01:58

前端工程化与webpack

文章目录一、前端工程化1、小白眼中的前端开发vs实际的前端开发2、什么是前端工程化3、前端工程化的解决方案二、webpack的基本使用1、什么是webpack2、创建列表隔行变色项目3、在项目中安装webpack4

步步生花@苏殿主·2023-11-29 01:27

（一）前端工程化与Webpack

Vue2.0之前端工程化与Webpack1.前端工程化1.1小白眼中的前端开发会写HTML+CSS+JavaScript就会前端开发需要美化页面样式，就拽一个bootstrap过来需要操作DOM或发起Ajax

Agneei·2023-11-29 01:57

webpack与前端工程化

1、前端工程化1.1、什么是前端工程化前端工程化指的是在企业级地前端项目开发中，把前端开发所需地工具、技术、流程、经验等进行规范化、标准化。

alonghuang·2023-11-29 01:25

webpack前端工程化

，其他资源的模块化)2.组件化(可复用的UI结构、样式、行为)3.规范化(目录结构划分合理，编码规范化，接口规范化，文档规范化，版本控制规范化)4.自动化(自动化构建，自动化部署，自动化测试)目前主流前端工程化解决方案

buyue__·2023-11-29 01:22

webpack工程化前端开发

/webpack.git前端开发实际的前端开发1、模块化（js代码的复用）2、组件化（htmlcss的复用）3、规范化（目录结构有层次，代码编写风格保持一致等等）4、自动化（例如自动刷新等）目前主流的前端工程化解决方案

大菠萝-·2023-11-29 01:22

跨平台开发解决方案浅谈

跨平台开发解决方案浅谈前言本文所讨论技术都是基于大前端生态下的本文所指跨平台概念无特殊说明时泛指跨安卓和ios用前端工程化技术开发出app也是本文所讲重点作为用户来说，当然希望使用App的时候能够顺畅流利

攻城狮深巷·2023-11-28 13:36

前端web开发学习笔记

JavaWeb前端Web开发HTMLCSSjavaScript1.JS引入2.JS基础语法3.JS函数4.JS对象BOMDOM文档对象模型JS事件监听VueVue常用指令Vue的生命周期AjaxAxios前端工程化环境准备

不会写算法的小王·2023-11-28 04:13

JavaScript性能优化-工具及代码优化（11）

Part2·前端工程化实战JavaScript性能优化-工具及代码优化文章说明：本专栏内容为本人参加【拉钩大前端高新训练营】的学习笔记以及思考总结，学徒之心，仅为分享。

5coder·2023-11-27 21:04

前端项目工程化

Npm是nodejs里面自带的帮助我们构建前端工程化的工具Win+r打开运行工具输入cmd选择确定进入cmd控制面板检查nodejs的版本输入node-v可以查看版本在保证nodejs安装完毕的情况下使用

Echo_1b8a·2023-11-27 10:44

JavaWeb中的前端工程化相关知识

Ajax1.Ajax（AsynchronousJavaScriptAndXML），一部的JavaScript和XML。2.作用：数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术，如：搜索联想、用户名是否可用的校验等3.同步与异步：4.原生Ajax使用的步骤：准备数据地址创建XMLHttpRequest

leapzed·2023-11-25 21:22

Javaweb之前端工程化的详细解析

3前端工程化3.1前端工程化介绍我们目前的前端开发中，当我们需要使用一些资源时，例如：vue.js，和axios.js文件，都是直接再工程中导入的，如下图所示：但是上述开发模式存在如下问题：每次开发都是从零开始

东北赵四·2023-11-25 21:46

前端工程化_知识点精讲

前端小魔女·2023-11-23 04:19

前端工程化——模块化开发

模块化开发当下最重要的前端开发范式之一按照代码实现的功能不同划分成不同的模块实现单独维护，提高开发效率，降低维护成本模块化的演变过程Stage1-文件划分方式将不同功能写入到不同文件中通过script标签在文件中进行引入存在命名冲突问题，污染全局作用域依靠约定，且无法管理模块依赖问题没有私有空间，外部可以对其进行修改Stage2-命名空间方式暴露一个对象，将每一个模块包裹到一个对象中来实现减少命名

Jelly-JK·2023-11-22 21:32

前端工程化-什么是构建工具

了解构建工具之前，我们首先要知道的是浏览器只认识html、css、js，而我们开发时用的vue，react框架都只是为了方便我们开发而使用的工具使用构建工具的原因vue或react的企业级项目里都会具备这些功能：1.使用typescript语言：如果我们遇到ts文件我们需要使用tsc命令将typescript代码转换为js代码2.使用react/vue:安装react-complier/vue-c

糕冷鲨手·2023-11-22 14:03

作为一个前端应该如何高效的与后端协作开发

1.前后端分离前端与后端的分离，能使前端的开发脱离后端的开发模式，拥有更大的自由度，以此便可做前端工程化、组件化、单页面应用等。

强哥科技兴·2023-11-22 05:00

框架技术---Vue的webpack

Vue框架内容管理Vue前端工程化webpackwebpack介绍项目创建实例：列表隔行变色项目中配置webpackmodule的可选值【webpack.config.js中】前端相对路径/./../.

码农C风·2023-11-22 03:59

工程化基础、自动化工具

工程化基础、自动化工具一、前端工程化，Node.js1.前端工程化是什么做什么2.Node.js基础是什么做什么使用npm3.前端工程化是由Node.js强力驱动的。

我和夏天来了·2023-11-21 10:11

初识node.js

Node.js是一个跨平台（独立）JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序//作用：使用Node.js编写服务器端程序//编写数据接口，提供网页资源浏览功能等等//前端工程化

小小程序员.¥·2023-11-20 21:26

Windows系统和Mac OS系统的免费FTP客户端有哪些？

hi,大家好,今天又到了我们的博学时间.之前在「趣谈前端」和大家分享了很多「可视化低代码」相关的技术分享和「前端工程化」的最佳实践,今天和大家分享几个在「Windows」和「Mac」下的最佳免费「FTP

徐小夕@趣谈前端·2023-11-20 03:44

vue3项目安装eslint和prettier

【几乎最全/全网最长的2万字】前端工程化完整流程：从头搭到尾（vue3+vite+qiankun+docker+tailwindcss+iview......）

深一海·2023-11-20 02:59

浅谈nodejs中间层

但是它也存在自身的局限性.和那些传统老牌的编程语言相比,如JAVA,PHP.nodejs并不能成为它们的替代品,而且在可预估的未来,也很难撼动那些老牌编程语言的地位.目前nodejs主要有以下几个应用场景.前端工程化

_Kay_·2023-11-19 10:05

从项目演进看前端工程化发展

这篇文章想重点来和大家聊一下「现代库编写」的话题，相信技术和思维上，对你会有启发。01库，不仅是能用国庆长假已过，2019年进入最后一个季度，前端技术和解决方案每时每刻在确立着新的格局。「如何写好一个现代化的开源库」——这个话题始终很值得讨论。当然，这对于初级开发者也许并不简单。比如，我们要思考：开源证书如何选择库文档如何编写，才能做到让使用者快速上手TODO和CHANGELOG需要遵循哪些规范，

「已注销」·2023-11-19 03:11

什么是前端工程化？

一、什么是前端工程化虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。

卖菜的小白·2023-11-16 17:21

话题：什么是前端工程化？

虽然前端工程化的概念兴起还没几年的时间，但是对于“工程化”这个词并不是一个新鲜词了，在其他软件开发的领域很早就已经有了高度的工程化，例如Web服务端开发。

jinmu520·2023-11-16 17:15

浅析webpack的原理

在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。二、webpack的原理知其然知其所以然。1、核心概念（1）entry：一个可执行模块或者库的入口。（

wsx1212123·2023-11-13 09:18

前端面试系列之工程化篇

前端工程化Webpack概念本质上，webpack是一个用于现代JavaScript应用程序的静态模块打包工具。

程序员辰风·2023-11-10 12:33

Vue项目的启动

前缀知识：1.前端工程化：是指在企业级的前端项目开发中，把前端开发所需要的工具、技术、流程、经验等进行规划化、标椎化。一般使用的工具就是vue官方提供的脚手架工具即

一根会骑马的Banana·2023-11-10 00:51

【前端提升之---webpack 一】

前端（一）1.1前端工程化发展历史前端发展历程(1995)BrendanEich发明Javascript->(2005)Ajax广泛应用->(2008)V8引擎发布->(2009)Node.js发布->

A.油茶·2023-11-09 14:17

手把手带你实现React+Vite+TS项目的CICD

本文节选自本人博客：前端工程化-GithubAction实现CICD作者简介：大家好，我是MilesChen，偏前端的全栈开发者。

爱吃糖的猫·2023-11-09 02:11

干货 | 提升前端工程化，携程 Design2Code 从零到一的实践

作者简介by，携程高级研发经理，专注低代码平台搭建和前端智能化技术。Jialu，携程研发总监，专注大前端技术和工程化的研究与发展。一、背景在软件开发过程中，团队协作效率的提高是我们共同关注的问题。为了解决这一问题，许多团队都开始使用智能化工具。Design2Code（简称D2C）工具是其中一种广受欢迎的选择。在本文中，我们将分享D2C工具的核心算法方案设计和实现过程，以及一系列的解决方案。无论你是

携程技术·2023-11-08 14:51

前端模块化发展（CommonJs、AMD、CMD、UMD、ESM）

前端工程化发展历程文章目录前端工程化发展历程一、原始时期二、立即执行函数（IIFE）三、CommonJs、AMD、CMD、UMD、ESM1.CommonJs2.AMD3.CMD4.UMD5.ESM一、原始时期没有模块化时期存在声明变量易引起污染

_会飞的肥牛·2023-11-07 20:09

前端工程化（vue2）

一、环境准备1.依赖环境：NodeJS官网：Node.js2.脚手架：Vue-cli参考网址：安装|VueCLI介绍：Vue-cli用于快速的生成一个Vue的项目模板。主要功能有：统一的目录结构，本地调试，热部署，单元测试，集成打包。//全局安装脚手架npminstall-g@vue/cli//通过查看vue版本,判断脚手架是否安装成功vue--version二、创建vue项目1.命令行创建vue

花楠拾·2023-11-07 13:06

前端工程化（vue脚手架安装）

用命令行安装，先安装NodeJs，配置环境变量1.npmconfigsetprefix"C:\ProgramData\Microsoft\Windows\StartMenu\Programs\Node.js"//引号内路径是NodeJs安装所在路径2.npmconfiggetprefix查看其是否成功3.npminstall-g@vue/cli4.vue--version//查看vue版本

liulemon6·2023-11-07 13:26

前端工程化（三）--- vue-cli 脚手架

一、概念vue-cli是Vue.js的开发工具，它简化了程序员基于webpack创建工程化的Vue项目的过程。可以让开发者把精力专注在应用逻辑上，而不必花好几天去纠结webpack配置的问题。中文官网：VueCLI(vuejs.org)二、Vue项目的运行流程在工程化的项目中，vue要做的事情很单纯就是通过main.js将App.vue渲染到index.html的指定区域中。分开来说就是，App.

努力的小朱同学·2023-11-05 18:13

前端工程化（Vue-cli3和Element-UI）Vue脚手架

vue4.Vue脚手架4.1Vue脚手架的基本用法三级目录4.Vue脚手架4.1Vue脚手架的基本用法Vue脚手架用于快速生成Vue项目基础架构，其官网地址为：Vue使用步骤：1.安装3.X版本的Vue脚手架：//简写为npmi-g@vue/cli也可以npminstall-g@vue/clitips:npm命令是安装node.js之后就会有的，详看node基础安装完毕后,查看是否安装成功，出现版

仲颖·2023-11-05 18:40

前端工程化VUE-cli

六前端工程化vue-cliVue是渐近式框架，你可以用它一个功能，也可以用全家桶。前面的章节中，我们是在html中引入vue.js，只用它核心的数据绑定功能。

Java-呆萌老师·2023-11-05 18:08

前端框架Vue学习 ——（五）前端工程化Vue-cli脚手架

文章目录Vue-cliVue项目-创建Vue项目-目录结构Vue项目-启动Vue项目-配置端口Vue项目开发流程Vue-cli介绍：Vue-cli是Vue官方提供的一个脚手架，用于快速生成一个Vue的项目模版安装NodeJS安装Vue-clinpminstall-g@vue/cliVue项目-创建图形化界面Vue项目-目录结构src下Vue项目-启动npmrunserveVue项目-配置端口vue

sweetheart7-7·2023-11-05 18:04

傻瓜式教程：前端工程化之eslint+prettier+husky+vscode配置

Eslint简介众所周知，Eslint工具在当前前端工程化中有着举足轻重的分量，一般所谓【前端稳定性建设】最容易落地和成效的就是它。

叶小七的真命天子·2023-11-04 16:40

创建React项目

在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app

笑到全世界流泪s·2023-11-04 07:09

Webpack实现前端工程化

基础：Webpack实现前端工程化引言在很久之前，模块化管理还没有出现，如果我们开发一个页面想要引入一些依赖的话，最常见的做法就是将依赖文件引入到.html文件中。

柒一柒·2023-11-03 00:55

2021 前端开发路线图

在GitHub看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读.image.png总结：大功告成✌️✌️✌️✌️✌️✌️✌️✌️✌️✌️

前端的爬行之旅·2023-11-02 22:26

前端工程化：CommonJS、AMD、CMD、UMD和ES Modules的区别

前端工程化思想一直以来都是一个非常热议的话题，其实前端工程化从技术方面来说，无非就是这么几点：CommonJS、AMD、CMD、UMD和ES6Modules，那么我们就来说说前端这几个模块。

leelxp·2023-11-01 19:18

前端工程化需要知道的一些知识

:综合实践能力、常见兼容hackhtml:遵循w3c规范的语义化结构js:硬技能：数据结构、算法、抽象能力、架构能力、工程化思维大前端（纵向、nodejs）、泛前端（横向\reactnative）##前端工程化的意义一系列规范和流程及集合一种可演化

微个日光日·2023-11-01 10:03

浅谈外包、小型创业、中型创业和大厂的前端体验

前端工程化：使用业界方案，怎么快怎么来。学习氛围：自

WEB前端含光·2023-10-31 19:21

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境

还没尝试的同学可以从本文开始学习，从0开始手把手带你搭建一套规范的Vite+Vue3+TypeScript前端工程化项目环境。

飞歌Fly·2023-10-31 07:22

前端工程化实践总结 | QQ音乐商业化Web团队

蓝字关注，回复“加群”加入前端技术群与大家一起成长|导语本文主要介绍在前端工程化的一些探索和实践，结合移动端的基础库重构和UI组件库开发这两个项目详细介绍工程化方案。

frontend_frank·2023-10-30 20:28

这一次，彻底入门前端测试，覆盖单元测试、组件测试（2.4w 字）

前端测试一直是前端工程化中很重要的话题，但是很多人往往对测试产生误解，认为测试不仅没有什么用而且还浪费时间，或者测试应该让测试人员来做，自己应该专注于开发。

前端码农小王·2023-10-30 19:34

前端知识体系概要

前端开发必备JavaScript语言发展与PHPJavaScript函数式编程与测试2、NodeJSExpress、KOA1&2基础与实践NodeJS核心API与源码HTTP协议、腾讯地图Node架构设计3、前端工程化与持续构建

微个日光日·2023-10-30 16:03

推荐频道

《前端工程化》