《前端工程化》

前端工程化-公共模块的依赖和常用的工作流

题记：一个人的项目，还有工程化的问题嘛？我们在推进模块化和组件化的过程中，肯定会不断的沉淀出我们项目的模块和组件。对于这些沉淀出的模块和组件怎么管理？另外怎么依赖也是个问题？你真的想这样嘛？varBreadCrumb=require(‘../../../../uikit/breadcrumb’);//真心ugly。之前也尝试了很多的不同的解决方案，最终发现npm2.0的localmodule是最简
bee1314·2020-08-25 09:43

node.js、koa2开发微信小程序后端（一）

node.js能力脱离浏览器运行jsNodeJSStream（前端工程化基础）服务端API作为中间层第一段nodejs代码安装node.js环境；打开vscode新建文件夹island；在该文件夹下新建
莫轻语ce·2020-08-24 17:05

mxgraph 系列【1】： 开始使用

1.简介mxgraph第一个版本提交于2012年，当时前端工程化还在启蒙阶段，工具链严重缺失，用当下的眼光去看待mxgraph简直不堪入目。但是
范文杰·2020-08-24 17:50

前端工程化-Mock Server：使用Node+json-server+mock.js搭建Mock Server

目的为了便于前后端分离开发，前端在本地启动mock服务进行开发，后续对接联调时只需将接口地址改成真实地址即可。一个优秀的mockserver应具备以下功能：随机数据生成，避免手动创建数据；真实接口体验，内存CRUD，header字段指定等；自动扫描json目录（文件）生成API访问路径；服务热启动，json配置更新mockserver自动重启；搭建1.依赖npm包安装glob文件扫描mock.js
tr0313·2020-08-24 17:01

前端面试每日 3+1 —— 第289天

[软技能]举例说明你对前端工程化的理解《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，
浪子神剑·2020-08-24 16:43

前端工程化之提交规范

实现原理前端工程化之提交规范，主要是通过husky在.git目录中埋点hooks脚本，在提交前，通过lint-staged对当前修改做相应的格式化/校验，在提交时，通过commitlint对提交信息做校验
安静de沉淀·2020-08-24 15:48

Webpack与Grunt、Gulp的区别？

前端工程化的早期，主要是解决重复任务的问题。Grunt、Gulp就是其中代表。比如:压缩、编译less、sass、地址添加hash、替换等。
跑码·2020-08-24 14:36

基于webpack的前端工程化开发解决方案探索：

一、代码压缩A.压缩HTML//根据模板插入css/js等生成最终HTMLnewHtmlWebpackPlugin({favicon:'./src/img/favicon.ico',//favicon路径filename:'/view/index.html',//生成的html存放路径，相对于pathtemplate:'./src/view/index.html',//html模板路径inject
fullbook·2020-08-24 14:42

Webpack 配置 React 开发环境

Webpack配置React开发环境先完成基本的配置项，后面在根据项目的复杂度加入更多的配置内容和技巧Webpack是一个前端资源加载/打包工具，只需要相对简单的配置就可以提供前端工程化需要的各种功能，
whjin·2020-08-24 13:22

2020-5-08_webpack面试及优化

在众多前端工程化工具中，webpack脱颖而出成为了当今最流行的前端构建工具。然而大多数的使用者都只是单纯的会使用，而并不知道其深层的原理。希
jacky Lee ∮·2020-08-24 12:40

Github配合Jenkins，实现vue等前端项目的自动构建与发布

本篇文章前端项目以vue为例（其实前端工程化项目的操作方法都相同），部署在Linux系统上（centos）。之前做前端项目的部署，一直都是手动运行打包命令，打包完。
HashTang·2020-08-23 19:51

前端技术认知

开发语言技术：主要是ES6&7，coffeescript，typescript等；开发框架：如Angular，React，Vue.js，Angular2等；开发工具的丰富和前端工程化：像Grunt，Gulp
JennyFengjj·2020-08-23 14:47

基于SpringBoot微服务异常处理最佳实践

随着前后端分离，前端工程化，后端微服务化，越来越多的应用都开始倾向于使用RESTfulAPI为各种各样的客户端提供服务。设计一套优雅的API服务，需要诸多考量，而异常处理往往被忽视，而我认为这恰恰是
做一个坏人·2020-08-23 09:16

web前端工程化之数据绑定

这篇博客我放了好久都没有来补充了，是因为那时候做前端，有很多东西很迷糊，这些名词都是新的，经过这么长时间的沉淀，这些名词就不再是不熟悉的，而是每个页面都在使用的。先来了解一下前端基本结构包括：page.html、page.scss、page.ts我们的页面就是写在html中，页面样式写在scss中，函数方法写在ts中。这个和js很像，其实ts就是封装的js数据绑定--插值法在angular中，使用
mayfla·2020-08-23 00:49

css扩展语言sass和less

