css单位有3种:px:绝对单位em:相对父元素的单位rem:相对根元素(页面的html)的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem:什么是rem?rem就是指相对根元素(页面html)的单位。例如:html设置了font-size为10px,那么1rem就是10px,2rem就是20pxhtml{
  font-size:10px;  
}
h1{
              
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 15:30:38
                            
                                85阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.移动端UI组件库1.Vant :https://youzan.github.io/vant/#/zh-CNVant 是一个轻量、可靠的移动端组件库,于 2017 年开源。目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本,并由社区团队维护 React 版本和支付宝小程序版本。2.Cube UI: https://didi.github.io/cube-ui/#/zh            
                
         
            
            
            
            树形表格常用于处理有结构性的表格数据,例如像分行支行有明显上下级别的数据,就比较适合用树形表格的方式查看,可以直接查看分行数据,也可以打开对应分行,下钻查看支行的数据。今天作者就教大家如何在Axure中制作一个多选树形表格的原型模板。一、效果展示点击表格左侧箭头,可以展开或者收起该行内容的子级内容点击父级行的多选按钮,可以选中或者取消选中当前行内容以及子级行内容点击子级行的多选按钮,可以选中或取消            
                
         
            
            
            
            极简通用树组件,适用于通讯录组织树目录结构等,大数据量支持,毫秒级加载通用树组件Github:[地址](https://github.com/yangjingyu/vs-tree).功能点DEMO安装用法Vue useOptionscheckboxTypeOptionsradioTypevirtualOptionsbreadcrumb方法Node 方法EventsrenderContentloa            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-29 20:52:28
                            
                                1525阅读
                            
                                                                                    
                                1评论
                            
                                                 
                 
                
                                
                     
                                    
                             
         
            
            
            
              上一节讲到HystrixCommand的执行流程。  Hystrix内部将一些模块实现成了插件,并且提供了用户提供自己的实现,通过配置来替换插件。Hystrix提供了5个插件,分别为并发相关插件(HystrixConcurrencyStrategy)、事件通知插件(HystrixEventNotifier)、度量信息插件(HystrixMetricsPublisher)Properties配置            
                
         
            
            
            
            # Android移动端组件库简介
Android平台为开发者提供了丰富的组件库,帮助开发者快速构建高效且美观的移动应用。在本文中,我们将探讨Android移动端组件库的概念,并通过代码示例来说明如何使用这些组件。
## 组件库的定义
组件库是由一组可重用的用户界面(UI)组件构成的。它们帮助开发者简化代码,提高开发效率,同时确保用户体验的一致性。常见的Android组件包括:
- Act            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-18 04:24:54
                            
                                226阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            事件的移入和移出  1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <style type="text/css">
 6         *{
 7             margin: 0;
 8             padding            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-09 16:14:43
                            
                                42阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 科普文章:jQuery 移动端组件库
## 引言
随着移动设备的普及和Web应用的发展,越来越多的人开始使用移动设备上的浏览器来访问网页。然而,由于移动设备的屏幕尺寸较小,传统的Web页面在移动设备上显示效果不佳,用户体验也较差。为了解决这个问题,开发者们开始积极探索和尝试移动端组件库的使用。
## 什么是移动端组件库?
移动端组件库是一种专门为移动设备上的Web应用开发而设计的组件集            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-02-02 12:28:46
                            
                                107阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            利用面向对象自己动手写了一个封装好的jquery轮播组件,可满足一般需求,不仅使用简单且复用性高。demo:点此预览 代码地址:https://github.com/zsqosos/component_library/tree/master/jquery-carousel具体代码如下:HTML:<div class="banner" id="J_bg_ban">
  <            
                
         
            
            
            
            移动端tree组件父子组件联动。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-08 15:59:55
                            
                                82阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            移动端类似K8S是一种移动端应用容器编排和管理平台,类似于Kubernetes(K8S)在服务器端的作用。这种技术可以帮助移动应用开发者更轻松地进行应用开发、部署和管理。本文将介绍如何实现移动端类似K8S,帮助刚入行的小白快速入门。
整个过程可以分为以下几个步骤:
| 步骤 | 内容         | 代码示例            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-16 09:52:32
                            
                                77阅读
                            
                                                                             
                 
                
                             
         
            
            
            
             javascript(简称js)语言在移动前端应用很广。可以说必不可少,许多效果都是和js相关的。包括现在移动端的一些框架。jqmobi、jqtouch、sencha touch、jquerymobile等等。这些都是基于js而进行编写的。这篇暂时不讨论这些框架。以后会慢慢介绍其中的一两个框架的具体使用方法。这篇主要讨论一下部分常用的js事件在移动端的使用。举几个例子: 1、            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-15 16:21:29
                            
                                190阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            点击下面 目录标题网页 head 部分<!-- 禁止缩放 -->
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />公共 js 部分//提取非行间样式
function getStyle(obj,attr)
{
    if(obj.current            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-07-22 19:20:02
                            
                                70阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
                         
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-04 00:43:00
                            
                                323阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            代码实现:mobileAutoPlay.html(复制并保存为html文件,打开并切换为移动端显示,即可见效果):DocumentmobileAutoPlay.css:body {
    max-width: 540px;
    min-width: 320px;
    margin: 0 auto;
    font: normal 14px/1.5 Tahoma, "Lucida Gra            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-04-27 09:56:39
                            
                                289阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Phonegap不管UI这块,并且既然选择HTML5作为技术路线,那么就不能基于各个平台的UI库来开发界面,因此选择一个基于mobile的HTML5 UI框架就显得非常重要了。Phonegap官方网站提供了一个选择列表,基本上涵盖了能够和Phonegap集成并且非常主流的开源框架:http://phonegap.pbworks.com/w/page/36767911/UI%20Developmen            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-25 18:20:31
                            
                                0阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            代码实现:Document            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-04-27 18:36:09
                            
                                149阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            # JavaScript移动端图片标注
在移动端开发中,图片标注是一个常见的需求,尤其是在图像识别、图像编辑等领域。JavaScript作为前端开发的重要语言,提供了丰富的API来实现图片标注功能。本文将介绍如何使用JavaScript在移动端进行图片标注,并提供代码示例。
## 状态图
在进行图片标注时,我们通常会涉及到以下几个状态:
1. 加载图片
2. 选择标注工具
3. 进行标注            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-07-24 05:33:03
                            
                                115阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            上文说到,想将移动端的拖拽说一说,那现在趁有时间,就将这个福利文带来了,哈哈!在我还不知道怎么做移动端的手势操作的时候,我觉得这TM实在是太难了,这是多么高深的学问啊,手势操作耶,上滑下滑左滑右滑的,手机怎么知道我是怎么滑的,我要怎么告诉手机,我用手滑了一下,于是我就默默的找资料看看,到底是什么样的原理可以实现这一点,于是,我找到了移动端手势操作原生事件:touchstart:  &nb            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-30 23:02:24
                            
                                133阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在移动端开发中,遇到“javascript 移动端阻止默认”问题时,常常需要通过调用相关API来让应用更流畅。但在处理这个问题之前,我们得进行一些环境预检,确保一切都能顺利进行。
### 环境预检
首先,确认我们的环境满足以下系统要求:
| 系统 | 版本 |
|-------|-------|
| iOS   | 12.0+ |
| Android | 5.0+ |
| 浏览器 | 最新版主