- 综合排序
- 最热优先
- 最新优先
- 来自专栏迈向前端工程师
前端开发模块打包器webpack4实战入门
Q:webpack真的是前端必学吗？ A:从工作角度来说，一个团队只需要一两个人对 webpack 比较熟练，然后把配置封装好做成脚手架。每次新建项目都使用这个脚手架。 以下放视频（共28分钟）来学习一下如何使用 webpack4 使用WEBPACK Q:为什么要用构建工具？ 不过这就是初级前端的基本工作，给我一个环境，让我安心的写业务代码。 2. 安装，使用，生成工程文件。 Q:为什么需要构建或者说编译呢？ A:因为像es6、less及sass、模板语法、vue指令及jsx在浏览器中是无法直接执行的，必须经过构建这一个操作才能保证项目运行，所以前端构建打包很重要。 除了这些，前端构建还能解决一些web应用性能问题，比如：依赖打包、资源嵌入、文件压缩及hash指纹等。具体的我不再展开，总之前端构建工程化已经是趋势。 3. 实战出真知，学会了就去试试吧。
70330发布于 2020-10-09 - 来自专栏全栈程序员必看
Web前端开发实战4：导航菜单(一)「建议收藏」
在前面的博文中我们提到横向一级菜单，这里我们来看看导航菜单。导航菜单种类很多，但是制作原理都是大同
90210编辑于 2022-09-17 - 来自专栏学习/读书笔记
web前端开发--仿京东官网首页项目实战（4）
这期完成了仿京东官网首页剩余内容部分。
51920编辑于 2022-04-07 - 来自专栏森屿暖树
前端特效学习4
效果图 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body>
<div class="cube35320编辑于 2022-03-23来自专栏西岭老湿微前端架构实战
微前端架构实战 如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。 这些问题让我们意识到，扩展前端开发规模以便于多个团队可以同时开发一个大型且复杂的产品是一个重要但又棘手的难题。 因此，早在2016年，微前端概念诞生了。 第1章 什么是微前端？ 可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的架构风格。 微前端并没有技术栈的约束。每一套微前端方案的设计，都是基于实际需求出发。 /src/Goods.js' } }) ], 4-4 导入应用模块 const Mfp = require('webpack').container.ModuleFederationPlugin
4.6K00发布于 2021-04-25来自专栏前端加油站angular4实战（4）ngrx
ngrx主要有四个模块，分别是 ngrx/store， ngrx/effects， ngrx/router-store， ngrx/store-devtools 本次实例用的是ngrx 4. 比如{name:j_bleach}=>{name:bleach} 或者输入属性为一个数组的时候[1,2,3]=>[1,2,3].push(4) 以上这两种方式都不会引发angular的检查策略 如Object.assign({}, {name:j_bleach}, {name:bleach}); 或者[…[1,2,3],4]这样返回一个新的对象。 项目地址：https://github.com/jiwenjiang/angular4-material2
2.4K30发布于 2019-07-02来自专栏Ywrby4-Bootstrap前端框架
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。 （例如，如果设定了col-xs-4则在小屏幕手机上占四个栅格，同时在大屏幕设备上也能保证占据四个格子） 栅格类属性不可以向下兼容，如果真实设备分辨率小于预设值则一个元素会占满整行（例如，设定col-lg -4则设备在大屏幕上一个元素占四个栅格，但在小于临界值的所有设备上都单独占据一行） 栅格系统示例 <!
1.9K20编辑于 2022-10-27来自专栏李才哥前端面试系列（4）
第二步：true < 1，这时true会转为1，false会转为0进行比较，因此这一步结果为false
36910发布于 2019-07-24来自专栏达达前端前端技术前沿4
mpvue.com/ 3：组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址： https://tencent.github.io/wepy 4： miniprogram/dev/framework/MINA.html 5：Tina.js 一款轻巧的渐进式微信小程序框架 Tina.js 开源框架地址：https://github.com/tinajs/tina 6：前端框架 weapp.iviewui.com/ 8：ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 https://cnodejs.org/topic/589d625a5c8036f7019e7a4a
85130发布于 2019-07-03来自专栏文大师的新世界4. Navigation实战
本来想写一个应用redux的Navigation实战，但是发现react-native有又新的更新，新手怕误导大家，就直接用了别人的组件，看看怎么应用吧。 QQ图片20160622205143.jpg 4.
1.1K20发布于 2018-08-30来自专栏博文视点Broadview前端“新秀”Vite构建实战
图3 输入http://localhost:3000/main，结果如图4所示。 图4 有了页面组件之后，就需要考虑AJAX请求的事儿了，否则页面是没有灵魂的。 ▼ 本文节选自《前端开发必知必会：从工程核心到前沿实战》一书，欢迎阅读本书了解更多关于前端开发必知必会的知识点。 ▊《前端开发必知必会：从工程核心到前沿实战》 侯跃伟 著 诠释前端工程化实现细节 解密Babel、Deno、WebAssembly、Docker等前端融合 本书共5 章。 第3、4 章着重介绍前端架构的核心思想，包括前端核心模块的6 种常用设计模式、V8 引擎、宏任务与微任务、异步加载规范和函数式编程等。 第5 章通过实战详细介绍如何从0 开发微前端和WebAssembly，帮助前端人员开拓视野。 本书系统介绍了前端开发的工程核心及前沿实战。
58210编辑于 2023-05-06来自专栏前端食堂前端“新秀”Vite构建实战
相信以后前端同时整体架构和在各种标准化的基础上也会变得更加简单。 Bundle和Bundleless的对比如表1所示。 表1 基于ES module的构建，其实Vite并不是首创，同样的实战在之前有类似的“轮子”，如esbuild、snowpack、es-dev-server等。 图3 输入http://localhost:3000/main，结果如图4所示。 图4 有了页面组件之后，就需要考虑AJAX请求的事儿了，否则页面是没有灵魂的。 在api目录下新建request.js，对axios做一层封装，配置请求拦截器和响应拦截器，这也是前端开发中的通用做法。 ▼ 本文节选自《前端开发必知必会：从工程核心到前沿实战》一书，欢迎阅读本书了解更多关于前端开发必知必会的知识点。
1.3K20发布于 2021-10-08来自专栏我的前端体系前端项目搭建实战（Vue）
网上开源的前端框架都写得很好，但是功能比较庞杂，于是着手搭建了一套自己的模板：1.路由配置首先我们要通过路由配置整体的页面结构（Home、About、Login）Vue.use(VueRouter);const import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);4.
2.1K73编辑于 2022-08-03来自专栏huofo's blog前端开源实战项目推荐
前言 这段时间一直有学员和一些正在从事前端开发工作的朋友询问“有没有推荐的前端开源项目？”，因为一直忙于工作没有时间去整理，今天应各位的请求，我整理了一些开源项目 。 Vue.js Vue Element Admin vue-element-admin 是一个后台前端解决方案，它是基于 element-ui 实现的。 20201205103339201-557477155.png 项目地址：vue-music-webapp Litemall litemall 是基于 Spring Boot 后端 + Vue 管理员前端 + 微信小程序用户前端 + Vue 用户移动端 开发的项目 litemall 登录页 2114398-20201205105008990-594660021.png litemall 首页 2114398 项目地址：Angular-news Ngx Admin ngx-admin 管理仪表板模板基于Angular 7+，Bootstrap 4 image.png 项目地址：ngx-admin Node.js
1.9K10编辑于 2022-03-17来自专栏技术进阶系列前端监控实战之 Sentry
#1 目的 前端监控是非常有必要的内容，当项目中出现问题，可迅速找到问题根源，并且快速解决问题，非常重要，尤其是项目越来越大时 Sentry 要做的就是这个事情 就是将错误找到 帮助我们解决问题 非常 add @sentry/browser @sentry/tracing # Using npm npm install --save @sentry/browser @sentry/tracing 4.
1.3K10编辑于 2022-12-12来自专栏京程一灯前端AI实战——告诉世界前端也能做AI
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端，和大部分人一样，都觉得人工智能其实离我们很遥远 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 本文就单拿人工智能下的一块小领域——“图像识别”作一些简单介绍和实战指引，当然这些都只是这片大领域下的冰山一角，还有很多很多知识等着你去发掘。 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。 4.鸣谢 本文项目资源大部分来自京程一灯，感谢京程一灯袁志佳老师对我技术成长的支持和帮助，如果你也在前端前进路上感到迷茫，京程一灯也许是你一个不错的选择。
1.3K51发布于 2019-03-27来自专栏前端皮小蛋AST 与前端工程化实战AST 与前端工程化实战
本文将通过 AST 与前端工程化的实战向大家展示 AST 的强大以及重要性。 直播分享视频地址：AST 与前端工程化实战 一、初识 AST 1、demo-1 第一次看见 AST 这个概念的时候还是在《你不知道的 JavaScript》一书中看到的。 prettyPrint.js ，会发现 code 里面的 N 多空格都能被格式化掉，输出如下 function add(a, b) { return a + b; } 详细的配置请自行查看：prettyPrint 4、 而这些前端自动化其中的一部分，前端自动化还包含了持续集成、自动化测试等方方面面。 而，处于其中任何一个块都属于前端工程化。 1、AST 改造 讲了这么多，终于进入到我们的实战环节了。那么我们实战要做一个啥玩意呢？
1.8K40发布于 2020-03-03来自专栏IMWeb前端团队前端AI实战——告诉世界前端也能做AI
在python垄断的时代，发布JS工具库不就是意味着我们前端工程师也可以参与其中？ 当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 本文就单拿人工智能下的一块小领域——“图像识别”作一些简单介绍和实战指引，当然这些都只是这片大领域下的冰山一角，还有很多很多知识等着你去发掘。 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。 所以，请对你所从事的这份前端事业，有足够的信心！ 还是那句老话： 技术从来不会受限于语言，受限你的，永远只是思想。
1K30发布于 2019-12-03来自专栏一个爱吃西瓜的程序员Web前端基础【4】--HTTP标准
4：500———内部服务器错误。 HTTP状态码由三个十进制数组成，第一个十进制数定义了状态码的类型。HTTP状态码共分为五种类型，如下图： ? ;pgv_si=s9886431232;BDRCVFR[ISR1xZMpC9b]=mk3SLVN4HKm; BD_HOME=0; BD_UPN=12314553; H_PS_645EC=b833N3G6NF8lbH9RZXAkMCCKgHYIsKg3GGzIzAnQQh4vXLe1OO9RS00JdtU 4：Cache-Control：用于指定缓存指令，缓存指令是单向的，且是独立的。 4：Bduserid：暂时不知道什么意思。 5：Cache-Control：用于指定缓存指令，缓存指令是单向的，且是独立的。 4：get请求在访问网页是很常见，post请求则常用在登录框、提交框的位置。 每天学习一点点，每天进步一点点。
1.1K70发布于 2018-04-03来自专栏毛小伟新闻推荐实战 (六) : 前端基础及Vue实战
前文 万字入门推荐系统 提到了后续内容围绕两大系列：推荐算法理论+新闻推荐实战。 本文属于新闻推荐实战-前端界面展示。 通过前端展现数据库中的数据结果可以使用户可以更加详细、准确、快速地看到数据间的关系的规律。本文将从前端的概念出发，介绍前端的基本知识和项目中用到的相关框架和技术。 1.Web 前端 Web 前端网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及 Flash 等。 Web 前端主要是通 HTML,CSS,JS,ajax,DOM 等前端技术,实现网站在客服端的正确显示及交互功能。 <style> /*选择器{属性:值；}*/ p { color:#06C; font-size:14px; } /*文字的颜色是 蓝色*/ h4
2.9K20编辑于 2022-04-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号