问答 2023-02-07 来自:开发者社区

已有的前端项目怎么接入已经集成mpaas的客户端?

已有的前端项目怎么接入已经集成mpaas的客户端?

文章 2023-01-18 来自:开发者社区

SpringBoot集成WebSocket,实现后台向前端推送信息

前言在一次项目开发中,使用到了Netty网络应用框架,以及MQTT进行消息数据的收发,这其中需要后台来将获取到的消息主动推送给前端,于是就使用到了MQTT,特此记录一下。一、什么是websocket?WebSocket协议是基于TCP的一种新的网络协议。它实现了客户端与服务器全双工通信,学过计算机网络都知道,既然是全双工,就说明了服务器可以主动发送信息给客户端。这与我们的推送技术或者是多人在线聊....

SpringBoot集成WebSocket,实现后台向前端推送信息
文章 2023-01-06 来自:开发者社区

移动端、第三方集成应用内置浏览器里如何调试前端代码?

飞书内置浏览器里如何调试前端代码?实现原理飞书官网针对【在公司内网环境下,如何确保飞书正常使用?】问题给出了两个解决方案:使用系统代理使用 HTTP 代理详情可见:飞书-在公司内网环境下,如何确保飞书正常使用?这里我们采用第一种,即使用系统代理方式。原理:在代理工具里配置远程映射(map remote),将请求进行重定向,然后用重定向后的内容来响应请求的内容。再开启飞书的代理模式,同步当前的代理....

移动端、第三方集成应用内置浏览器里如何调试前端代码?
文章 2022-10-06 来自:开发者社区

jenkins持续集成从0入门到实战【九】构建前端项目

安装node环境点击下载Linux安装Nodejs# 下载 $ cd /data/software $ wget https://nodejs.org/dist/latest/node-v16.2.0-linux-x64.tar.gz # 解压 $ tar -zxvf node-v16.2.0-linux-x64.tar.gz $ mv node-v16.2.0-linux-x64 node-.....

jenkins持续集成从0入门到实战【九】构建前端项目
文章 2022-06-22 来自:开发者社区

全栈开发之前端脚手架:Vue3.0快速集成ElementPlus,Axios,Echarts

背景搭建基于 Vue3.0 的极简前端脚手架,方便后续快速验证想法以及项目实施。涉及到的技术及组件: Vue3.0 , ElementPlus , axios , vue-router , vuex , Echarts 。Note:前提需要有 Node.js 环境,可使用 nvm 进行 Node.js 的多版本管理。npm install <package>默认会在依赖安装完成后将其....

全栈开发之前端脚手架:Vue3.0快速集成ElementPlus,Axios,Echarts
文章 2022-05-25 来自:开发者社区

搭建自己的前端组件库-集成tailwindcss

安装tailwindcssnpm install -D tailwindcss@latest postcss@latest autoprefixer@latest报错?但是在打包的时候报错PostCSS plugin vue-sfc-vars requires PostCSS 8需要安装兼容版本才行安装PostCSS 7 兼容性版本npm install -D tailwindcss@npm:@....

文章 2022-05-25 来自:开发者社区

「后端小伙伴来学前端了」Vue集成 Element-tiptap 富文本编辑器

前言今天在写前端的时候,就是遇到一个问题。一开始我以为用textarea去掉角标,实现自动增长,然后就可以了。谁知道它还得加样式,加粗、斜体,老师在最开始给的设计稿上根本没有。直接麻掉。后来就去搞这个富文本编辑器。感觉前端也不容易,要学习的东西真的蛮多。功能需求是这样的就是选中文章,给它加粗,加斜体,加样式,并且选中的时候能够在上面弹出一个小菜单。为了这个气泡菜单,真的找了很多富文本编辑器,最后....

「后端小伙伴来学前端了」Vue集成 Element-tiptap 富文本编辑器
文章 2022-05-18 来自:开发者社区

Handsfree.js — 一个通过计算机视觉集成手势,面部表情和各种姿势识别的前端库

当电视上出现上图这种科技大片的时候,有没有幻想过有一天可以实现上图的这种交互,当我打开Handsfree这个库的介绍页时,看到前端页面竟然能够识别人的手势,面部以及各种肢体动作,简直刷新了我对前端能力的认知。确信这种交互有一天成为可能。计算机视觉加上AI这几年早已经不是什么新鲜的名词,随着GPU算力的不断提升,使得越来越多(小)的设备上实现人工智能成为可能。国外的一个开发者制作了一个实现Hand....

Handsfree.js — 一个通过计算机视觉集成手势,面部表情和各种姿势识别的前端库
文章 2022-04-30 来自:开发者社区

基于react/vue生态的前端集成解决方案探索与总结

本文主要总结了笔者在多年前端工作中的技术方案选型,结合各种不同类型的项目,搭建了一套完整的前端集成解决方案,主要包含如下内容:基于vue-cli3搭建的vue+vue-router+vuex+elementUI/antd/mint+stylus/less/scss的单/多页项目基于webpack搭建的react+react-router+redux+redux-thunk+immutable+k....

基于react/vue生态的前端集成解决方案探索与总结
文章 2022-04-26 来自:开发者社区

使用Jenkins持续集成前端项目并自动化部署到Nginx服务器

上午折腾了一下Jenkins持续集成,由于公司使用自己搭建的svn服务器来进行代码管理,因此这里Jenkins是针对svn服务器来进行的配置,后面稍微介绍了下针对Github管理的项目的Jenkins配置之前项目每次修改之后都需要本地npm run build一次手动发布到服务器上方便测试和产品查看,有了Jenkins持续集成之后只要svn或者git提交之后就会自动打包,很方便,此次记录以备后询....

使用Jenkins持续集成前端项目并自动化部署到Nginx服务器

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"容器化应用的持续集成与部署","productDescription":"在现代软件开发中,高效的持续集成和部署(CI/CD)是确保快速迭代和稳定交付的关键所在。基于阿里云容器服务 Kubernetes 版 ACK 与Jenkins构建持续集成与部署的解决方案,能够为企业提供从代码构建到应用部署的全流程自动化支持,显著提升开发效率和交付质量。","productContentLink":"https://www.aliyun.com/solution/tech-solution/ack-cicd","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/ack-cicd"},"productButton2":{"productButtonText":"方案部署","productButtonLink":"https://www.aliyun.com/solution/tech-solution-deploy/2868455.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"容器化应用的弹性伸缩攻略","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/ack-hpa","productPromotionInfoSecondText":"高效编排与管理容器化应用","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ack-services"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock"}}