《前端工程化》

面试

原理letconstlet变量const常量不存在变量提升暂时性死区块级作用域（定义的不在全局里面）Symbolthisbind,call,applyhttp302404canvasnode.js优点前端工程化
奔走的沙随风而动·2022-02-14 03:19

大前端工程化之写一个简单的webpack插件

今天写一个简单的webpack插件，来学习一下webpack插件webpack插件机制可以使开发者在webpack构建过程中加入自己的行为，来针对自己项目中的一些需求做一些定制化首先我们得知道一个插件是如何组成的：定义javascript命名函数给这个函数的prototype添加apply方法在这个方法内我们可以勾入webpack暴露的钩子，这些钩子主要由compiler，compilation两
要爱学习鸭·2022-02-12 16:00

Vue项目搭建

序随着智能设备的普及以及4G网络时代的到来，大家越发发重视用户的视觉、交互体验，前端工程也越发庞大，所以大厂们越发关注前端的工程化怎么做，然后gulp、webpack等前端工程化的工具陆续出现；前端的开发效率能否再提升
麦壳儿UIandFE2·2022-02-11 12:01

Node.js学习笔记

1Node的作用和应用脱离浏览器运行JS后台API编写前端工程化的工具webpack、gulp、npm依赖于node负责中间层读写（性能好、异步IO的特性，适合处理高并发的请求；处理数据；安全性）2Node
BOL4·2022-02-10 13:44

Node.js 基础笔记

Node.js的应用场景前端工程化打包工具（bundle）：webpack、vite、esbuild、parcel代码压缩（uglify）：uglifyjs语法转换（transpile）：bablejs
·2022-01-27 09:35

前端部署脚手架专网项目实践

前言前端脚手架是前端工程化中一项重要的提升团队效率的工具，因而构建脚手架对于前端工程师而言是一项不可获取的技能，而业界对于部署方面的脚手架相对较少，一般来说都是针对于业务的相关模板进行相关的工程化脚手架构建
·2022-01-17 00:54

前端工程化-打造企业通用脚手架

前言转载自搜狐-前端工程化-打造企业通用脚手架随着前端工程化的概念越来越深入FEer心，前端开发过程的技术选型、代码规范、构建发布等流程的规范化、标准化是需要工具来保驾护航的，而不是每次都对重复工作进行手动复制粘贴
·2022-01-13 16:21

这次彻底搞懂JavaScript中的原型与原型链

一个优秀的前端工程师，不仅能高效完成页面的开发，还能掌握和实践一系列前端工程化的技术，包括脚手架与项目脚本，测试体系、监控体系、项目规范、项目构建和打包、项目部署和运维等
·2022-01-08 22:12

.NET中的Husky工具及安装方式

对于会前端开发程序员来说前端工程化工作流中有个常用的工具Husky，它方便我们在项目中添加githooks在代码提交前自动检查编码规范，或对填写的message进行检查。
·2021-12-31 23:31

node性能指标(一)-内存分析与管理

毫无疑问，现代的前端工程化已经离不开Node的应用了，而Node本身的设计是用作服务端语言，越来越多的前端团队，不再只将node局限于工程化应用，也开始去负责BFF层，比如SSR架构、数据适配、数据拼接裁剪
·2021-12-30 16:25

2022 前端学习路线图谱

在GitHub看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读。
硅谷干货·2021-12-30 00:39

WEB小众领域：我认知的编辑器

彼时的前端，正在发生翻天覆地的变化：前端框架，React、Vue正攻城略地，步步蚕食jQuery的领土；前端工程化，Gulp/Grunt还没站稳脚尖，又面对着Webpack滔天的洪水；大前端的概念兴起，
·2021-12-29 13:48

前端工程化：有效地进行拼写检查

拼写错误导致的问题在项目开发过程中，即使我们再细心，也难免忙中出错，犯下很多低级的错误。比如这样：我们错把field拼写成filed，这样打印出来的是undefined，而不是预期的name。ESLint的基本介绍但是幸运的是，有一些Lint工具会在这方面提供一些帮助。比如在TypeScript中，会有一个错误提示。虽然这个提示提供的消息并不是我们需要的。当然我们可以选择一些更专业的Linter来
·2021-11-24 15:09

