前端自动化工程化第3页

前端工程化实战 - Webpack 打包

前端工程化实战-Webpack打包模块打包工具的由来模块打包工具概述Webpack基础Webpack快速上手Webpack配置文件Webpack工作模式Webpack打包结果运行原理Webpack模块加载器

时光海丶·2024-02-04 10:33

webpack---前端工程化

你需要知道的webpack背景随着前端工程化的发展，代码的开发已经不只是写html、css、js这三套文件就可以了。由于前端应用的复杂度越来越高，传统的这种写法已经不符合当前的场景。

前端践行者-Mr鹏帅·2024-02-04 10:03

前端工程化之 Webpack 5 项目构建优化

前端工程化之Webpack5项目构建优化前情提要：1.优化改造导向一个项目的构建的性能优化，主要是从构建时间层面和构建体积层面这两个方面入手。

Bleed-Kaga·2024-02-04 10:33

工程化：Webpack 层面如何做性能优化

优化前的准备工作准备基于时间的分析工具：我们需要一类插件，来帮助我们统计项目构建过程中在编译阶段的耗时情况。speed-measure-webpack-plugin分析插件加载的时间使用webpack-bundle-analyzer分析产物内容代码优化:无用代码消除，是许多编程语言都具有的优化手段，这个过程称为DCE(deadcodeelimination)，即删除不可能执行的代码；例如我们的Ug

小码哥・Martin·2024-02-04 10:32

【前端工程化】五：webpack5快速入门（一）

webpack5相对于webpack4做了大量的升级和优化，因此webpack5的学习迫在眉睫！！首先我们需要下载webpack5，不推荐使用全局的webapck，为了统一webpack版本，建议将webpack和webpack-cli安装在开发依赖中，在学习webpack5之前，我们需要先具备一些基础知识；browserslistrc工作流程browserslistrc是用来配置各种工具适配浏览

Whoopsina·2024-02-04 10:02

前端工程化之：webpack1-13(内置插件)

目录一、内置插件1.DefinePlugin2.BannerPlugin3.ProvidePlugin一、内置插件所有的webpack内置插件都作为webpack的静态属性存在的，使用下面的方式即可创建一个插件对象：constwebpack=require("webpack")newwebpack.插件名(options)1.DefinePlugin全局常量定义插件，使用该插件通常定义一些常量值，

小李老笨了·2024-02-04 10:30

miniReact＜一＞

一、工程化配置1.1目录结构1.1.1Multi-repoVSMono-repoMulti-repo每个库有自己独立的仓库，逻辑清晰，协同管理复杂Mono-repo很方便管理不同独立的库的生命周期，会有更高的操作复杂度项目有很多包

原来是有理数·2024-02-04 07:50

【147→思维模型】刻意练习和第一性原理

1）精致化目标2）工程化分解3）颗粒化节点第二，只在学习区内大量重复训练。1）逃避舒适区2）避免自动化3）接受痛苦4）保持专注第三，获得持续高质量的有效反馈。

Koala谦爸·2024-02-04 05:21

嵌入式学习日记（九）

工程化：Makefile。vi/vim在之前的学习过程中，已经作为专题讲解了。暂不讨论。

Fun_Peanut·2024-02-04 04:51

前端工程化之：webpack1-11(其他配置)

目录一、context二、output1.library2.libraryTarget三、target四、module.noParse五、resolve1.modules2.extensions3.alias六、externals七、stats一、contextcontext:path.resolve(__dirname,"app")该配置会影响入口和loaders的解析，入口和loaders的相

小李老笨了·2024-02-03 12:10

前端工程化之：webpack1-12(常用扩展)

