- 综合排序
- 最热优先
- 最新优先
- 来自专栏音视频技术
高品质互动在线课堂：前端开发优化实践
本文是tutorabc前端负责人和君在LiveVideoStackCon 2017上的分享整理，主要介绍了在线授课系统Tutormeet+前端开发实践，包括技术选型、性能优化、持续交付实践以及APM系统 首先，自我介绍下，我有着十多年的前后端开发经验，最近几年的重点在前端架构和前端技术体系搭建等工作，曾在途牛等互联网公司工作，现任TutorABC前端负责人。 3）WebRTC APIs WebRTC的前端相关API是相当简单的，主要分了以下三个模块： 用于处理音视频方面的MediaStream； 用于建立连接，保持连接，监控连接和断开连接的RTCPeerConnection 开发构建采用了Webpack3.0，Babel / PostCSS，所有的组建开发是基于React Storybook做的，单元测试使用的是Jasmine，以上就是整个TM+前端整体的架构。 3）用户体验优化 接下来从用户体验的角度，该如何优化我们的在线课堂？其实和一般Web开发的经验差不多，举例来说： 预加载/懒加载：对页面上的教材、视频进行预加载，以及对非首屏图片教材进行懒加载。
1.8K20发布于 2021-09-02 - 来自专栏前端开发
【前端开发】Vue3(一)
Vue3声明式渲染1.reactive()reactive()只适用于对象 (包括数组和内置类型)2.ref()ref()则可以接受任何值类型。
19110编辑于 2024-03-18 - 来自专栏技术开源分享
go-admin在线开发平台学习-3
|| keyMatch(r.obj, p.obj)) && (r.act == p.act || p.act == "*") ` 使用 github.com/casbin/gorm-adapter/v3作为 case string: p := strings.Split(errStr, "#") if len(p) == 3
88211发布于 2021-02-18 - 来自专栏GitHub专栏
六个好用的前端开发在线工具
作者：LeanCloud 原作：[Mahdhi Rezvi] ，翻译自 New Frontend （缩进段落为译者附注） 来源：SegmentFault 社区 网上可以找到前端开发社区贡献的大量工具， EnjoyCSS 老实说，虽然我做过许多前端开发，但我并不擅长 CSS。当我陷入困境时，[EnjoyCSS] 是我的大救星。 开发简单页面时用起来比较方便，但不太适合复杂一点的前端项目（这类项目往往需要引入 CSS 框架）。 微软官方其实也提供了在线版本的 VSCode，可以在浏览器内使用 VSCode，并且支持开发 Node.js 项目（基于 Azure）。 不过 StackBlitz 更专注于优化前端开发体验，界面更加直观一点，也推出了 beta 版本的 Node.js 支持（基于 GCP，需要填表申请）。
1.2K10发布于 2020-06-18 - 来自专栏code秘密花园
推荐|六个好用的前端开发在线工具
网上可以找到前端开发社区贡献的大量工具，这篇文章列出了我最喜欢的一些工具，这些工具给我的工作带来了许多便利。 1. EnjoyCSS 老实说，虽然我做过许多前端开发，但我并不擅长 CSS。 开发简单页面时用起来比较方便，但不太适合复杂一点的前端项目（这类项目往往需要引入 CSS 框架）。 2. 3. Postman Postman 一直在我的开发工具箱里，测试后端 API 接口时非常好用。GET、POST、DELETE、OPTIONS、PUT 这些方法都支持。毫无疑问，你应该使用这个工具。 微软官方其实也提供了在线版本的 VSCode，可以在浏览器内使用 VSCode，并且支持开发 Node.js 项目（基于 Azure）。 不过 StackBlitz 更专注于优化前端开发体验，界面更加直观一点，也推出了 beta 版本的 Node.js 支持（基于 GCP，需要填表申请）。 5.
2.2K20发布于 2020-05-08 - 来自专栏前端开发
【前端开发】--Vue3+elment plus简介
本文将深入介绍Vue3和Element Plus，探讨它们如何协同工作，以及为什么这种组合成为了前端开发的优选方案。 Vue3：革命性的前端框架Vue3是Vue.js的最新版本，它在继承了Vue.js简洁、易用的特点的同时，引入了诸多创新，为开发者提供了更高效、灵活的开发体验。 Vue3与Element Plus的协同优势将Vue3和Element Plus结合使用，可以让前端开发的效率和用户体验达到新的高度。 登录官网可以查看丰富的组件，直接点击查看源码就就可以直接复制粘贴使用结语Vue3和Element Plus的组合为前端开发提供了一个强大、灵活的解决方案。 无论是在构建高性能应用，还是追求开发效率和维护便利性方面，这一组合都能满足现代Web开发的需求。随着越来越多的项目采用Vue3和Element Plus，它们无疑将成为前端开发的主流选择。
93910编辑于 2024-03-14 - 来自专栏前端迷
数据结构与前端开发（3）-链表
链表是一个线性结构，同时也是一个天然的递归结构。链表结构可以充分利用计算机内存空间，实现灵活的内存动态管理。但是链表失去了数组随机读取的优点，同时链表由于增加了结点的指针域，空间开销比较大。
60741发布于 2018-10-22 - 来自专栏趣谈前端
前端实战:使用css3实现类在线直播的队列动画
作为一名前端工程师, 解决方案无非以下2种: 使用javascript根据条件来控制元素的样式实现队列动画 用纯css3配合数据驱动模型来实现. 大家都知道在现代的Web开发中, 我们能使用Css实现的效果尽量不要用Js, 所以我们应该优先考虑用Css3来实现,但是我们要结合数据流才能实现真正的队列动画, 所以我们可以利用MVVM框架便捷的数据驱动模型来控制动画的走向 又由于动画的核心在于Css3, 所以在小程序或者是Vue/React中实现其实原理都是相似的, 大家不必担心技术栈的问题. 实现进入动画 我们要想实现上图的用户进入动画, 可以使用Css3的过渡动画transition,也可以使用animation动画, 由于使用场景的便捷性这里我们采用animation动画, 首先我们先写一下 /div> }) } css代码如下: .hidden { opacity: 0; animation: moveOut 1.2s;} 通过以上步骤我们就实现了一个完整的类在线直播的队列动画
1.1K20编辑于 2022-02-09 - 来自专栏前端专精
PDF预览：利用vue3-pdf-app实现前端PDF在线展示
pdf-app实现前端PDF在线展示 一、vue3-pdf-app组件介绍及其优点 1、vue3-pdf-app是什么 vue3-pdf-app是一个基于Vue3的插件，用于在Web应用中展示 它利用PDF.js库来渲染PDF文档，并提供了简单易用的接口，方便开发者在Vue3项目中集成和使用。 2、作用与场景 vue3-pdf-app主要用于以下场景： 在线文档管理系统：用户可以直接在浏览器中查看、阅读和管理PDF文档。 在线书籍阅读器：提供流畅的PDF书籍在线阅读体验。 margin-bottom: 10px; } button { margin-right: 5px; } </style> 四、一个基础案例 资源已上传到CSDN，下载链接：前端在线展示 五、总结 通过本文的介绍，我们详细了解了如何在Vue3项目中使用vue3-pdf-app实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化，希望对你有所帮助。
4.2K10编辑于 2025-01-22 - 来自专栏海仔技术驿站
前端成神之路-学成在线
学成在线页面制作 目标 理解 能够说写单页面我们基本的流程 能说出常见的css初始化语句 能说出我们CSS属性书写顺序 应用 能利用ps切图 能引入外部样式表 能把psd文件转换为html页面 学成在线的目的就是为了串联前面的所有知识 pink老师： 取义学有所成，为师之期望，君等成才者也，故曰学成网是也~~ 1.1 前期准备素材 学成在线PSD源文件 开发工具 = PS（切图） + sublime（代码） + chrome（测试） 3号盒子版心内，左对齐 subnav侧导航栏。 4号盒子版心内，右对齐 course 课程。 3）课程表模块 结构图如下： ? 1号盒子为最大的盒子 box 版心水平居中对齐 2号盒子为上面部分 box-hd – 里面 左侧标题H3 左浮动 右侧 链接 a 右浮动 3号盒子为底下部分 box-bd — 里面是无序列表 有 10个 2.1 怎样打开Chrome的开发者工具？ 直接在页面上点击右键，然后选择 “检查” 快捷键 F12 或者 ctrl+shift+i ? 基本的结构布局是左边html 右边是 css ?
2K31发布于 2020-11-12 - 来自专栏陶士涵的菜地
构建响应式在线客服聊天系统的前端实践 Vue3+ElementUI + CSS3
一个优秀的在线客服系统不仅需要功能完善，还需要在各种设备上都能提供良好的用户体验。本文将介绍如何构建一个响应式的客服聊天界面，确保在桌面端和移动端都能完美呈现。 设计理念与架构 我们的客服聊天系统基于Vue.js框架开发，采用了Element UI组件库来加速开发过程。 disabled> <svg class="chat-input__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w<em>3</em>. 总结 这个响应式客服聊天系统<em>前端</em>实现具有以下优势： 真正的跨设备兼容：通过媒体查询和灵活的布局设计，确保在从手机到大屏幕显示器上都能提供良好的用户体验。 视觉一致性：保持了Element UI的设计语言，同时加入了自定义样式，平衡了<em>开发</em>效率和品牌个性。 可扩展性：组件化的设计使得功能扩展和维护更加容易。
68010编辑于 2025-08-09 - 来自专栏前端达人
分享9个前端开发人员必备的在线工具手册
作为开发人员，我们可能会学习多门编程语言，不可能记住它们的所有方面。拥有 MDN 文档很有帮助，但查看每个小问题可能会很耗时。在这些情况下，“备忘查询手册”可以成为现实生活的救星。 2、HTML Cheat Sheet html-css-js.com，您是否需要一个包括编码示例，Web开发人员工具和标记代码生成器的资源？您会喜欢HTML清单。这张清单具有您需要的一切。 3、CSS Cheat Sheet htmlcheatsheet.com/css/，此CSS备忘单列出了最常见的CSS片段样式：gradient, background, button, font family
88920编辑于 2023-02-17 - 来自专栏前端开发
【前端开发】创建Vue3项目
Current版本包含了最新的功能更新，适合开发和测试新特性。根据你的需求选择合适的版本下载.msi格式的安装包。步骤3：运行安装程序找到已下载的.msi文件，双击开始安装。 .Done.根据自己需求选择yes or no通过一下步骤安装，启动服务器cd <your-project-name>npm installnpm run dev运行之后会显示如下界面说明创建项目成功3.
47910编辑于 2024-03-21 - 来自专栏中后台可视化开发设计与实现
前端业务系统开发神器——定制化业务系统不过谈笑间，平平无奇在线开发纯前端业务系统设计
主要能力以可视化方式在线开发中后台类纯前端（react版）系统。 能够高效（高效高效高效）开发完整的前端业务（pc 中后台类）系统（包括页面创建设计、路由、接口调用、自定义组件...）以开发者视角方式生成代码，每一行都是有用并且可以读的懂的代码，react项目，几乎没有学习成本源码任意下载 ，没有条条框框束缚，随便拿捏 当然也可以滚动到下面的 在线开发 直接查看从 0 到 1 的开发视频来了解全貌简易介绍由服务器中预置基本脚手架（如：create-react-app 创建）。 、而上面的代码会实际下载到相关项目中，所以我们下载的项目都是可以读的懂的代码，几乎与开发者编写无异在线开发我们简短的视频实打实的来在线开发一个完整的系统，来感受一下效率以及是否适合你吧 ~！ light2f 中后台系统前端在线开发视频链接网站地址使用邮箱注册后即可以免费使用 & 下载，下载后更可以任意拿捏 点此传送入口，欢迎骚扰体验，大爷快来玩啊 >>>>>>>>>>>>>>>>>>>>>>
1.2K70编辑于 2022-12-13 - 来自专栏3D可视化
前端 3d开发怎么操作，什么流程？
我们都知道现今社会复合型人才是企业刚需，只会一项本领难以在企业中立足，即便是前端工程师，如果你只会敲代码改网页也是不行了，要多方面拓展自己的才能。比如研究可视化方向的3D开发。 TIM截图20191227154704.png 接下来了解一下开发流程吧： HelloWorld.js /** * 说明：创建App，url为场景地址（可选） */ var app = new THING.App
83410发布于 2019-12-27 - 来自专栏少年郎编程之路
前端开发使用GraphQL——VUE3使用GraphQL
之前一直都是使用vue2，最近有新的项目使用了vue3，这里记录下在vue3环境下，使用GraphQL的一些经验。如果你使用的是vue2，建议直接使用vue-apollo组件。 1. 前端开发使用GraphQL——服务端技术选型 2. 前端开发使用GraphQL——Nestjs/GraphQL项目搭建 背景 新项目采用了vue3开发，而目前vue对应的QraphQL模块vue-apollo对使用typescript开发的vue3 框架支持不是很好(目前正在开发的Vue Apollo 4 将支持 Vue 3)，没法利用typescript来检查GraphQL接口拉回来的数据，这里记录一下处理这些问题的方式。 代码可以参考我的github: xyc-cn/nestjs-graphql-demo at vue3-apollo (github.com)
4.8K21发布于 2021-06-24 - 来自专栏编程微刊
八款前端开发人员更轻松的实用在线工具
写在前面：开发过程中，会遇到很多繁杂精细的麻烦问题，虽然知道要去按照步骤解决，但总归耗费大量的时间，那为什么不去寻求一个捷径，本文总结了一些在线工具，遇到问题，打开网页，想要的东西，分分钟就能解决，让开发变得高效 一：Atool在线工具： http://www.atool.org/ aTool,工具在线工具,由华中科技大学一位在校女研究生开发的在线工具集合网站,旨在做出最简单方便、最完整干净、最全面完整的工具网站 随便贴一张图 二：在线工具 http://tool.oschina.net/ 中国开源社区，ostools为开发设计人员提供在线工具,提供jsbin在线 CSS、JS 调试,在线 Java API文档, 迅雷下载链接转换,程序猿的在线工具，纯前端开发人员看过来，把工具箱打包带走。 五：脚本之家在线工具 http://tools.jb51.net/ 工具之家是脚本之家旗下网站,目的是为广大程序员、前端工程师、服务器管理员、网站站长等朋友提供在线工具,如代码格式化、代码混淆、代码加密
2.4K30发布于 2018-06-05 - 来自专栏全栈程序员必看
2015阿里校招前端在线题目
5.淘宝首页须要实现这样一个功能。对于页面上非taobao.com域名下的链接。在用户点击时，须要在链接处弹出提示框，提示用户此链接非淘宝域名下的链接。并给与用户选择是否继续訪问。假设用户确认继续訪问，则在新窗体打开链接。请写出对应的代码。
31210编辑于 2022-07-08 - 来自专栏Alone88
在线运行web前端的网站收集
RUN 可以在线运行web前端代码网站收集 导航 JSRUN:http://jsrun.net/ 目前应该是国内做的最好 最强的的在线编辑器。 runkit：https://runkit.com/ 这个是node编程用的，在线require( )各种包，看上去挺屌的 更多待收集...
3.7K10发布于 2019-10-22 - 来自专栏Seebug漏洞平台
在线免费的前端黑工具 XSSOR
地址：xssor.io 这是一个在线免费的前端黑工具，目前主要包含 3 大模块： 1. Encode/Decode 加解密模块，包含：前端黑相关的加解密，代码压缩、解压、美化、执行测试，字符集转换，哈希生成，等。 2. 3.
3K110发布于 2018-03-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号