Vue「三」—— vue 侦听器、vue 计算属性、vue-cli、vue 组件

Vue系列笔记第三篇，陆续更新，✌✌专栏阅读：>Vue「一」——前端工程化与webpack的基本使用及常用配置>Vue「二」——vue基本使用、vue指令与过滤器文章内容预览一、watch侦听器侦听器基本语法对象格式的侦听器
imByte·2021-11-21 21:00

Vue「二」—— vue 基本使用 / vue 指令 / vue 过滤器

Vue系列笔记第二篇，陆续更新，欢迎阅读Vue「一」——前端工程化与webpack的基本使用及常用配置Vue基础入门一、vue简介什么是vue两个特性MVVM及其工作原理vue的版本二、vue的基本使用基本使用步骤基本代码与
imByte·2021-11-20 15:16

Vue「一」—— webpack 的基本使用及常用配置

文章目录一、前端工程化什么是前端工程化前端工程化的解决方案二、webpack的基本使用什么是webpack创建列表隔行变色项目在项目中安装webpack在项目中配置webpackmode的可选值webpack.config.js
imByte·2021-11-17 12:54

2021 年你需要知道的 CSS 工程化技术

最近业务调整，组内开启了前端工程化方面的基建，我主要负责CSS技术选型这一块，针对目前业界主流的几套方案进行了比较完善的调研与比较，分享给大家。
·2021-11-15 22:13

前端工程化的理解

什么是"前端工程化"？目前来说，web业务日益复杂化和多元化，前端开发从WebPage模式为主转变为WebApp模式为主了。
dosher_多舍·2021-11-11 11:42

webpack学习记录

p=10&spm_id_from=pageDriverwebpack:前端工程化具体解决方案提供了前端模块化开发支持，以及代码压缩混淆处理浏览器端js兼容性，以及性能优化1.安装webpack命令：npm
Moonlight_c·2021-11-10 09:05

Vue.js 2.0 学习笔记（一）前端工程化（webpack）

Vue.js2.0学习笔记（一）前端工程化（webpack）文章目录Vue.js2.0学习笔记（一）前端工程化（webpack）一、前端工程化1.1前端工程化的概念1.2前端工程化的解决方案二、webpack2.1webpack
Martian_小小·2021-10-25 23:51

手把手从0到1实现一个web工程通用脚手架工具

前言前端工程化是人们常常提到的东西，其目的基本上都是为了提高开发效率，降低成本以及保证质量。
·2021-10-18 13:39

致敬！再见了！LayUI ！

我们从LayUI的通知里看到，原作者说“在前端工程化迅速席来的浪潮中，我们仍然感受到一丝来自于jQuery的
·2021-10-13 16:38

致敬！再见了！LayUI ！

我们从LayUI的通知里看到，原作者说“在前端工程化迅速席来的浪潮中，我们仍然感受到一丝来自于jQuery的
开源前哨·2021-10-13 15:38

前端脚手架是如何工作的呢？

随着前端工程化工具的兴起，日常的开发中大家也很少会直接html,js,css一把梭哈去开发，都是使用前端框架配合对应的脚手架来初始化一个项目，比如vue的vue-cli，react的create-react-app
·2021-10-10 17:02

再见LayUI，向大神致敬！

但细心阅读贤心发布的公告中的这段话：“过去五年，layui有幸被应用在不计其数的Web平台，在前端工程化迅速席来的浪潮中，我们仍然感受到一丝来自于jQuery的余晖，这是一种带有热量的冰冷（反之亦可）。
贝湾云·2021-10-08 16:00

CSS样式——Less 与 Sass

了解Less与SassLess与Sass都是css的拓展语言less和sass最主要的区别是less是通过Javascript编译，而sass是通过ruby编译的如果没有引入前端工程化，less会消耗客户端性能
·2021-10-05 17:46

为什么 husky 放弃了传统的 JS 配置

作为前端工程化中一个不可或缺的的工具，它可以向我们的项目中添加githooks。同时配合lint-staged可以方便的在代码提交前进行lint。
·2021-09-23 23:10

前端工程的持续集成与持续部署该如何实现？

