elementUI angular适合做H5吗

最新推荐文章于 2024-03-21 11:02:08 发布
最新推荐文章于 2024-03-21 11:02:08 发布
阅读量2.3k 收藏
点赞数
分类专栏： angular 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/come0across/article/details/96477509
版权

在angular项目中用了这么久elementUI，今天来总结一下使用element-angular过程中遇到的坑

1.Radio 单选框

样式单一，不能重新设置按钮颜色，尺寸只有large, small，主要适用于web端，h5端也可用

2.Checkbox 多选框

样式不好做调整

3.Input 输入框

相对来说，使用情况比较顺畅

4.InputNumber 计数器

在h5中，样式不好做调整

5.Select 选择器

在H5页面上，点击select选择器，不选择的话，列表不会自动关闭

6.Slider 滑块

只支持整数，在h5上不支持手势滑动事件

总之，此框架很适合Web端，组件设计比较简洁，但是在H5上，真的问题较多，不适合做h5。

仅为个人看法

盼盼盼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE+VUEX+element集成的H5
07-11
一款健身房的H5，里面有课程的浏览、预约、定位等功能，同时有开电子锁的功能
浅谈前端八大UI库
热门推荐
LGD_Sunday的专栏
05-25 4万+
之前在3月份的时候做过一个《浅谈前端八大UI库》的公开课，反馈还不错，当时就想着等有时间了，就把公开课讲的东西，组织成一个博客。这一等，就等了两个多月。 先说一下什么样的同学适合看这个博客。 如果 - 你急需一个高品质的 UI 库 如果 - 你不知道如何为你的项目设计 UI 如果 - 你不知道如何为你的项目选择UI库 如果 - 你对于前端UI库的散乱感到无所适从 如果 - 你希望在前端长期发展，并且目前处于初级的瓶颈 那么这篇博客应该都可以帮助到你。 但是，本博客不会讲授 UI库 的具体使用，因为如果
HTML5引入element
qq_58024411的博客
08-09 3315
在上一篇文章当中，我写了如何在HTML5当中引入Vue,以及Vue的快速入门，那么本次我们一起来学习一下，如何在使用了vue以后，如何使用element组件。element是由饿了么基于vue开发的一堆组键，我们需要使用的时候，直接去element官网复制代码即可官网链接（element中文官网）
h5页面使用vue+element ui开发遇到的问题
旺旺旺小小苏的博客
06-05 3582
一、使用element-ui开移动端时遇到的问题 1）、在安卓手机element-ui下拉框点击时会有背景阴影： 解决方案:设置输入框样式：-webkit-tap-highlight-color: transparent !important;
H5项目引入Element UI和Vuetify（非Vue项目），并解决Element UI默认图标不显示的问题
Duktig的博客
05-25 4385
H5项目引入Element UI 采用本地方式引入Element UI和Vuetify 引入资源结构 jquery和vue比较好引入，暂略 需要Element UI和Vuetify引入资源的，可在文章顶部下载 使用非常简单，直接<link>或者<script>引入即可。 解决Element UI默认图标不显示的问题 按照官网推荐的方式引入Element UI图标不显示 原因是因为会默认在font下寻找element-icons.ttf和element-icons.woff，如果找不
Dcode-Editor:h5在线可视编辑器，基于Vue和 ElementUi 拖拉组件生成H5
05-16
Vue 前端主流框架(react,vue,angular)之一,更适合开发灵活度高且复杂的应用 Vuex 主流的react应用状态管理工具，基于redux vue-cli4 基于vue的前端脚手架 Less css预编译语言，轻松编写结构化分明的css Element-Ui ...
Angular下H5上传图片的方法（可多张上传）
08-31
总结来说，实现Angular下H5上传图片功能涉及的技术点主要包括：自定义Angular指令、File API、预览服务、前端压缩、文件上传、多张图片处理、错误处理和用户体验优化。在实际开发中，要根据项目需求灵活运用这些技术...
移动开发 H5开发angular4教程
11-27
在这个H5开发Angular4教程中，我们将深入探讨以下几个关键知识点： 1. **Angular4基础**：Angular4是基于TypeScript的前端框架，其核心组件包括模块（Module）、组件（Component）、服务（Service）和指令...
h5webstorage:Angular 2的Web存储
05-17
h5webstorage 适用于Angular2HTML5 WebStorage API （服务） （服务） （装饰器） （功能） 用 下载库： npm install h5webstorage --save 2.将模块和提供程序导入顶级模块： import { WebStorageModule } ...
最新Ionic5/Angular8开发的应用源代码
04-23
在Ionic5/Angular8项目中，可以使用Angular的CacheModule或者第三方库如RxJS的cache operator来存储和复用先前获取的数据，避免不必要的网络请求。 Echarts是一个强大的数据可视化库，适用于移动端和Web端。通过...
H5项目本地使用jquery、vue、element ui、vuetify所要的资源
05-25
H5项目本地使用jquery、vue、element ui、vuetify所要的资源 element-ui-index.css element-ui-index.js element-icons.ttf element-icons.woff jquery.cookie-1.4.1.min.js jquery-3.5.0.min.js vue-2.6.11.js vuetify.min.css-2.2.26.css vuetify-2.2.26.js
h5引入element和vue
最新发布
m0_72653774的博客
03-21 674
【代码】h5引入element和vue。
移动端h5使用elementui走马灯，手指左右滑动切换
我爱学习的博客
02-14 3271
环境： vue框架，h5端，elementUI组件。手指左右滑动可以切换轮播图。
云开发多端用户模块实战(八)---uni-app基础(六)---H5端使用vue-router以及elementui
代码哈士奇的博客
05-22 1336
我们的视频教程(免费)链接为https://static-b5208986-2c02-437e-9a27-cfeba1779ced.bspapp.com/ 特别注意：H5端可以使用element ui 小程序/app端建议使用 uView ui 注意这里是H5端使用vue-router及elementui H5端使用vue-router 安装 uni-simple-router 官网地址 https://hhyang.cn/v2/start/quickstart.html 像我们正常安装依赖一样 npm.
html5集成element-ui,Vue项目ElementUI集成
weixin_32127545的博客
06-30 1409
Vue项目ElementUI集成前面已经搭建好VueJS环境，下面可以引入ElementUI组件了，ElementUI提供比较完整的控件库，很容易搭建一个自己的后台页面。安装并使用ElementUInpm install element-ui --save等下在完成之后，就可以引入ElementUI了在main.js中引入：// 引入ElementUI的js和cssimport ElementUI...
h5,vue ,elementui,vant组件项目踩坑
qq_38698753的博客
12-02 3002
使用vue的v-html属性后.想改变富文本里面的样式,不能把样式写在scope里面 想改变vant组件的样式只能用css语法去更改样式,同时注意层级关系
基于vue+element-ui的H5可视化编辑器
h5ve2023的博客
03-03 2163
h5ve-design是一款专注低代码平台工具，功能强大，高可扩展的HTML5可视化编辑器，致力于提供一套简单易用、高效创新、无限可能的解决方案。技术栈采用vue和javascript开发, 专注研发创新工具。
vue+element 的h5界面嵌入app的一些注意事项
weixin_36706903的博客
09-11 1904
情景：h5界面嵌入app里，这里用的是vue+element+mint-ui 1、h5界面需要获取app的登录信息 方法是app提供原生的方法，挂载在window上 比如 //方法 app同事肯定会给你提供 //这里需要注意的：如果原生的方法需要参数，要问清楚app同事参数，如果要获取app拿的值 //比如我这里要获取登录信息，一般是json形式，需要转化一些JSON.parse() //另外，要问清楚，返回的字段名，这样方便获取对应的值，比如，下方我获取的值 const center...
移动端pc端兼容element-ui
m0_50663823的博客
09-05 2911
移动端pc端兼容element-ui
Angular 如何实现 h5 即时聊天
04-01
Angular 可以通过使用 WebSocket 技术来实现 H5 即时聊天功能。以下是一个简单的示例： 1. 安装 `socket.io-client` 库： ``` npm install socket.io-client ``` 2. 在 `app.module.ts` 文件中导入 `SocketIoModule`： ```typescript import { SocketIoModule, SocketIoConfig } from 'ngx-socket-io'; const config: SocketIoConfig = { url: 'http://localhost:3000', options: {} }; @NgModule({ imports: [SocketIoModule.forRoot(config)], ... }) export class AppModule { } ``` 3. 在组件中导入 `Socket`： ```typescript import { Component } from '@angular/core'; import { Socket } from 'ngx-socket-io'; @Component({ selector: 'app-chat', template: ` <input [(ngModel)]="message" (keyup.enter)="sendMessage()"> <button (click)="sendMessage()">Send</button> <ul> <li *ngFor="let msg of messages">{{msg}}</li> </ul> ` }) export class ChatComponent { message = ''; messages: string[] = []; constructor(private socket: Socket) { socket.on('message', (msg: string) => { this.messages.push(msg); }); } sendMessage() { this.socket.emit('message', this.message); this.message = ''; } } ``` 4. 在服务器端创建 `socket.io` 实例： ```javascript const http = require('http'); const socketio = require('socket.io'); const server = http.createServer((req, res) => { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end('Hello World\n'); }); const io = socketio(server); io.on('connection', (socket) => { console.log('a user connected'); socket.on('message', (msg) => { console.log('message: ' + msg); io.emit('message', msg); }); socket.on('disconnect', () => { console.log('user disconnected'); }); }); server.listen(3000, () => { console.log('listening on *:3000'); }); ``` 以上代码示例只是一个简单的实现，实际项目中需要考虑更多的安全和性能问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值