《前端工程化》

Vue学习、从简单入门到深入（零）—— Vue学习步骤

Vue学习、从简单入门到深入（一）——Vue学习步骤前言用vue做过一些项目，但个人感觉对vue理解还是比较浅，所以想根据尤大神的建议从头学一遍，已达到真正的掌握vue及其相关的前端工程化工具.起步扎实的
赵小猛·2020-08-19 00:43

零基础学Vue--day06

1.前端工程化(前端模块化)传统开发模式的问题：命名冲突:多个js文件之间，如果存在重名变量，会发生变量覆盖；文件依赖:js文件之间，无法实现相互引用；通过模块化，解决上述问题:模块化就是，把单独的一个功能
淡漠的繁华·2020-08-18 23:48

我的React前端工程化模板&组件库

react-template-easilyDesc：react-template-easily是一套以react技术搭建的项目模板，适用于移动端H5,webapp和hybirdApp开发。其中包含常用20+常用组件，精细计算的rem，以及诸多项目的实践。URL:https://github.com/jinjiaxing/react-template-easilyDemo:Demo展示（请使用chr
Jason-Jin·2020-08-18 20:42

转转｜又写bug了？没时间生活？腹肌小哥哥教你一个函数搞定线上bug

关注我们文末有福利袁小龙■商业客服前端负责人，8年前端开发经验，西小口第一虞姬，在性能统计，前端工程化方面有一定的研究，平时喜欢运动，不定时会冒出一个点子来解决一下效率和质量问题。
大转转FE·2020-08-18 10:47

前端工程化——模块化规范

模块化的相关规范为什么要模块化：传统开发模式的主要问题：命名冲突问题：多个js文件之间如果存在重名的变量就会出现变量冲突问题；文件依赖问题：js文件之间不能出现相互引用模块化：把单独的一个功能封装到一个模块文件中。模块之间相关隔离，但是可以通过特定的接口公开内容部成员，也可以以来别的模块。模块化开发的好处：方便代码管理，提升开发效率，方便后期维护（一个字厉害！）模块化规范如下：服务器端：commo
zhhvera·2020-08-18 07:14

安装Jenkins时不能联网安装插件问题解决

最近对前端工程化问题很感兴趣，想研究下CI。就下载了个Jenkins（windows环境下）。安装真的好简单，双击exe文件，就安装成功了。
nothing_more_than·2020-08-17 11:01

浅谈前端工程化（二）Gulp和Webpack构建项目

过去，前端一直在各种为战，不停的造轮子，前端只会一种语言js,js只能在浏览器运行，前端工程化无从谈起，在node出现之后，各种前端构建工具才如雨后春笋般层出不穷。
牧云流·2020-08-17 05:54

浅谈前端工程化（一）Nodejs和NPM

传统前端在前面所有的文章中，我们都是在围绕网页的三部分，结构（HTML）、表现(CSS)、行为(JS)分离的方式来介绍的,传统的前端，就是在html文件中引入css文件和js文件（包含jQuery之类的js库），来实现网页的一部分，通常包括：页面的静态实现，即所谓的切图或者DIV+CSS页面实现使用js及其插件完成页面的动态效果表单提交、数据验证或使用ajax与后端交互数据这时候前端在WEB项目中
牧云流·2020-08-17 05:54

我的那几年 - 前端复盘 01

长远目标：架构(暂时理解是一种思维的转变及技术的成长，角度)1.前端工程化模块化组件化以及微前端2.http协议理解透彻3.服务器深入了解，linux命令熟练操作，sql语句基础4.前后端编程思想短期目标
阿阳啊·2020-08-16 13:59

实现 node_modules 共享

参考：https://segmentfault.com/a/1190000000610038Gruntjs作为前端工程化工具，能够很好的对前端资源进行管理(校验，合并，压缩)。
weixin_34006965·2020-08-15 20:59

前端优化——前端工程化

开了一个大前端技术交流群，也可直接加我微信入群（mokinzhao）背景与意义：早前前端的开发工作在一些场景下被认为只是日常的一项简单工作，或只是某个项目的"附属品"，并没有被当做一个"软件"而认真对待（无论是产品负责人还是开发者），都会有用完即丢的感觉，对于时间和成本的控制必然将导致最终产出倾向于出现"质量低"、"可维护性差"、"可用性差"等问题。随着Web业务日益复杂化和多元化，工程复杂了就会
Mokin_Zhao·2020-08-15 17:21

【Vue】详解 SFC 与 vue-loader

