首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Go编程点滴

    Go语言技巧 - 3.【Error工程化】Go Error的工程化探索

    本篇里,我会具体到代码层面,谈谈如何在一个工程化的项目中利用github.com/pkg/errors包,完整实现一套的错误处理机制。 bookName string) error { // 下面两个 error 都是不带堆栈信息的,所以初次调用得用Wrap方法 // 如果已有堆栈信息,应调用WithMessage方法 // 3 3.

    90530发布于 2021-08-05
  • 来自专栏Vue开发社区

    从 0 搭建 Vite 3 + Vue 3 前端工程化项目

    前言 Vue 3 正式版已经发布有一段时间了,随着 Vite 脚手架注定成为下一代前端工具链,许多用户都想基于 Vite 来构建 Vue 项目,如果想基于 Vite 构建 Vue 3 项目,社区模板完全满足您的需求 ,如果想构建 Vite 3 + Vue 3 + JavaScript 项目,那社区模板不太能满足您的需求,因为社区模板提供 Vue 3 项目几乎是基于 Vite 2 + TypeScript 构建,对于不熟悉 TypeScript 语言的用户不是很友好,因此接下来从 0 开始手把手带大家搭建一套规范的 Vite 3 + Vue 3 + JavaScript 前端工程化项目环境。 ElanYoung.github.io/vite-vue-js…[66] 即可访问本项目 文章总结 本文从技术选项到架构搭建、从代码规范约束到提交信息规范约束,一步一步带领大家如何从一个最简单的前端项目骨架到规范的前端工程化环境 ,基本涵盖前端项目开发的整个流程,特别适合刚接触前端工程化的同学学习。

    4.6K10编辑于 2023-02-27
  • 来自专栏学编程的GISer

    3D旋转相册代码(未工程化

    上次分享了Vue工程化之后的相册代码,今天整理文件的时候发现了之前写的没有工程化的,为了方便大家搬运代码,在这里分享一下,需要的小伙伴可复制粘贴: html部分: <! IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>3D %2F%2Fwww.zhwin.com%2Fd%2Ffile%2F2018-12-26%2Fd1c2c3e8a97754402dd95f4701a2f854.jpg&refer=http%3A%2F%2Fwww.zhwin.com &refer=http%3A%2F%2Fimg.mp.itc.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto? %2F%2Fwx3.sinaimg.cn%2Fmw690%2F737e214fgy1h2btpttqxtj20u00u0jxi.jpg&refer=http%3A%2F%2Fwx3.sinaimg.cn

    1.1K20编辑于 2022-09-26
  • 来自专栏Vue中文社区

    Vue3组件库工程化实战 --Element3

    Element3组件库工程化实战 随着对前端功能和性能的不断提高,前端早就不是一段内嵌于页面的一段JS代码了。已经进化为一个系统复杂的工程了。 下面我就结合element3组件库的搭建经验。 https://github.com/hug-sun/mini-element 一、前端工程化是什么 前端工程化概述 https://juejin.im/post/6844904073817227277 前端工程化大体可以分为四个方面内容。 chrome: true, __DEV__: true }, extends: [ 'plugin:json/recommended', 'plugin:vue/vue3- 比如element3项目中的。https://element3-ui.com/ ? 其实可以用StoryBook。 这个我们后面写专题更新。大家保持关注。

    1.6K20发布于 2021-03-18
  • 来自专栏JavaEdge

    Vue3实战(05)-教你快速搭建Vue3工程化项目

    除了Vue 3这个库,还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3,从而在浏览器里实现所有调试功能。但实际项目中,使用专门调试工具。 在项目上线之前,代码也需打包压缩,并考虑到研发效率和代码可维护性,所以在下面,需建立一个工程化项目实现这些功能。 工具 VS Code写Vue 3的代码 直接在Chrome浏览器里展示 Vue 2官方推荐Vue-cli创建项目 Vue 3建议使用Vite创建项目,因为vite能够提供更好更快的调试体验。 从下往上看这个架构: 所有工程化体系都是基于Node.js生态 VS Code+Volar编辑器+语法提示工具作为上层开发工具 使用Vite作为工程化工具 使用Chrome进行调试 都是Vue 3工程化体系的必备工具 4 总结 环境准备阶段,我们基于Vite 2和Vue 3搭建了我们项目的初始化框架,包含文件规范、工程化、路由和开发的基础配置,后面我们所有的代码都会在这个架构基础之上进行添加。

    2.3K40编辑于 2023-10-17
  • 来自专栏学习/读书笔记

    《前端工程化》-- 2. 脚手架3. 构建

    使用工具替代人工操作能够避免人为失误引起的低级错误,同时结合整体前端工程化方案,快速生成功能模块配置、自动安装依赖等,降低了时间成本。 2.2.2 局限于本地的执行环境 前端工程化3个阶段:本地工具链、云管理平台和持续集成。三者最明显的外在差异在于,对各个功能模块执行环境的划分。 不论前端工程化是简单的本地工具链,还是集大成的持续集成阶段,脚手架的执行环境始终局限于本地,这给脚手架工具带来一个必须解决的问题:操作系统兼容性。 SASS预编译语法编写的CSS代码; 3)Jade/EJS/Mustache等模块语法编写的HTML代码。 3.4.2 模块化与工程化 模块化是属于架构层面的概念,前端工程化与模块化的关系类似于组装车间与零件。

    1.6K20编辑于 2022-04-07
  • 来自专栏js笔记

    webpack工程化

    ⼤家⼀开始使⽤ npm 安装依赖包时,肯定感受过那挤⽛膏般的下载速度,上⽹⼀查只需要将 npm 源设 置为淘宝镜像源就⾏,在控制台执⾏⼀下以下命令: npm config set registry https://registry.npm.taobao.org

    53720编辑于 2022-10-25
  • 来自专栏iOS小生活

    工程化(三)

    经过我不懈努力查找,我发现在Xcode内置插件中,DevToolsCore这个framework就是专门用于修改project.pbxproj工程文件的,查找过程如下: 首先在PlugIns文件夹下找到Xcode3Core.ideplugin (3)[project writeToFileSystemProjectFile:YES userFile:NO checkNeedsRevert:NO];是说讲文件写入工程。 3,Ruby Gems镜像 所谓镜像,其实就是Sources源。 (3)debase debase是针对Ruby 2.0的标准Ruby调试器debug.rb的快速实现。它是通过利用新的 Ruby TracePoint类实现的。核心组件提供了前端可以建立的支持。 3,cwd cwd是program要执行的目录 4,useBundler useBundler配置默认是false,表示调试使用的IDE是当前终端安装的IDE;如果启用该选项,那么就会使用指定的IDE版本

    2.4K40编辑于 2023-09-01
  • CSS工程化

    样式、公共样式可以单独抽离,这样就形成了不同于过去的css文件结构:文件更多、拆分的更细 而同时,在真实的运行环境下,我们却希望文件越少越好,这种情况和JS遇到的情况是一致的,因此,对于css,也需要工程化管理 从另一个角度来说,css的工程化会遇到更多的挑战,因为css不像JS,它的语法本身经过这么多年并没有发生多少的变化(css3也仅仅是多了一些属性而已),对于css语法本身的改变也是一个工程化的课题 如何解决 CSS工程化面临着诸多问题,而解决这些问题的方案多种多样。如果把CSS单独拎出来看,光是样式本身,就有很多事情要处理。 既然有这么多事情要处理,何不把这些事情集中到一起统一处理呢? 如果不希望在结果中看到新语法,可以配置postcss-preset-env的preserve为false ② 自定义选择器 @custom-selector :--heading h1, h2, h3, 最后 若本文对于 CSS工程化 阅读有任何错误的地方,欢迎大家给我提意见,一定虚心听取你们的指正,若觉得不错的,也可以点个「star」 支持一下我。

    1.2K31编辑于 2022-08-11
  • 来自专栏服务器运维笔记

    工程化(3):现代前端应用应如何配置 HTTP 缓存机制

    「前端工程化」系列正在更新: 3/36 ---- 关于 http 缓存配置的最佳实践为以下两条: 文件路径中带有 hash 值:一年的强缓存。

    69230发布于 2021-09-28
  • 来自专栏前端到底怎么学好来

    🎉工程化Docker实践🎉

    本文将介绍一系列工程化的最佳实践,帮助开发者在使用Docker时提高开发效率、降低风险,并确保应用程序在生产环境中的稳定运行。 为了充分发挥Docker的优势,我们需要采用一系列工程化的最佳实践。二、容器化开发环境1. 使用多阶段构建通过多阶段构建可以减小镜像大小,并且只包含运行时所需的依赖项。 3. 自动化测试与回滚在CI/CD流水线中加入自动化测试,并实现回滚机制,以确保应用程序在部署过程中的稳定性和可靠性。 3. 容器资源管理合理分配和管理容器资源(CPU、内存等),避免资源浪费和争抢。使用Kubernetes的资源限制和请求机制来控制容器的资源使用,并确保合理分配资源。 总结工程化Docker最佳实践是确保应用程序在使用Docker进行开发和部署时可靠、可扩展和可维护的关键。

    55330编辑于 2023-11-15
  • 来自专栏希里安

    前端工程化浅谈

    但现在的前端开发,早就进入了工程化开发的时代,已经存在有各种现代化的框架,编译工具以及预处理器等等。 下面就传统和工程化的前端开发优劣介绍下: 传统开发: 没有采用工程化工具和流程的情况下进行开发,通常需要开发者手动管理文件、依赖和构建过程。 2、维护难,没有统一的代码风格,团队协作难 3、难扩展,缺少模块化和组件化 工程化: 优势就是传统化所存在的问题的解决 1、组件化,效率高 2、代码质量提升 3、自动化工具和流程 4、按需导入导出 等等 劣势: 1、入门稍慢 2、灵活性不如传统开发 3、复杂度较高 这只是简单的介绍,其实有更多的知识点在这里面,更多的是因为工程化开发是现代前端开发的必备项了。 1</h3>

    <h3>2</h3>
    <h3>3</h3>
    <h3>4</h3>
    </a-carousel

    51830编辑于 2023-10-30
  • 来自专栏闲花手札

    前端工程化

    、资源的模块化) 组件化(复用现有的 UI 结构、样式、行为) 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理) 自动化(自动化构建、自动部署、自动化测试) 什么是前端工程化 前端工程化指的是:在 企业级的前端项目开发 中,把前端开发所需的 工具、技术、流程、经验等进行规范化、 标准化 企业中的 Vue 项目和 React 项目,都是基于工程化的方式进行开发的。 前端工程化的解决方案 早期的前端工程化解决方案 grunt( https://www.gruntjs.net/ ) gulp( https://www.gulpjs.com.cn/ ) 目前主流的前端工程化解决方案

    46520发布于 2021-08-24
  • 来自专栏马涛涛的专栏

    前端工程化

    工程化 所谓前段工程自动化就是:由于前端分裂,有人写css代码,有人写scss,有人写es5,有人写es6,那么就需要翻译工具(命令行工具)翻译成ie或其他所有浏览器能运行的代码版本。 ? 什么是前段工程化,就是要从写html,css,js到写自动化,模块化的html,css,js,并且考虑性能优化。 自动化 举个例子: 使用命令行工具实现代码自动化转变。 工程化中自动化的过程 例如我们有这样的工程目录。 ? 那么我们需要开一个sass监听scss文件的修改,并转换为css,然后放到dist里。 3、在”.gitignore” 文件里输入你要忽略的文件夹及其文件就可以了。

    1.5K30发布于 2018-10-31
  • 来自专栏技术分享

    Vue工程化

    添加功能 * 3. 删除功能 * 4. 工程化开发入门 工程化开发模式:基于构建工具(例如:webpack)的环境中开发Vue。 工程化开发模式优点: 提高编码效率,比如使用JS新语法、Less/Sass、Typescript等通过webpack都可以编译成浏览器识别的ES3/ES5/CSS等 工程化开发模式问题: webpack 提示当前的生产环境 Vue.config.productionTip = false //3. <template>

    我是hm-header <Button1>按钮</Button1>
    </template> 工程化开发入门

    46310编辑于 2024-05-31
  • 来自专栏愷龍的Blog

    工程化Vue使用

    环境准备 介绍:create-vue是Vue官方提供的最新的脚手架工具,用于快速生成一个工程化的Vue项目。 热部署 单元测试 集成打包 依赖环境:NodeJS Node.js安装:https://www.cnblogs.com/zhouyu2017/p/6485265.html Vue项目-创建 创建一个工程化

    35310编辑于 2024-07-17
  • 来自专栏全栈加加

    前端工程化概述,带你全面深刻了解前端工程化思想

    1 前言 大家好,今天我来和大家一起来了解前端工程化的知识,如有疑问和错误,欢迎指正,一起交流探讨哈! 2 什么是前端工程化? 在我看来,所有能降低成本,并且能提高效率的事情的总称为工程化 众所周知,软件工程化关注的是性能,稳定性,可用性,可维护性等方面,一切以这些为目标的工作都是"前端工程化",更多的是往高效,稳定,可用,可维护的方向发展 3 前端为什么需要工程化? 4.4 提高项目的开发质量 在以上情况的实现下,项目的开发质量必然得到保证 5 前端工程化发展的四个阶段 我个人看来前端工程化包括如下阶段: 第一阶段:库/框架选型 前端的库和框架大致有(jquery 6 前端工程化的深究 前端工程化是对模块化,组件化,规范化,自动化的高度概括和总结凝练,是一个更高层次的思想,也就是说实现前端工程化应该从模块化,组件化,规范化,自动化四个方面着手 前端模块化 在工程化的基础上

    70540发布于 2021-02-23
  • 来自专栏TagBug

    前端工程化 - 笔记

    主要是前端工程化理论 # 前端工程化理论 ---- # 定义 前端工程化 = 软件工程 + 前端 是⼀种通过规范化、模块化、⾃动化等⼿段,提⾼前端项⽬在研发、运维阶段的效率、质量。

    37020编辑于 2023-03-16
  • 来自专栏菜鸟计划

    redux工程化结构

    一、简述 redux的工程化管理 1.reducer的模块化划分:每一个板块有一个自己对应的reducer,最后基于一些方法把所以的reducer合并即可; 2.基于actionCreator统一管理每次派发需要的行为对象 ,而且和reducer一样,也是分板块管理的; 3.把dispatch和reducer校验时候需要的行为标识(type)进行统一管理 目录建设 store store中存放的是redux中使用的东西 action

    62230发布于 2020-01-22
  • 来自专栏前端架构与工程

    浅析前端工程化

    什么是前端工程化 自有前端工程师这个称谓以来,前端的发展可谓是日新月异。相比较已经非常成熟的其他领域,前端虽是后起之秀,但其野蛮生长是其他领域不能比的。 具体到前端工程化,面临的问题是如何提高编码->测试->维护阶段的生产效率。 前端工程化面临的问题 要解决前端工程化的问题,可以从两个角度入手:开发和部署。 从开发角度,要解决的问题包括: 提高开发生产效率; 降低维护难度。 3. 构建&编译 严谨地讲,构建(build)和编译(compile)是完全不一样的两个概念。 本文不探讨build、compile、make的深层运行机制,下文所述的前段工程化中构建&编译阶段简称为构建阶段。

    1.4K91发布于 2018-01-30
  • 领券