目录前言一、CleanWebpackPlugin二、HtmlWebpackPlugin三、CopyPlugin四、webpack-dev-server五、file-loader六、url-loader七、路径问题前言由于webpack、webpack-cli、webpack-dev-server会存在版本不兼容问题，所以这里使用的版本如下："devDependencies":{"clean-web

小李老笨了·2024-02-03 12:10

和鲸科技与智谱AI达成合作，共建大模型生态基座

近日，上海和今信息科技有限公司（简称“和鲸科技”）与北京智谱华章科技有限公司（简称“智谱AI”）签订合作协议，双方将携手推动国产通用大模型的广泛应用与行业渗透，并积极赋能行业伙伴探索领域大模型的工程化落地

ModelWhale·2024-02-03 05:02

前端工程化之多个项目如何同时高效管理 — monorepo

monorepo不仅限于前端，但此篇博文只谈前端。是什么wikipedia:Inversioncontrolsystems,amonorepo("mono"meaning'single'and"repo"beingshortfor'repository')isasoftwaredevelopmentstrategywherecodeformanyprojectsisstoredinthesamer

三猪技术团队·2024-02-03 03:20

Vue学习笔记六

神里の凌华·2024-02-03 02:00

Vue 学习笔记

Vue学习笔记1前端工程化与webpack1.1前端工程化1.1.1实际的开发模块化（js的模块化、css的模块化、资源的模块化）组件化（复用现有的UI结构、样式、行为）规范化（目录结构的划分、编码规范化

称霸幼儿园18·2024-02-03 02:56

react+ts

TypeScript集合使用的重点集中在存储数据/状态有关的Hook函数以及组件接口的位置，这些地方最需要数据类型校验2.使用Vite创建项目Vite是前端工具链工具，可以帮助我们快速创建一个react+ts的工程化环境出来

jiojio在学习勒·2024-02-02 19:56

【前端工程化】你所需要的npm知识储备

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的npm知识点，以便开发者们更好的将npm运用在实际开发中。1.npm处理node_modules目录结构一个项目开发、上线所依赖的插件包都存放在node_modules中。虽然在实际开发中无需关注这个目录里面的文件结构细节，但了解

程序员查理·2024-02-02 09:55

【阿里巴巴】【业务部用户增长相关技术承接】1688事业部-java工程师-用增&买家运营工程

所属部门:淘天集团|学历:本科|工作年限:2年职位描述负责阿里巴巴1688业务部用户增长相关技术承接，构建1688用户增长工程化、平台化能力，应用大数据和算法知识完成用增信息流投放的转化效率和效能攻坚，

探小虎·2024-02-02 09:54

前端工程化之：webpack1-9(plugin)

一、pluginloader的功能定位是转换代码，而一些其他的操作难以使用loader完成，比如：当webpack生成文件时，顺便多生成一个说明描述文件；当webpack编译启动时，控制台输出一句话表示webpack启动了；当xxxx时，xxxx。这种类似的功能需要把功能嵌入到webpack的编译流程中，而这种事情的实现是依托于plugin的。plugin的本质是一个带有apply方法的对象。va

小李老笨了·2024-02-02 08:57

前端工程化之：webpack1-7(入口和出口)

前置知识node环境下"./"代表的意思：模块化代码中，比如require("./")，表示当前js文件所在的目录。在路径处理中，"./"表示node运行目录。__dirname：所有情况下，都表示当前运行的js文件所在的目录，它是一个绝对路径。node中的path.resolve()用法：varpath=require("path")//导出一个对象varresult=path.resolve(

小李老笨了·2024-02-02 08:27

前端工程化之：webpack1-8(loader)

一、loaderwebpack做的事情，仅仅是分析出各种模块的依赖关系，然后形成资源列表，最终打包生成到指定的文件中。更多的功能需要借助webpackloaders(加载器)和webpackplugins(插件)完成。webpackloader：loader本质上是一个函数，它的作用是webpack打包过程中将某个源码字符串转换成另一个源码字符串返回。loader函数的位置在编译时，处于读取文件内

小李老笨了·2024-02-02 08:27

前端工程化之：webpack1-10(区分环境)

区分环境有些时候，我们需要针对生产环境和开发环境分别书写webpack配置。为了更好的适应这种要求，webpack允许配置不仅可以是一个对象，还可以是一个函数。module.exports=env=>{return{//配置内容}}在开始构建时，webpack如果发现配置是一个函数，会调用该函数，将函数返回的对象作为配置内容，因此，开发者可以根据不同的环境返回不同的对象。在调用webpack函数时

小李老笨了·2024-02-02 08:54

前端工程化基础（四）：Git代码版本控制工具详解

Git版本控制工具详解认识版本控制（版本控制）是维护工程蓝图的标准做法，能追踪工程蓝图从诞生一直到定案的过程版本控制也是一种软件工程技巧，借此能在软件开发的过程中，确保不同的人所编辑的同一程序都能得到同步版本控制的功能不同版本的存储管理一个项目不断进行版本迭代，来修复之前的一些问题，增加新的功能等如果手动维护的话，效率很低重大版本的备份维护恢复之前的项目版本记录项目的点点滴滴多人开发的代码合并集中

前端大菜鸟_·2024-02-02 07:09

全流程机器视觉工程开发（四）PaddleDetection C++工程化应用部署到本地DLL以供软件调用

前言我们之前跑了一个yolo的模型，然后我们通过PaddleDetection的库对这个模型进行了一定程度的调用，但是那个调用还是基于命令的调用，这样的库首先第一个不能部署到客户的电脑上，第二个用起来也非常不方便，那么我们可不可以直接将Paddle的库直接做成一个DLL部署到我们的软件上呢？答案是可以的，接下来我就会全流程地完成这一操作。流程部署流程主要参考了几个文档：VisualStudio20

Leventure_轩先生·2024-02-01 17:37

什么是前端模块化，组件化，工程化？

3.前段工程化：概念：指使用软件工程的技术和方法来进行前端项目的开发、维护和管理。前端工程化包含如

SY·2024-02-01 12:17

【js逆向】scrapy基础

目录一,爬虫工程化二,scrapy简介三,Scrapy工作流程(重点)四,scrapy安装4.1pip安装4.2wheel安装五,Scrapy实例六,自定义数据传输结构item七,scrapy使用小总结一

lxtx-0510·2024-02-01 09:19

Centos部署Jenkins、使用ssh方式拉取gitlab上的代码、执行Pipeline流水线构建（其二）

前端自动化（其一）部署gitlab前端自动化（其二）部署jenkins、配置环境、连接gitlab（本章！）

阿波次嘚·2024-02-01 08:44

GitLab16.8配置webhooks、Jenkins2.4配置GitLab插件实现持续集成、配置宝塔面板实现持续部署（其三）

建议大家按以下顺序看前端自动化（其一）部署gitlab前端自动化（其二）部署jenkins、配置环境、连接gitlab前端自动化（其三）持续集成和持续部署（本章！）

阿波次嘚·2024-02-01 08:34

【Vue】2-9、Vue-CLI 脚手架

简化了程序员基于webpack创建工程化的Vue项目的过程。三、安装与使用vue-cli是npm上的一个全局包，安装命令：npminst

QX_Java_Learner·2024-02-01 07:23

opencv学习二值分析

内容来源于《opencv4应用开发入门、进阶与工程化实践》二值分析：常见的二值化方法：基于全局阈值（threshold）得到的二值图像；基于自适应阈值（adaptiveThreshold）得到的二值图像

小猴啊0.0·2024-02-01 04:05

LDRA Testbed软件下载安装使用试用购买

静态测试软件（QAC、Klocwork、Coverity等）单元测试软件集成测试软件（VectorCAST、TestBED、Tessy、C++Test等）_哔哩哔哩_bilibili1.序列名不规范为了工程化的管理测试用例

wanglequshuijiao·2024-01-31 16:24

HTML与工程化面试知识点

1.innerHTML、innerText、nodeValue与textContent之间的区别title内容//获取或设置eLement内部所有Html（包括注释）console.log(document.getElementById("app").innerHTML)//用来获取或设置文本节点的节点内容(渲染后的，不包含display:none)console.log(document.get

jasonyang2019·2024-01-31 14:26

vue核心知识点

适合工程化开发。制作web项目，需要安装vue脚手架环境VueCLI。需要先安装及配置该脚手架环境，并创建项目包。#配置npm源（国内npm镜像

前端小天才·2024-01-31 13:00

什么是Vue & Vue入门案例

什么是构建用户界面基于数据渲染出用户可以看到的界面2.什么是渐进式所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点Vue的两种开发方式：Vue核心包开发场景：局部模块改造Vue核心包&Vue插件&工程化场景

Maiko Star·2024-01-31 13:09

opencv学习特征提取

内容来源于《opencv4应用开发入门、进阶与工程化实践》图像金字塔略拉普拉斯金字塔对输入图像进行reduce操作会生成不同分辨率的图像，对这些图像进行expand操作，然后使用reduce减去expand

小猴啊0.0·2024-01-31 09:12

opencv学习形态学分析

内容来源于《opencv4应用开发入门、进阶与工程化实践》膨胀操作与腐蚀操作膨胀操作一定程度上会把相邻的对象连接起来成为一个对象；腐蚀操作会让对象面积变小或者擦除小的对象。

小猴啊0.0·2024-01-31 01:49

安装Vue脚手架，编译.vue文件----教程

这就需要用到前端自动化构建工具，比如

发光吖·2024-01-30 18:47

浅谈前端开发转型鸿蒙移动端开源系统开发:HarmonyOS开发者成长之路

--1、IDE集成开发环境--2、系统架构--3、Ablitiy提供的系统能力(UIAbilityFAPA)--4、工程化构造--5、Ark框架--6、build运行调试--7、总结IED集成开发环境1

Simon林程序猿·2024-01-30 17:49

[小折腾] SharedPreferenceImpl$EditorImpl#apply引发的ANR场景

书本《Android工程化最佳实践》(作者金凯)中谈到SharedPreference会有ANR的可能，以及贴出关键源码(api19)和相关的log日志，读者可以先行看看。

newmandirl·2024-01-30 03:22

资源加载如何自动重试

在script标签中添加onerror事件，报错时触发，但是由于工程化环境中自动加载的js文件，这样处理不方便。Document何时重试？

真的想不出名儿·2024-01-29 23:49

JAVA设计模式总结之23种设计模式

毫无疑问，设计模式于己于他人于系统都是多赢的，设计模式使代码编制真正工程化，设计模式是软件工程的基石，如同大厦的一块块砖石一样。

Wu_Menghao·2024-01-29 22:23

Boolan C++设计模式第一周笔记

设计模式使代码编写真正工程化；

Sylar_F·2024-01-29 22:57

换个思维方式快速上手UML和 plantUML——类图

和大多数朋友一样，Jeffrey在一开始的时候也十分的厌烦软件工程的一系列东西，对工程化工具十分厌恶，觉得它繁琐，需要记忆很多没有意思的东西。但是之所以，肯定有是因为。

Jeffrey_oWang·2024-01-29 16:04

【前端工程化】五：webpack5快速入门（二）

webpack-dev-server要实现在开发时修改了文件可以自动编译展示，可以使用webpack的watch属性为true和vscode的liveserver插件，即观察模式//webpack.config.jsmodule.exports={watch:true,...}但是这样做有几个缺点：所有源代码都会重新编译因为我们使用了clean-webpack-plugin插件，所以每次编译成功以

Whoopsina·2024-01-29 15:27

【前端工程化】五：webpack5快速入门（四）

CSS抽离与压缩将Css文件单独提取一个文件中，推荐当css文件大于150kb时在考虑使用该插件，否则会多一次css的请求；开发环境中使用压缩性价比不高，所以一般在生产环境中使用；生产环境下，在loader中配置MiniCssExtractPlugin.loader代替style-loader，在插件中配置MiniCssExtractPlugin的输出路径用于抽离CSS，配置CssMinimize