less和sass最主要的区别是less是通过Javascript编译，而sass是通过ruby编译的，如果没有引入前端工程化，less会消耗客户端性能，sass会消耗服务端性能，但是引入前端工程化的话
橙小光·2020-08-22 21:22

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

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

大前端进阶-工程化

概述前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化，标准化，主要目的是为了提高效率和降低成本。
carry·2020-08-22 16:12

前端工程化之路（1）- 使用 verdaccio 搭建私有npm库

服务端安装部署安装本文书写时verdaccio最新版本是4.4.1其依赖NodeJs8.x及其以上、python2.7及其以上版本，推荐都装最新的打开终端，全局安装：#Windows下以管理员模式打开cmdnpminstall-gverdaccio#mac或者linuxsudonpminstall-gverdaccio启动服务verdaccio服务启动成功后浏览器访问http://localhos
bigmeow·2020-08-22 13:09

前端codeLint-- 为项目集成ESLint、StyleLint、commitLint实战和原理

导读CodeLint是前端工程化中的一个重要环节（whatiscodelint?），它可以帮助我们在部署代码到生产环境之前及时发现错误并纠正它们，也可以规范我们的编码习惯，让团队的代码风格保持统一。
徐三响·2020-08-22 13:39

2020 年，开启现代库的基建学习 —— 从项目演进看前端工程化发展

在我的课程前端开发核心知识进阶的结束语：《大话社区和一个程序员的自我修养》中，我提到了西班牙语里，有一个很特别的的词语叫做“Sobremesa”。它专指「吃完饭后，大家在饭桌上意犹未尽交谈的那段短暂而美好时光」。因此在课程最后一节，我不再去讲解“很干很硬”的知识点，相反地，我讲述了如何保持社区礼仪，积极融入开源世界，并重点突出如何成为一名开源社区的贡献者。这篇文章继续开源和工程化探索，我想重点来和
lucas_580e331d326b4·2020-08-22 13:06

前端脚手架构建实践

前面的话在前端工程化过程中，为了解决多项目中，相似度高的工作，便诞生许多前端脚手架，这里记录下自己实现一个简易前端脚手架过程的实践。
河马嘴不大·2020-08-22 12:46

Vue全家桶-前端工程化(模块化)

前端工程化(模块化)1.模块化的相关规范1.1模块化概述传统开发模式的主要问题*命名冲突*文件依赖通过模块化解决上述问题*模块化就是单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员
gogopaner·2020-08-22 11:07

阿里云杜欢：云上Serverless开发能力将成为前端的“金手指”

InfoQ记者在近日有幸在2019ArchSummit全球架构师峰会北京站采访到了阿里高级前端技术专家杜欢（风驰），他为我们详细梳理了阿里这两年在前端工程化的过程中，使用云+端的Serverless来探索前端演进过程的经验和体会
阿里云云栖号·2020-08-22 11:37

浅谈2019大前端发展趋势，大佬慎入！

而想要踏入以及已经踏入前端的小伙伴也越来越多，下面我将围绕编程语言、前端工程化、开发框架、小程序+AR+AI、大数据可视化、移动/webAI架构，这六个方面进行分享。正文编程语言篇
不是酸柠檬·2020-08-22 11:01

前端工程化之Bower

一、入门使用1、安装npminstallbower-g2、创建bower.jsonbowerinit3、安装包bowerinstalljquery--save4、搜索包bowersearchjquery二、相关命令1、cache缓存查看缓存bowercachelist清除缓存bowercacheclean2、help帮助bowerhelp3、home在浏览器中查看相应包的网站首页bowerhome
忽如寄·2020-08-22 11:56

人们常说的前端工程化到底是什么？

一切以这些为目标的工作都是"前端工程化"。工程化是一种思想而不是某种技术。
一个很温馨的名字·2020-08-22 11:09

7招提升你的前端开发效率

劳卜的博客知乎专栏：前端呼啦圈前言前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必行的，也是前端工程化的体现
劳卜·2020-08-22 10:21

浅说前端工程化

前言之前看到一个问关于什么是前端工程化的帖子，这个问题之前面试的时候也被问过，现在就系统的整理一下，分享给大家。
皮小蛋·2020-08-22 10:32

前端工程化之Bower

原文作者：忽如寄一、入门使用1、安装npminstallbower-g2、创建bower.jsonbowerinit3、安装包bowerinstalljquery--save4、搜索包bowersearchjquery二、相关命令1、cache缓存查看缓存bowercachelist清除缓存bowercacheclean2、help帮助bowerhelp3、home在浏览器中查看相应包的网站首页b
京程一灯·2020-08-22 04:03

Webpack require.context() 前端工程化之动态导入文件

前言随着项目越来越大，业务需要越来越多，我们项目的目录层级也是非常的多。如果还是通过import分别引入文件，那是非常的不科学的。比如vue项目vuex文件非常多：importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/user';importinfofrom'./stores/info';.../
chizhen4556·2020-08-22 01:49

