- 综合排序
- 最热优先
- 最新优先
- 来自专栏学习/读书笔记
web前端开发--仿京东官网首页项目实战（3）
这期完成了仿京东官网首页的导航具体内容和橱窗部分。
46050编辑于 2022-04-07 - 来自专栏趣谈前端
前端实战:electron+vue3+ts开发桌面端便签应用
前端时间我的一个朋友为了快速熟悉 Vue3 开发, 特意使用 electron+vue3+ts 开发了一个桌面端应用, 并在 github 上开源了, 接下来我就带大家一起了解一下这个项目, 在文章末尾我会放 image.png 技术栈 以上是我们看到的便签软件使用界面, 整体技术选型如下: 脚手架 vue-cli 前端框架和语言规范 vue + typescript 桌面端开发框架 electron electron vue3中文教程 vue3js.cn/docs/zh/gui…[1] electron教程 www.electronjs.org/[2] typescript教程 www.typescriptlang.org /[3] electron-vue里面的包环境太低了，所以是手动配置electron+vue3（虽然说是手动。。 vue3中路由守卫需要从vue-route导入使用。
4.3K30发布于 2021-09-03 - 来自专栏python3
前端资源(3)
入门类 地址 前端入门教程 http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 jQuery基础教程 http://www.imooc.com/view/11 前端工程师必备的 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具
43730发布于 2020-01-10 - 来自专栏西岭老湿
微前端架构实战
微前端架构实战 如何实现多个应用之间的资源共享？ 之前比较多的处理方式是npm包形式抽离和引用，比如多个应用项目之间，可能有某业务逻辑模块或者其他是可复用的，便抽离出来以npm包的形式进行管理和使用。 1-3 微前端落地方案 自组织模式：通过约定进行互调，但会遇到处理第三方依赖等问题。 基座模式：通过搭建基座、配置中心来管理子应用。 3-1 创建容器应用 安装 single-spa 脚手架工具：npm install create-single-spa@2.0.3 -g 创建微前端容器应用：create-single-spa 应用文件夹填写 , 微前端应用名称 "@组织名称/应用名称" 2. app: 函数类型, 返回 Promise, 通过 systemjs 引用打包好的微前端应用模块代码 (umd) 3. activeWhen 完整代码示例：modulefederationvue3: 基于模块联邦实现的 Vue3.0 微前端架构示例 (gitee.com) package.json { "name": "@vue3-demo
4.6K00发布于 2021-04-25 使用vue3封装前端通用开发框架、开放平台实战、支付系统实战
本文将围绕Vue3框架，探讨如何封装一个前端通用开发框架，并结合开放平台和支付系统的实战案例，分享一些实践经验和思考。 一、Vue3框架特性与优势Vue3作为当前最流行的前端框架之一，其带来的诸多创新特性为前端开发注入了新的活力。 这些特性使得Vue3非常适合用于构建大型企业级应用。在我们封装通用前端框架时，充分利用Vue3的这些优势，可以创造出既保持灵活性又不失稳定性的开发基础。 三、开放平台前端架构实战开放平台作为一种允许第三方开发者创建应用和服务的平台，其前端架构面临着独特的挑战。我们需要考虑多租户支持、API管理、安全控制等诸多因素。 在前端层面，我们面临着跨平台兼容性、敏感信息处理、交易状态管理等挑战。基于Vue3的响应式特性，我们设计了高效的交易状态管理机制。
30010编辑于 2025-09-02- 来自专栏趣谈前端
前端实战:使用css3实现类在线直播的队列动画
作为一名前端工程师, 解决方案无非以下2种: 使用javascript根据条件来控制元素的样式实现队列动画 用纯css3配合数据驱动模型来实现. 大家都知道在现代的Web开发中, 我们能使用Css实现的效果尽量不要用Js, 所以我们应该优先考虑用Css3来实现,但是我们要结合数据流才能实现真正的队列动画, 所以我们可以利用MVVM框架便捷的数据驱动模型来控制动画的走向 又由于动画的核心在于Css3, 所以在小程序或者是Vue/React中实现其实原理都是相似的, 大家不必担心技术栈的问题. 实现进入动画 我们要想实现上图的用户进入动画, 可以使用Css3的过渡动画transition,也可以使用animation动画, 由于使用场景的便捷性这里我们采用animation动画, 首先我们先写一下 animate { margin-bottom: 10px; border-radius: 20px; background-color: rgba(0,0,0, .3)
1.1K20编辑于 2022-02-09 - 来自专栏趣谈前端
《前端实战总结》之使用CSS3实现酷炫的3D旋转透视
所以说，为了让自己更加优秀，css3 3D动画必不可少。 你将学到 CSS3 3D 转换的常用API介绍 CSS3 3D 应用场景 CSS3 3D 实现一个立方体 开始 1.CSS3 3D 转换的常用API介绍 首先先上一张css 3D的坐标系： 接下来我们来介绍几个常用的 理论上说以上三种常见变换已经够用了，值得关注的是我们要想让元素呈现出3D效果，以下不可忽视的API也很重要： 2.CSS3 3D 应用场景 css 3D主要应用在网站的交互和模型效果上，比如： 3D轮播图 3D产品介绍 室内3D仿真 h5 3D活动页面，比较典型的就是某年淘宝的年终总结H5 3D数据可视化成图 3D模型图 其实如果css 3D用的熟悉了，一些基本的3D模型完全可以用css画出来。 3.CSS3 3D 实现一个立方体 核心思路就是用6个面去拼接，通过设置rotate和translate来调整相互之间的位置，如下： 具体代码如下： .container { position
1.2K20编辑于 2022-04-06 - 来自专栏森屿暖树
前端特效学习3
> </body> </html> css代码 :root { /** 白天样式 **/ --blue-background: #C2E9F6; --blue-border: #72cce3;
41720编辑于 2022-03-23 - 来自专栏博文视点Broadview
前端“新秀”Vite构建实战
结果如图3所示。 图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所示。 图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 ,});在页面中我们可以通过 mapState 访问 store 中的数据import { mapState } from 'vuex';computed: mapState(['role']),<h3> 我是：{{ role }}</h3>3.组件库选用 Element-ui组件库的选用纯看个人喜好import ElementUI from 'element-ui';import 'element-ui 当前时间：{{ time | dateFormat('${y}-${m}') }}</h3>图片5.自定义指令在 main.js 中注册全局指令// 权限指令Vue.directive('perm', 学生可以看到： 我是{{ role }}</h3><h3>大家可以看到： 我是<span v-perm="['student', 'admin
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 要做的就是这个事情 就是将错误找到 帮助我们解决问题 非常 打开 sentry.io 创建 项目 3. 当前页面效果 projects #3 错误收集功能 就一句话 页面常规错误 会自动发给 sentry 记录 可能有同学抓起键盘准备开喷， 你这说的不准确啊 good , 说明是个严谨的同学，再说清楚点
1.3K10编辑于 2022-12-12 - 来自专栏京程一灯
前端AI实战——告诉世界前端也能做AI
前端AI实战——告诉世界前端也能做AI 我想大多数人和我一样，第一次听见“人工智能”这个词的时候都会觉得是一个很高大上、遥不可及的概念，特别像我这样一个平凡的前端，和大部分人一样，都觉得人工智能其实离我们很遥远 本文就单拿人工智能下的一块小领域——“图像识别”作一些简单介绍和实战指引，当然这些都只是这片大领域下的冰山一角，还有很多很多知识等着你去发掘。 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。 3的二值化滤波器，能写出多少种可能？） 3.结语 随着JS引擎的计算能力不断增强，人工智能领域的不断发展，可以预见的是，在不久的将来，肯定能有一些简单的算法可以被移植到用户前端执行，这样既能减少请求，又能分担后端压力。
1.3K51发布于 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
当我决定开始投身这片领域做一些自己感兴趣的事情的时候，却发现身边的人投来的都是鄙夷的目光，他们对前端的印象，还总是停留在上个年代那些只会写写页面脚本的切图仔，只有身处这片领域的我们才知道大前端时代早已发生了翻天覆地的变革 原来是5*5的图片这下变成了3*3，这是卷积运算带来的必然副作用，如果不想让图片变小，我们可以为原图像加上一定像素且值均为0的边界（padding）去抵消副作用，就像下面这样： ? 了解了这些知识之后，就可以开始我们的实战啦～ 2.图像识别实战 说了那么多理论，也不比实操来得有感觉。 3的二值化滤波器，能写出多少种可能？） 3.结语 随着JS引擎的计算能力不断增强，人工智能领域的不断发展，可以预见的是，在不久的将来，肯定能有一些简单的算法可以被移植到用户前端执行，这样既能减少请求，又能分担后端压力。
1K30发布于 2019-12-03 - 来自专栏golang云原生new
Statefulset 实战 3
Statefulset 会立马创建一个和刚才少的那个一模一样的 pod 通过我们查看 pod 的名称和索引值是我们所期望的，并且是 curl 访问 pod 的提供的接口，获取的相应数据也是我们所期望的 修改副本个数为 3 kubectl edit statefulset sta-kubia kubectl get po | grep sta kubectl get pv kubectl get pvc 副本数修改为 3 curl 命令去请求一下，结果会如你所愿 将副本数修改回 3 那么现在我们再进行扩容，Statefulset 是否会将刚才删除的 2 个 pod全部恢复回来呢？ pod 一模一样，标识，状态等等完全一致，新建的 pod sta-kubia-1 仍然直接使用原来的 卷 1 下图是表示修改 Statefulset 的 replicas 进行扩缩容 同样也是分 3 步骤 环境中 repilicas 副本数 为 3 ，通过编辑 Statefulset ，将副本数修改为 1，此时 k8s 会从最高索引，由大到小的删除，最终剩下 1 个 pod ，也就是 sta-kubia
30410编辑于 2023-09-01 - 来自专栏Nodejs技术栈
前端科普系列（3）：CommonJS 不是前端却革命了前端
由此可见，CommonJS 最初是服务于服务端的，所以我说 CommonJS 不是前端，但它的载体是前端语言 JavaScript，为后面前端模块化的盛行产生了深远的影响，奠定了结实的基础。 CommonJS：不是前端却革命了前端! 当一个前端应用业务规模足够大后，这种依赖关系又变得异常难以维护。 综上所述，前端需要模块化，并且模块化不光要处理全局变量污染、数据保护的问题，还要很好的解决模块之间依赖关系的维护。 如果一个模块的对外接口，就是一个单一的值，可以使用 module.exports 导出 // a.js var name = 'morrain' var age = 18 module.exports = name 3、 的代码，找到 require 这个关键字，提取所有的依赖项，然后加载，等到依赖的所有模块加载完成后，执行回调函数，此时再执行到 require('a.js') 这行代码时，a.js 已经加载好在内存中了 3、
88210发布于 2020-12-30 - 来自专栏vivo互联网技术
前端科普系列（3）：CommonJS 不是前端却革命了前端
由此可见，CommonJS 最初是服务于服务端的，所以我说 CommonJS 不是前端，但它的载体是前端语言 JavaScript，为后面前端模块化的盛行产生了深远的影响，奠定了结实的基础。 CommonJS：不是前端却革命了前端! 当一个前端应用业务规模足够大后，这种依赖关系又变得异常难以维护。 综上所述，前端需要模块化，并且模块化不光要处理全局变量污染、数据保护的问题，还要很好的解决模块之间依赖关系的维护。 如果一个模块的对外接口，就是一个单一的值，可以使用 module.exports 导出 // a.js var name = 'morrain' var age = 18 module.exports = name 3、 的代码，找到 require 这个关键字，提取所有的依赖项，然后加载，等到依赖的所有模块加载完成后，执行回调函数，此时再执行到 require('a.js') 这行代码时，a.js 已经加载好在内存中了 3、
1.2K40发布于 2020-07-09 - 来自专栏毛小伟
新闻推荐实战 (六) : 前端基础及Vue实战
前文 万字入门推荐系统 提到了后续内容围绕两大系列：推荐算法理论+新闻推荐实战。 本文属于新闻推荐实战-前端界面展示。 通过前端展现数据库中的数据结果可以使用户可以更加详细、准确、快速地看到数据间的关系的规律。本文将从前端的概念出发，介绍前端的基本知识和项目中用到的相关框架和技术。 1.Web 前端 Web 前端网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及 Flash 等。 Web 前端主要是通 HTML,CSS,JS,ajax,DOM 等前端技术,实现网站在客服端的正确显示及交互功能。 属性和值用冒号分开 1.2.2.2 语法格式 <标签名 style="属性1:属性值1; 属性2:属性值2; 属性<em>3</em>:属性值<em>3</em>;"> 内容 </标签名> 例如： <style> /*选择器{属性
2.9K20编辑于 2022-04-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号