如果在项目开始阶段为前端工程化复杂的配置而困惑，不妨试试使用IDE自动构建，推荐使用WebStorm新建Vue项目，参考WebStorm2018的破解、汉化与设置使用.vu
weixin_34377065·2020-08-15 08:28

前端工程化-ESLint+自动构建篇

ESLint自动化构建（gulp）在前端工程化中自动构建和ESLint是配合使用的，ESLint本身是一个独立的工具。
ZhandsomeZ·2020-08-15 07:50

前端工程化-ESLint+webpack

简介在上篇文章介绍了如何gulp+ESLint，所以呢在本篇文章中主要介绍ESLint+webpackESLint+webpack1、首先安装ESLint和eslint-loader需要注意的loader加载顺序是从后往前的，所以说eslint-loader需要写在babel-loader后面，如下rules:[{test:/\.js$/,exclude:/node_modules/,use:'b
ZhandsomeZ·2020-08-15 07:50

前端工程化-ESLint基础篇

简介1、ESLint是市面上最主流的JavaScriptLint工具监测JS代码质量2、ESLint很容易统一开发者的编码风格3、ESLint可以帮助开发者提升编码能力安装ESLint开始前安装node或者是yarn具体方法请看：https://blog.csdn.net/handsomezhanghui/article/details/1071298611、第一步初始化项目cnpminit-y或
ZhandsomeZ·2020-08-15 07:50

前端工程化-ESLint-API篇

简介在上面文章介绍了怎么安装eslint，在本篇文章中介绍eslint的配置文件ESLint的API1、env决定了当前环境下可使用的全局变量browser-浏览器全局对象node-Node.js全局变量以及scopingcommonjs-CommonJS全局变量以及scopingshared-node-browser-Node.js和浏览器公共的全局变量es6-允许使用ES6中处理modules
ZhandsomeZ·2020-08-15 07:50

前端工程化-规范化篇

前言这一篇文章主要是关于前端规范化的内容，前端规范化是我们践行前端工程化过程中的重要的组成部分有利于项目维护，以及二次开发，减低维护成本，便于后续人员接手为什么要有规范化1、软件开发需要多人协同2、不同的开发者具有不同的编码习惯和喜好
ZhandsomeZ·2020-08-15 07:50

V8引擎详解（一）——概述

背景在现有的javascript引擎中，V8引擎绝对是其中的佼佼者，chrome和node底层都使用了V8引擎，其中chrome的市场占有率已经达到70%，而node更是前端工程化以及扩展边界的核心支柱
jeffreyWang_wjf·2020-08-15 00:58

前端工程化 组件化 模块化

前端工程化组件化更多关注的UI部分，每个组件有独立的HTML、css、js代码。可以根据需要把它放在页面的任意部位，也可以和其他组件一起形成新的组件。一个页面是各个组件的结合，可以根据需要进行组装。
blog-lichuyan·2020-08-15 00:57

什么是Webpack ？

一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp(4.x)Browserify(Webpack前身)Webpack【主流行】rollup.jshttps://www.rollupjs.com
田慧满·2020-08-14 22:09

前端工程化--关于npm/yarn、webpack、vue的工具链

前端工程化--关于npm/yarn、webpack、vue的工具链管理工具npm/yarn安装起步包的安装删除包和依赖安装所有依赖更新包清楚缓存设置webpack配置安装webpack4.0和webpcak-cliwebpack
kikpin·2020-08-14 22:04

2020年Web前端开发将围绕哪些技术点？

就2020年大前端的发展而言，前端仍将专注于小程序、超级应用、跨端开发、前端工程化和新技术应用，这绝非偶然。本文，就一一给大家详解这些趋势。1、小程序在这个项目中，今年仍然是
戏精程序媛·2020-08-14 14:28

前端工程化 ESlint 配置

1、使用的标准//https://github.com/feross/standard/blob/master/RULES.md#javascript-standard-styleextends:'standard',2、.eslintignore忽略和禁用vscode下eslint报错类似word文字报错：3、对于vue文件，可以安装插件4、项目配置//http://eslint.org/doc
weixin_34383618·2020-08-13 21:38

架构 | 前后端分离与前端工程化

文章目录前言前后端分离核心对开发行为和职责的直接影响前端工程化本地代理与ngix反向代理node是什么，有什么特点，与前后端分离，前端工程化的关系node,npm，package.json与webpackvue
MGsniper·2020-08-13 17:17

2.前端工程化-Node.js中通过babel体验ES6模块化

设置淘宝镜像一台电脑只需要设置一次npmconfigsetregistry"https://registry.npm.taobao.org"创建项目文件夹名称不要使用中文不能使用babel因为会和第三方模块babel名称冲突推荐使用:babel-study打开cmd窗口在地址栏输入cmd然后回车打开cmd窗口初始化项目注意:使用npm不要使用cnpmnpminit-y5.安装依赖模块npmi-D@
�Distance.?·2020-08-12 18:24

vue-cli安装和vs code 的相关配置

前端工程化有很多工具可以实现，比如webpack、glup等，他们都是基础node进行开发的。webpack:webpack是一个前端工程化的工具，我们使用webpack进行Vue项目的模块化管理。
weixin_33805557·2020-08-11 23:44

05 webpack4.0学习笔记——配置文件_babel-loader使用

概述babel-loader负责将ES6、ES7代码转换成浏览器可运行的ES5的代码，是现代前端工程化中比较重要的loader。接下来我们介绍babel-loader的基本使用和配置。
X北辰北·2020-08-11 22:03

前端工程化的理解

什么是"前端工程化"？目前来说，web业务日益复杂化和多元化，前端开发从WebPage模式为主转变为WebApp模式为主了。
麦兜_冰夕·2020-08-11 22:29

前端工程化浅识

最近看了很多关于前端工程化的文章，记录一下自己的简单理解。
如梦难醒·2020-08-11 16:12

6.前端工程化笔记

本文为拉勾网大前端高薪训练营第一期笔记自动化步骤创建项目编码格式化代码校验代码风格编译/构建/打包预览/测试WebServer/MockLiveReloading/HMRSourceMap提交GitHooksLint-staged持续集成部署CI/CD自动发布5个维度讲解前端工程化脚手架工具开发自动化构建系统模块化打包项目代码规范化自动化部署常见创建脚手架
w1fl1w·2020-08-11 13:14

带你了解规范化-eslint、stylelint、prettier、git hooks

StudyNotes规范化标准规范化是我们践行前端工程化中重要的一部分为什么要有规范化标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码
白驹过隙时光荏苒·2020-08-11 10:07

浅谈js模块化：commons、AMD、CMD、ES6几种模块化的用法及各自的特点

文章目录一个页面需要引入多个js文件引发的问题：模块化的好处：几种常用的模块化规范1、commonJs2、AMD3、ES64、CMD总结js模块化是现在比较流行的一种用法，它能避免很多以前js的弊端,是前端工程化的所要涉及到的话题
前端岚枫·2020-08-11 05:09

前端工程化

浅析前端工程化1.什么是前端工程化自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。
weixin_30420305·2020-08-11 05:27

前端工程化的理解

前端工程化是一个新兴的词语，改变了前端的开发模式，《前端工程化体系设计与实践》系统的阐述了前端工程化的方方面面。
weixin_34376562·2020-08-10 23:20

一名合格前端工程师的进阶指南！

前端工程化是现代前端的必备技能Web前端这几年进化速度之快让人咂舌，很多前端工程师都不禁吐槽“学不动了”。如今已经不是HTML、CSS、JS前端三剑客仗剑走天下的时代了。
亚米学院·2020-08-10 15:25

前端工程化--Vue-CLI自动生成页面

文章目录背景自动生成页面一、生成表格页1.编辑配置文件2.按照配置文件生成页面`.vue`文件3.添加路由二、生成空白页背景我们的项目是基于vue-cli搭建的，每次需要新加一个页面需要操作以下步骤：在views文件夹下面新建一个文件夹，用来存放新页面的.vue文件。需要在routes.js文件里面新添加一个路由。按照上述操作以后，才可以正常访问新添加的页面，之后才开始对新页面进行正常开发。但是这
前端开发劝退师·2020-08-10 15:48

什么是前端工程化？

恭喜你，你遇到了前端工程化。前端工程化是什么？
weixin_30634661·2020-08-10 13:39

SegmentFault 技术周刊 Vol.3 - 前后端分离与前端工程化

小编：听了这么多前后端分离，今天小编就来和各位好好聊一聊。编小：请问小编，前后端分离是什么？为什么要这么做？具体怎么做？小编：咳咳，前后端分离的问题啊。简单的说，就是前端负责浏览器端用户交互界面和逻辑等，显示数据；后端负责数据的处理和存储等，提供数据。要详细说……还是要具体到项目里理解，再编就编不下去了还是看我们这一期的周刊吧。本期周刊，是社区的小伙伴关于前后端分离的内容，包括何为前后端分离，前后
weixin_33873846·2020-08-10 11:42

我们是如何做好前端工程化和静态资源管理

随着互联网的发展，我们的业务也日益变得更加复杂且多样化起来，前端工程师也不再只是做简单的页面开发这么简单，我们需要面对的十分复杂的系统性问题，例如，业务愈来愈复杂，我们要如何清晰地梳理；团队人员愈来愈多，我们要如何更好地进行团队协作；功能愈来愈多，我们要如何保证页面的性能不至于下降，等等。所有的这些都可以归结为如何提升开发体验和性能问题。提升开发体验我们主要从以下三个方面来提升我们的开发体验。规范
凹凸实验室·2020-08-10 08:33

Vue-Cli3插件实战一：vue-cli-plugin-dll

前述vue-cli3版本的发布距今已经过了大半年，前后迭代了50多个版本，终于趋于稳定；这里不得不得感叹vue开源团队对vue技术栈的倾力贡献，使得vue社区的前端工程化实践又向前迈了一大步。
weixin_33757911·2020-08-10 02:34

面试总结1024

前端工程化工具、webpack作用、配置webpack、包括哪些配置项；webpack打包文件太大怎么办；webpack与gulp区别？继承、闭包、原型链的优缺点、作用、方式、注意；面向
SharonSteven·2020-08-09 19:23

vue项目开发技巧(require.context)

require.context主要使用require.context实现前端工程化动他引入文件require.context(directory,useSubdirectories=false,regExp
即墨258·2020-08-09 11:33

现代前端知识体系梳理（又名：如何才能用得起vue）

目录：Web基础知识jses6coffeescript/typescript模块化css=>css预处理器工程化前端工程化的可能性前提：nodejs包管理器：npm万能打包工具：webpack框架（Vue
LucasBelieve·2020-08-08 22:54

下一代 Web 应用模型 —— Progressive Web App

包括但不限于基于Node.js的前端工程化方案；诸如Webpack、Rollup这样的打包工具；Babel、PostCSS这样的转译工具；TypeScript、Elm这样转译至JavaScript的编程语言
冷月宫主·2020-08-08 15:00

04【前端工程化初探】Jenkines+GitLab+Tomcat流水线配置部署React应用

概述这是一篇硬核文章，如果没有精力和时间劝你还是不要继续往下看，因为会晕。这篇文章是这系列目前为止配置最复杂的一篇文章，里面有很多的坑，如果你感兴趣的话我们一起去踩，具体部署流程如下。系统环境系统：CentOS8.1内存：4G起步硬盘：50G(仅供测试环境)IP：192.168.0.111(仅仅用来部署一套tomcat环境)IP：192.168.0.107(上文中部署Jenkines的虚拟机，本文
X北辰北·2020-08-07 16:53

前端工程化的意义

工程化不是某个具体的工具,工程化的核心是对项目整体的规划和架构解决的问题&带来的价值1.每次开启新项目，都需要做一些重复性的工作，比如下载一些插件,定义项目结构。而工程化可以对这些重复性操作做一个封装,以后每次只需要引用即可。避免了很多重复性操作2.不同的开发人员的代码风格大相径庭，导致从仓库拉下的代码有时候无法直接使用，而工程化可以很好的规范代码要求3.想要使用Less/Sass去提高CSS的编
大唐荣华·2020-08-06 10:25

前端工程化，你做了多少？

前端工程化是近几年比较热门的一个东西，大大小小的团队也在朝着这一方向发展，那么你的团队做了多少呢？前端发展简史石期时代最初的前端页面都是一些静态页面，人们看到的网页就像报纸一样。
dianfenju4557·2020-08-05 18:30

【webpack系列】----- 条件编译

前端工程化开发阶段会遇到哪些场景需要使用条件编译？1.不使用mock的那部分假数据，总不能放在代码里发布生产环境吧？
_ZEUS___·2020-08-05 13:35

吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》

前言之前使用过Vue开发后台、中台项目，也做过移动端H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。常规操作，先点赞后观看哦！你的点赞是我创作的动力之一！概览问题我将从16个方面来论述vue开发过程中的一些技巧和原理。当然由于篇幅有限，先论述前8个问题，下节将完成全系列内容。本篇文章将围绕下列问题进行论述
弹琴弹琴·2020-08-05 12:02

前端实践 | 基于Webpack的多语言解决方案

Webpack是目前非常流行的前端工程化解决方案。通过Webpack，可以非常方便的将前端的组件整合成尽可能少的文件，并且进行混淆压缩
科技峰行者·2020-08-05 08:29
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他