前后端架构分离以后，随着企业业务复杂度提升，要求产品迭代速度加快，前端开发团队规模的逐步扩大，前端的工作可能被繁琐的配置、工具、构建流程、协助部署、团队沟通等环节困扰，因此，前端工程化成为一种趋势。
嘉为蓝鲸·2021-09-17 14:07

论如何填满 webpack5 升级“天坑”

在现代前端工程化的历史中，webpack这个炙手可热的模块打包工具占据着打包编译界的半壁江山，它拥有丰富的插件生态和强大的编译能力，也正因为其过于“强大”导致在升级时会出现各种各样的兼容等问题，这点想必有过升级经历的应该都印象深刻吧
·2021-09-08 11:16

vue3.0第一部分：webpack的学习

第一部分：webpack的学习前端工程化的四个现代化模块化/组件化/规范化/自动化目前主流化的前端工程化解决方案1.webpack(www.webpackjs.com)2.parcel(zh.parceljs.org
土豆先生灬·2021-08-16 22:14

前端工程化之3分钟讲清楚最经典的前端打包工具webpack基础

概念Webpack是一种前端资源构建工具，一个静态模块打包器。一个前端项目中包含了很多资源，但是浏览器并不一定全部认识，比如sass、less、ts，包括js里的高级语法。这些资源如果想在浏览器中正常工作，必须经过编译处理。而我们的Webpack就是可以集成的处理这些文件，并且汇总到一个文件中。Webpack核心基础entry入口（entry）：代表着Webpack以那个文件为入口起点开始打包，分
三猪技术团队·2021-08-10 17:05

前端性能优化探讨及浏览器缓存机制

【前端工程化解决方案】一文已经深入浅出地为前端优化之路指了方向。我们再深入展开来探讨一下。
AizawaSayo·2021-08-05 12:31

大前端之前端工程化心得

而前端工程化，又是满足跨端跨平台一个非常重要的环节前端工程化工程化内容前端业务日益复杂化和多元化，从最原始的
·2021-08-03 09:19

babel的应用

前端工程化之前前端工程化之前,我们编写代码htmljscss.因为浏览器只能读懂这几个代码因为单独的htmljscss代码的版本管理维护成本过高.程序员间的工作交接太慢了情景一:现有一个发布发布上线的项目
川九·2021-07-22 22:25

前端工程化解决方案

觉得特别好，故搬文【大公司里怎样开发和部署前端代码？】。虽然写的时间比较早，但胜在通俗易懂地把相关原理说透彻了，对我们理解webpack打包优化的目的和方向很有帮助(因为这篇提到的项目工程化思路现在大部分都是通过webpack这些打包工具处理✌️)。【前端工程】是一个非常有趣的非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题。让我们返璞归真，从原始的前端开发讲起。上
AizawaSayo·2021-07-02 16:51

前端工程化3：如何编写一个Nodejs Cli应用/自定义脚手架

什么是NodejsCli应用？简单来说就是在命令行可以使用nodejs来执行的应用，例如：vue-cli、creat-react-app、webpack-cli等；在前端开发过程中我们会用到很多的工具，这些工具在安装过后可以直接使用命令行执行；注意在全局安装和在项目安装不同。//全局安装，直接执行命令>npminstallwebpackwebpack-cli-g>webpack//项目安装，需要借
·2021-06-27 03:24

前端工程化3：如何编写一个Nodejs Cli应用/自定义脚手架

什么是NodejsCli应用？简单来说就是在命令行可以使用nodejs来执行的应用，例如：vue-cli、creat-react-app、webpack-cli等；在前端开发过程中我们会用到很多的工具，这些工具在安装过后可以直接使用命令行执行；注意在全局安装和在项目安装不同。//全局安装，直接执行命令>npminstallwebpackwebpack-cli-g>webpack//项目安装，需要借
·2021-06-27 02:21

前端工程化2：如何理解前端工程化？

1、前端工程化解决的问题1.1为什么需要前端工程化？前端技术发展更新快，一些大型前端项目需要更系统化、更规范化的去组织开发工作；以此来提高对项目的开发效率，减少维护成本。
·2021-06-26 22:43

前端工程化2：如何理解前端工程化？

1、前端工程化解决的问题1.1为什么需要前端工程化？前端技术发展更新快，一些大型前端项目需要更系统化、更规范化的去组织开发工作；以此来提高对项目的开发效率，减少维护成本。
·2021-06-26 21:06

解剖Babel —— 向前端架构师迈出一小步

事实上，Babel作为前端工程化的基石，作用远不止这些。作为一个庞大的家族，Babel生态中有很多概念，比如：preset、plugin、runtime等。
·2021-06-26 11:34

如何打造一个"逼格"的web前端项目

最近利用空余的时间（坐公交车看教程视频），重新了解了前后端分离，前端工程化等概念学习，思考如何打造一个“逼格”的web前端项目。前端准备篇前端代码规范：制定前端开发代码规范文档。
独行侠_ef93·2021-06-25 04:41

想做前端开发？推荐几个必备珍品组件库

前端是一个一直在发展的名词，从最初刀耕火种时代的页面仔到文艺复兴时期的前端工程化再到如今新时代的大前端，前端技术在某种程度上似乎可以为所欲为了。但是我们这次讨论的是前端技术中的一部分—组件库。
·2021-06-24 18:42

想做前端开发？推荐几个必备珍品组件库

前端是一个一直在发展的名词，从最初刀耕火种时代的页面仔到文艺复兴时期的前端工程化再到如今新时代的大前端，前端技术在某种程度上似乎可以为所欲为了。但是我们这次讨论的是前端技术中的一部分—组件库。
·2021-06-24 18:50

前端工程化

（1）npm首先需要进行npminit初始化得到package.json（npminit-y得到默认配置的package.json）使用npminstall进行项目依赖的安装（2）webpack的安装首先是全局安装，在windows下用管理员权限运行命令行，在项目目录下输入npminstallwebpack-g查看webpack版本webpack-v（3）npm初始化项目的名称不能与包名相同（4）
西兰花伟大炮·2021-06-24 16:52

sass和less

都是css的拓展语言，less和sass最主要的区别是less是通过Javascript编译，而sass是通过ruby编译的，如果没有引入前端工程化，less会消耗客户端性能，sass会消耗服务端性能，
Artifacts·2021-06-23 14:09

前端工程化1：小白应该知道的NodeJS、NPM、package.json、脚手架是什么？

1、一些基本概念1.1js引擎是什么？js引擎在浏览器中用于执行js代码；js引擎是单线程机制，js同步代码在引擎中按照顺序一步一步执行；1.2V8引擎是什么？Webkit是最初苹果公司开源的一个浏览器引擎，Safari就是基于Webkit开发的。Webkit主要由两大功能，一个是渲染Html，另一个是解析JavaScript。后来谷歌公司在Webkit的基础上升级了JavaScript解析器，研
·2021-06-23 12:48

Webpack5正式发布,有哪些新特性

webpack作为最使用最广泛的前端打包工具，已经成为前端工程化基础设施的一部分。
·2021-06-22 11:22

工程化起步（一）：Grunt

一、什么是GruntGrunt是一个任务管理器，可以使用它来校验Javascript语法、css压缩、Sass编译等一些前端工程化的任务。
cilla123·2021-06-22 05:42

Vue-day-06（前端工程化，ES6模块化语法，webpack，vue脚手架）

1.1模块化的相关规范传统开发模式的主要问题image.png命名冲突：多个js文件中的同名变量会冲突文件依赖：js文件之间无法相互引用问题通过模块化解决上述问题image.png1.1.2浏览器模块化规范image.png这两个模块化规范，已经落伍，我们不再学习1.1.3服务器端模块化规范image.png浏览器和服务器都有各自的模块化规范但是还不统一，我们重点看统一的规范1.1.4大一统的模块
新苡米·2021-06-21 17:45

前端工程化的一些理解

一、模块化主要是js模块化，可以使用CommonJS、AMD、CMD等模块化规范，其中的区别是CommonJS对于模块是同步加载的，常用于服务器端；AMD、CMD是异步模块加载更适用于浏览器端；还有一个变态的UMD规范是兼容各种规范的产物。如今的ES6的import、export关键字也提供了简单的模块化系统，虽然ES6的浏览器兼容性是一个问题，但可以使用babel转化为ES5语法来解决。解决方案
任无名F·2021-06-20 16:05
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他