《前端工程化-体系设计与实践》

《前端工程化-体系设计与实践》一书是将前端日常的项目配置理论化的过程前端工程化-体系设计与实践推荐指数：3颗星适合人群：初中级人员建议：初级人员看可能还有点复杂，建议直接照着网上的webpack构建过程自己搭一个开发环境
___Jing___·2020-08-21 18:15

大前端进阶-工程化

概述前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化，标准化，主要目的是为了提高效率和降低成本。
carry·2020-08-21 04:07

聊聊大前端发展趋势以及 2020 年展望

1.用Node做中间层的前端工程化方案2.Webpack、Rollup这样的打包工具；Babel、PostCSS这样的转译工具3.前端三架马车React、Angular、Vue这样面向现代web应用需求的前端框架及其生态
木易杨说·2020-08-21 02:15

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

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

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

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

你不知道的npm

引言作为node自带的包管理器工具，在nodejs社区和web前端工程化领域发展日益庞大的背景下，npm已经成为每位前端开发同学必备的工具。
之晨·2020-08-20 23:56

你不知道的npm

引言作为node自带的包管理器工具，在nodejs社区和web前端工程化领域发展日益庞大的背景下，npm已经成为每位前端开发同学必备的工具。
之晨·2020-08-20 23:56

自动化部署的一小步，前端搬砖的一大步

在nodejs日渐普及的大背景下，前端工程化的发展可谓日新月异。
Tusi·2020-08-20 23:55

自动化部署的一小步，前端搬砖的一大步

在nodejs日渐普及的大背景下，前端工程化的发展可谓日新月异。
Tusi·2020-08-20 23:55

NoahV | 百度智能运维前端框架开源了

作者简介：喻友文百度高级前端研发工程师负责百度智能运维产品（Noah）的前端研发工作，在前端框架、前端工程化等方向有广泛的实践经验。
AIOps智能运维·2020-08-20 23:33

NoahV | 百度智能运维前端框架开源了

作者简介：喻友文百度高级前端研发工程师负责百度智能运维产品（Noah）的前端研发工作，在前端框架、前端工程化等方向有广泛的实践经验。
AIOps智能运维·2020-08-20 23:33

2019年，你是否可以抛弃 CSS 预处理器？

随着前端工程化的不断完善，CSS预处理器已经成为项目中不可缺少的部分，很多人在项目技术选型阶段就会先选择一个CSS预处理器，绝大部分前端工程的脚手架也内置了一系列的CSS预处理的模版，大家已经习惯了享受
Pines_Cheng·2020-08-20 22:08

2019年，你是否可以抛弃 CSS 预处理器？

随着前端工程化的不断完善，CSS预处理器已经成为项目中不可缺少的部分，很多人在项目技术选型阶段就会先选择一个CSS预处理器，绝大部分前端工程的脚手架也内置了一系列的CSS预处理的模版，大家已经习惯了享受
Pines_Cheng·2020-08-20 22:08

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

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

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

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

小白也能听懂的前端工程化

小白也能听懂的前端工程化前端工程化最近也是被很多公司或者企业都用起来了，变成了一个很火的名词，所以我就好奇一下中间的前因后果是怎么样的01前言前端工程化这个方面的内容我也是近年来才听到的一个信息，我一听就觉得十分地高大上
Alan-wu·2020-08-20 20:56

webpack4系列教程: 前言

而最重要的是，它为前端工程化提供了最好支持。vue、react等大型项目的脚手架都是利用webpack搭建。所以，学习webpack可以帮助开发者更好的进行基于
心谭·2020-08-20 17:56

web前端开发学习路线

JavaScript交互功能开发项目2、面向对象进阶与ES5/ES6应用项目3、JavaScript工具库自主研发项目第三阶段：PC端全栈开发1、jQuery经典交互特效开发2、PHP+MySQL后端基础项目3、前端工程化与模块化应用项目
liuyingv8·2020-08-20 06:44

前端工程化-webpack原理

简介本质上,webpack是一个现代JavaScript应用程序的静态模块打包器(modulebundler)。当webpack处理应用程序时,它会递归地构建一个依赖关系图(dependencygraph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个bundle。webpack就像一条生产线,要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责
ZhandsomeZ·2020-08-19 09:27

前端工程化-ESLint + Prettier

简介ESLint和Prettier是前端开发中两款非常强大的代码检查和格式化工具，但强大也意味着这两者经常发生冲突。对ESLint和Prettier在开发前进行协同完美的配置是相关重要的，可以避免冲突等麻烦，简化美化开发过程，确立团队或个人的开发风格。以下修改为个人风格总结所得，读者可根据自己需求增加减。ESLint+Prettier作用项目开发统一范式的问题代码质量问题：语法问题，使用规范代码风
ZhandsomeZ·2020-08-19 09:27
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他