- 综合排序
- 最热优先
- 最新优先
- 来自专栏西岭老湿
微前端架构实战
微前端架构实战 如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。 这些问题让我们意识到，扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品是一个重要但又棘手的难题。 因此，早在2016年，微前端概念诞生了。 第1章 什么是微前端？ 可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 微前端并没有技术栈的约束。每一套微前端方案的设计，都是基于实际需求出发。 其中，目前值得关注是去中心模式中的EMP微前端方案，既可以实现跨技术栈调用，又可以在相同技术栈的应用间深度定制共享资源，如果刚开始调研微前端的话，可以先尝试了解一下EMP微前端方案，或许会给你带来不错的使用体验
4.6K00发布于 2021-04-25 - 来自专栏博文视点Broadview
前端“新秀”Vite构建实战
表1 基于ES module的构建，其实Vite并不是首创，同样的实战在之前有类似的“轮子”，如esbuild、snowpack、es-dev-server等。 ▼ 本文节选自《前端开发必知必会：从工程核心到前沿实战》一书，欢迎阅读本书了解更多关于前端开发必知必会的知识点。 ▊《前端开发必知必会：从工程核心到前沿实战》 侯跃伟 著 诠释前端工程化实现细节 解密Babel、Deno、WebAssembly、Docker等前端融合 本书共5 章。 第3、4 章着重介绍前端架构的核心思想，包括前端核心模块的6 种常用设计模式、V8 引擎、宏任务与微任务、异步加载规范和函数式编程等。 第5 章通过实战详细介绍如何从0 开发微前端和WebAssembly，帮助前端人员开拓视野。 本书系统介绍了前端开发的工程核心及前沿实战。
57110编辑于 2023-05-06 - 来自专栏前端食堂
前端“新秀”Vite构建实战
2021年2月17日，Vite 2.0发布了，并在前端圈引起了轰动。 引起轰动的原因如下： ◎ 去掉了打包步骤，可快速冷启动。 ◎ 可及时热更新模块，不会随着模块变多而使得热更新变慢。 相信以后前端同时整体架构和在各种标准化的基础上也会变得更加简单。 Bundle和Bundleless的对比如表1所示。 表1 基于ES module的构建，其实Vite并不是首创，同样的实战在之前有类似的“轮子”，如esbuild、snowpack、es-dev-server等。 在api目录下新建request.js，对axios做一层封装，配置请求拦截器和响应拦截器，这也是前端开发中的通用做法。 ▼ 本文节选自《前端开发必知必会：从工程核心到前沿实战》一书，欢迎阅读本书了解更多关于前端开发必知必会的知识点。
1.3K20发布于 2021-10-08 - 来自专栏我的前端体系
前端项目搭建实战（Vue）
网上开源的前端框架都写得很好，但是功能比较庞杂，于是着手搭建了一套自己的模板：1.路由配置首先我们要通过路由配置整体的页面结构（Home、About、Login）Vue.use(VueRouter);const
2.1K73编辑于 2022-08-03 - 来自专栏huofo's blog
前端开源实战项目推荐
前言 这段时间一直有学员和一些正在从事前端开发工作的朋友询问“有没有推荐的前端开源项目？”，因为一直忙于工作没有时间去整理，今天应各位的请求，我整理了一些开源项目 。 Vue.js Vue Element Admin vue-element-admin 是一个后台前端解决方案，它是基于 element-ui 实现的。 element-ui 的后台管理系统 2114398-20201205101420599-1413342902.png 项目地址：vue2-manage 项目有台管理系统效果查看：back-manage 项目前端手机模拟预览 20201205103339201-557477155.png 项目地址：vue-music-webapp Litemall litemall 是基于 Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端 开发的项目 litemall 登录页 2114398-20201205105008990-594660021.png litemall 首页 2114398
1.9K10编辑于 2022-03-17 - 来自专栏技术进阶系列
前端监控实战之 Sentry
#1 目的 前端监控是非常有必要的内容，当项目中出现问题，可迅速找到问题根源，并且快速解决问题，非常重要，尤其是项目越来越大时 Sentry 要做的就是这个事情 就是将错误找到 帮助我们解决问题 非常
1.3K10编辑于 2022-12-12 - 来自专栏京程一灯
前端AI实战——告诉世界前端也能做AI
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端，和大部分人一样，都觉得人工智能其实离我们很遥远 在python垄断的时代，发布JS工具库不就是意味着我们前端工程师也可以参与其中？ 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 本文就单拿人工智能下的一块小领域——“图像识别”作一些简单介绍和实战指引，当然这些都只是这片大领域下的冰山一角，还有很多很多知识等着你去发掘。 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。
1.2K51发布于 2019-03-27 - 来自专栏前端皮小蛋
AST 与前端工程化实战AST 与前端工程化实战
本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 直播分享视频地址：AST 与前端工程化实战 一、初识 AST 1、demo-1 第一次看见 AST 这个概念的时候还是在《你不知道的 JavaScript》一书中看到的。 而这些前端自动化其中的一部分，前端自动化还包含了持续集成、自动化测试等方方面面。 而，处于其中任何一个块都属于前端工程化。 1、AST 改造 讲了这么多，终于进入到我们的实战环节了。那么我们实战要做一个啥玩意呢？ AST 又能为前端工程化做些什么？ 如果觉得文章不错，那么希望你能动动你的小手，帮忙点个赞，谢谢了 ~ 前端交流群：731175396
1.8K40发布于 2020-03-03 - 来自专栏IMWeb前端团队
前端AI实战——告诉世界前端也能做AI
在python垄断的时代，发布JS工具库不就是意味着我们前端工程师也可以参与其中？ 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 本文就单拿人工智能下的一块小领域——“图像识别”作一些简单介绍和实战指引，当然这些都只是这片大领域下的冰山一角，还有很多很多知识等着你去发掘。 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。 所以，请对你所从事的这份前端事业，有足够的信心！ 还是那句老话： 技术从来不会受限于语言，受限你的，永远只是思想。
1K30发布于 2019-12-03 - 来自专栏毛小伟
新闻推荐实战 (六) : 前端基础及Vue实战
前文 万字入门推荐系统 提到了后续内容围绕两大系列：推荐算法理论+新闻推荐实战。 本文属于新闻推荐实战-前端界面展示。 前端开发是一个创建 WEB 页面呈现给用户的过程，通过 HTML，CSS 及 JavaScript 以及衍生出来的各种技术及框架来实现用户的界面交互。 通过前端展现数据库中的数据结果可以使用户可以更加详细、准确、快速地看到数据间的关系的规律。本文将从前端的概念出发，介绍前端的基本知识和项目中用到的相关框架和技术。 1.Web 前端 Web 前端网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及 Flash 等。 Web 前端主要是通 HTML,CSS,JS,ajax,DOM 等前端技术,实现网站在客服端的正确显示及交互功能。
2.9K20编辑于 2022-04-14 - 来自专栏产品优化
前端 实战项目·优雅实现 BackTop
BackTop 即滚动到页面顶部，是很多网站都会用到的基础功能，实现方法很多，Github 上也有许多优秀的三方库，如 smooth-scroll，但如何优雅实现也是一门学问。
79840编辑于 2022-12-01 - 来自专栏达达前端
Web前端JQuery入门实战案例
前端jquery入门到实战 为什么要学习Jquery?因为生活。 案例： <!
4.5K10发布于 2019-07-03 - 来自专栏vivo互联网技术
前端动效讲解与实战
作者：vivo 互联网前端团队- ZhaoJie本文将从各个角度来对动画整个体系进行分类，并且介绍各种前端动画的实现方法，最后我们将总结在实际开发中的各个场景的动画选择方案。 图片2.3 动画类型角度前端动效开发，首先应该确定的是动画用途->确认动画类型->确认绘制技术->确认动画的实现方式。 Spine将制作好的骨骼动画进行导出输出资源（合图信息文件：atlas；动画信息文件：json，图片合图：png），将这些资源交由前端进行展示。 前端开发根据Spine或者DragonBones能够支持的渲染引擎，在项目中导入渲染引擎进行展示骨骼动画。 由于3D动画涉及的内容较多，篇幅有限，后面我们将专门开一章来讲解前端3D动画。
3.8K30编辑于 2022-09-26 - 来自专栏Java工程师成长之路
vue前端实战注意事项
1. vue前端实战注意事项 1.1. 预备 1.1.1. 权限 前后端分离通常要设置权限，也就是用前端来限制访问，不允许不经过登录页就访问其它界面 这个由路由的切面来完成，代码如下，提供一种思路 import router from '. 后端配置 跨域配置加token请求头配置，不配这个会遇到跨域问题和header获取不到问题，特别是这个Access-Control-Allow-Headers，你前端header里传的key值需要在这个配置
91130发布于 2019-09-10 - 来自专栏女程序员的日常_Lin
前端构建系统-《node.js实战》
4.2 配置前端构建工具 — 在使用npm脚本时，通常有三种配置前端构建前端工具的方法。 指定命令行参数 ：.
2.3K20发布于 2019-07-19 - 来自专栏技术社区
前端VUE【实战】—— mixin混入用法总结
单纯组件引用： 父组件 + 子组件 >>> 父组件 + 子组件 mixins： 父组件 + 子组件 >>> new父组件
1.2K10编辑于 2022-06-17 - 来自专栏程序员成长指北
前端 mock 完美解决方案实战
它有这些功能： 开发打包有不同配置 eslint 验证 代码风格统一 commit 规范验证 接口mock 热更新 异步组件 Mock功能介绍 市面上讲前端mock怎么做的文章很多，整体上阅读下来的没有一个真正站在前端角度上让我觉得强大和易用的 下面就说下我期望的前端mock要有哪些功能： mock功能和前端代码解耦 一个接口支持多种mock情况 无需依赖另外的后端服务和第三方库 能在network看到mock接口的请求且能区分 mock数据、 接口配置和页面在同一个目录下 mock配置改变无需重启前端dev 生产打包可以把mock数据注入到打包的js中走前端mock 对于后端已有的接口也能快速把Response数据转化为mock数据 上面的这些功能我讲其中几点的作用 conf: { dev: { title: "前端模板", pathPrefix: "/react-starter", // 统一前端路径前缀 apiPrefix 在线可视化部署前端项目 配置热更新 在线Postman及接口文档 支持前端路由渲染， 支持模板 接口代理及路径替换 Web安全支持 Ajax请求验证，Referer 校验 支持插件开发和在线配置 可实现
2.5K40发布于 2020-12-17 - 来自专栏全栈者
AST 与前端工程化实战
本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 直播分享视频地址：AST 与前端工程化实战 一、初识 AST 1、demo-1 第一次看见 AST 这个概念的时候还是在《你不知道的 JavaScript》一书中看到的。 而这些前端自动化其中的一部分，前端自动化还包含了持续集成、自动化测试等方方面面。 而，处于其中任何一个块都属于前端工程化。 1、AST 改造 讲了这么多，终于进入到我们的实战环节了。那么我们实战要做一个啥玩意呢？ AST 又能为前端工程化做些什么？ 文章转载自公众号 合格前端 ， 作者 qiangdada
1.5K31发布于 2019-09-17 - 来自专栏前端技术地图
微前端的落地和治理实战
微前端实现原理、框架选型之类的文章比较泛滥，我不打算讲这些玩意，本文主要来源于笔者过去一年落地微前端的一手经验，尽量不讲技术细节，而是讲一个体系化的方案是怎么搭建起来。 前端在架构上面的变化远落后于后端，后端的架构已经经历了微服务、中台化、DDD 改造的腥风血雨… 在改造成微前端之前, 我们也是一个巨型的单体应用，后面随着业务的复杂化，业务和团队进一步进行拆分， 我们的前端项目也根据康威定律 这是我们微前端方案的重要基础。 基座: 基座是微前端应用集成的一个重要平台。同时也肩负着管理公共资源、依赖、规范的责任。主要有以下职责： 子应用集成。 这在前端行不通，所以我们引入了运行容器的概念。 运行容器 运行容器，顾名思义就是整套微前端 的运行时，以 「Docker 容器」的形式部署。 这套体系中主要包含了三个主要部件： 基座：集中式的微前端方案，基座是整个微前端的核心，负责管理子应用，并为子应用的开发提供必要的支撑 子应用：负责具体业务实现，按照业务聚合和拆分。
94420编辑于 2023-10-20 - 来自专栏产品优化
前端 实战项目·动态加载 JS 文件
对于 Vue、React 等框架开发的单页面应用，在某些页面开发特殊功能时经常需要依赖第三方 JS 文件，如果在全局引入 CDN 资源可能会加载冗余文件，此时最好使用动态加载方式。
6.8K40编辑于 2022-12-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号