Web前端基础+移动端开发第4页

h5 rem vue_GitHub - sunniejs/vue-h5-template: vue搭建移动端开发,基于vue-cli4.0+webpack 4+vant ui + sass+ rem适.

vue-h5-template基于vue-cli4.0+webpack4+vantui+sass+rem适配方案+axios封装，构建手机端模板脚手架查看demo建议手机端查看Node版本要求VueCLI需要Node.js8.9或更高版本(推荐8.11.0+)。你可以使用nvm或nvm-windows在同一台电脑中管理多个Node版本。本示例Node.js12.14.1启动项目gitcloneht

跑焦·2023-11-13 08:59

手机1像素线粗_移动端开发1px像素线条变粗的原因与解决方法

移动端1px像素线变粗的原因在做移动端项目时，常常是根据设计图设置元素节点的大小和样式，但是有时候根据设计图写出来的样式还是不如人意，虽然表面上看起来和设计稿是一样的，可是就是没设计稿那种感觉，而且莫名还有一种山寨的气息，UI审查的时候也常常会觉得分割线或则边框线太粗了，要更细一点，但是一看代码，已经是1px了，为什么看着还是那么粗呢？要知道问题的原因首先要了解一下几个概念：(1)物理像素(phy

psychonaut·2023-11-13 00:30

VUE Vant移动端开发

Vant什么是VantVant是一个轻量，可靠的移动端组件库，2017开源目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。课程中我们使用Vue2版本对应的Vant学习[https://youzan.github.io/vant/v2/#/zh-CN/]Vant的优势ElementUI是开发计算机浏览器(非移动端)页面的组件库而Va

半路出家不会英语·2023-11-12 22:17

移动端click事件、touch事件、tap事件的区别

移动端开发中，我们经常会接触到click事件、touch事件和tap事件，它们虽然看起来很相似，但实际上有着不同的特点和适用场景。本文将为大家介绍这三种事件的区别，并分享一些相关的代码示例。

天玄TX·2023-11-11 05:44

scss解决2x,3x背景图片问题

移动端开发过程中，因为手机的dpr(设备像素比不同)，我们需要根据dpr来修改图标的大小:一.2x,3x图片原理:1.通过mixin语法,动态修改background-image。

qq_42750608·2023-11-11 03:43

如何写出低碳环保的Android代码

作者：徐鸿福，多年后端及移动端开发经验，现任MaxLeapUX团队成员，主要从事于Android相关开发，目前对Kotlin和Ruby有浓厚兴趣。

吧主·2023-11-11 02:53

移动端布局rem适配

（确定HTMl中的font-size大小）REM适配是一种移动端开发中常用的适配方法。它是基于CSS中的相对单位REM（RootEm）进行布局调整，以适应不同设备的屏幕尺寸。

A_man_of_ideas·2023-11-10 20:23

Flutter开发：折叠效果对应的组件使用

尤其是实际开发需求是错综复杂的，各种奇葩需求，必须要对常用的组件使用要很熟悉才行，那么本文就来分享一个在Flutter开发中比较常用的效果，表格折叠，或者说是对于table列表进行折叠的效果，这也是基于移动端开发的特点

三掌柜666·2023-11-09 08:02

web前端基础知识

HTML&CSS基础经典版HTML：结构（页面元素和内容）css：表现（网页元素的外观和位置等页面样式）行为：JavaScript：行为（网页模型定义与页面交互）排版标签排版标签标题标签：h系列标签重要程度依次递减特点：独占一行、h1-h6文字逐渐减小段落标签：p特点：段落之间存在间隙、独占一行换行标签：水平分割线：文本格式化标签场景：让文字加粗bstrong、下划线uins、倾斜iem、删除线s

殿君不是殿军·2023-11-09 01:27

Web前端-HTML基础

Web前端Web前端基础HTML编程中命名规范网页的基本结构：网页运行的原理：HTML常见标签标题标签段落标签水平线标签有序列表标签无序列表标签描述标签表格标签表单form表单中常用的表单元素div分区标签

再来半包·2023-11-09 01:56

基于开源IM即时通讯框架MobileIMSDK：RainbowChat-iOS端v8.0版已发布

关于MobileIMSDKMobileIMSDK是一套专门为移动端开发的开源IM即时通讯框架，超轻量级、高度提炼，一套API优雅支持UDP、TCP、WebSocket三种协议，支持iOS、Android

hellojackjiang2011·2023-11-08 12:45

E-Mobile移动端开发日志

视图的使用六、视图的使用七、功能点梳理父子值列表（通过选择项触发事件）数据库操作配置动态值列表隐藏表单保存提醒扫码跳转页面站点地图、步骤条应用发布到测试1.引入库2.读入数据遇到问题及其解决方案心得总结前言移动端开发的一些记录

林渊丶·2023-11-07 21:19

px、rpx、em以及rem的区别与用法

px和rpx是尺寸单位，在网页开发中常用，而em和rem是字体尺寸单位，在网页开发和移动端开发中常用，下面分别介绍一下它们的区别和用法：px：像素，是绝对单位，不会随字体大小变化而变化，像素值越大，元素越大

m0_黎明·2023-11-07 05:35

移动端开发的zepto

1.zepto和jquery的区别：（主要是模块上的区别）zepto默认只有基本的模块，其他功能模块需要单独引用。引用的模块，必须放在zepto的后面，fx.js和fx_methods.js他们之间必须是fx_methods.js在fx.js的后面，其他的包之间顺序无所谓。jQuery默认是一个文件中，包含所有的功模块。zepto的底层是通过css3实现的，jQuery是操作的DOM,所以有些cs

goodluckall·2023-11-06 01:34

vue在微信里面的兼容问题_移动端开发，大多数人都会遇到的几个兼容性坑

1、ios端兼容input光标高度问题详情描述：input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上当点击输入的时候，光标的高度和父盒子的高度一样。例如下图，左图是正常所期待的输入框光标，右边是ios的input光标。出现原因分析：通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离(行高)，当点击输入的时候，光标的高度就自动和父盒子的高度一样了。(谷

weixin_39949584·2023-11-04 12:27

Flutter学习-屏幕适配

目前做移动端开发都要针对不同的设备进行一定的匹配，无论是移动原生开发、小程序、H5页面那么下面我们来学习下，Flutter中如何针对不同的手机

GY-93·2023-11-04 08:33

Flutter屏幕适配的三种方案

做移动端开发的同学都知道，针对不同型号和尺寸的手机要进行页面的适配，且iOS和Android适配方案各不相同，那我们用Flutter开发要怎么处理屏幕适配呢？

金戈鐡馬·2023-11-04 08:55

移动端开发基础

移动开发像素知识px：csspixels逻辑像素，浏览器使用的抽象单位dp：物理像素（设备无关像素），跟手机设备有关dpr：设备像素缩放比，控制px和dp两者的关系DPI：打印机每英寸可以喷的墨汁点PPI：屏幕每英寸的像素数量，即单位英寸内的像素密度计算公式：1px=(dpr)^2*dp以iphone5为例子：（屏幕分辨率：1136*640，4英寸，dpr：2）通过上述公式可计算得：320px*5

jie_YJ·2023-11-04 04:04

架构师必知必会系列：移动应用架构与开发

本文将从如下几个方面阐述移动应用架构设计与研发的知识体系:移动端开发的相关理论及技术栈移动端架构设计方法论与实践数据存储的解决方案及实践客户端

禅与计算机程序设计艺术·2023-11-02 05:30

手机真机调试的方法

移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。

小李不小·2023-10-31 07:39

Kotlin or Java?(简单聊聊Kotilin)

在移动端开发领域，KotlinNative实现了同一份代码既可以在Android平台也可以在IO

jlcfighting·2023-10-30 15:15

iOS开发-使用Safari调试iOS APP H5页面

移动端开发过程中大量使用H5、js，而这些web页面的调试在Xcode控制台中不好调试。Safari浏览器来开启开发模式连接iPhone来调试app脸面的web页面了。

Pandakingli·2023-10-30 07:55

vue 移动端开发vw适配方案&rem适配方案 + vant框架 + unocss|tailwindcss

1.移动端开发适配目前移动端适配，在市面上主流适配方案无非就两种，rem方案和vw方案。这些方案，就可以自动适配不同移动端屏幕尺寸动态缩放。

u014632228·2023-10-29 12:35

如何关闭vconsole_移动端开发增加debug调试--vconsole

公司开发的app是使用ionic开发的，在手机端开发调试的时候一些接口问题调试需要连接浏览器苹果手机使用safari自带的开发调试安卓手机使用chrome的inspect调试，十分不方便，因此领导提出有没有办法把接口报错在手机上显示出来，以便出问题不用连电脑就能好知道经过调研于是有两种方法1、将接口报错信息都是用提示框的形式展示出来优点：开发方便，直接将错误信息输出即可缺点：不美观，一旦多个接口报

weixin_39703982·2023-10-28 11:43

JAVA学习-愚见

ANnianStriver·2023-10-27 12:22

Web前端基础（五）：清浮动方法与优缺点

1、如何对待美工对于靠谱美工，美工图精确度约0px。对于不靠谱的美工，要与产品经理沟通，并用邮件往来。2、浮动对文档的影响浮动会导致当前元素脱离文档流，此时会对父级产生影响；子元素浮动，父级元素会出现高度为0的现象，这个现象叫做高度塌陷；3、清浮动的方法：3.1需要清浮动的情况：子标签浮动后，父标签的高度无法被撑开，所以需要清浮动；新加入的标签，希望不受之前浮动元素的影响，则需要清浮动；3.2清浮

繁华落殇·2023-10-27 11:33

vue移动端中使用lib-flexible和px2rem，再引入第三方UI库导致第三方UI库的样式也变小的问题

在移动端开发中，常常会用到rem相对单位来做自适应。

Do_Du·2023-10-27 07:50

iOS 深入了解 atomic 与 nonatomic

前言：已经多年移动端开发的我宣布PropertyAttributes一直以来都是用nonatomic，尚未使用到atomic。

追到梦的魔术师·2023-10-26 19:57

iOS开发的前端之路

最近H5在移动端开发中比较火，由于它对iOS和安卓的统一性，迅速得到开发者的喜爱。想要学习H5，最快也是最有效的方法就是从前端入手，这样既可以为学习H5打出良好的基础，也可以转型一名前端开发。

追到梦的魔术师·2023-10-26 18:56

Tauri2 mobile development traps

最近在倒腾移动端开发，不想学原生和flutter，试了试react-native，开发体验没有想象中的舒服，干脆直接上tauri2吧，半年前就听说tauri2支持移动端，到现在应该可堪小用。

Evanpatchouli℃·2023-10-26 11:27

CSS3 rgba、rem、文本溢出隐藏、文本阴影

在移动端开发中，根据不同手机屏幕的大小，可以调节相对大小。三.文本溢出隐藏四.文本阴影

祝名·2023-10-26 06:51

React Native 环境搭建, 新建项目, 运行和调试

ReactNative可以理解为一个基于JavaScript,具备动态配置能力,面向前端开发者的移动端开发框架.目前为止虽然一直还没有V1.0.0版本,但是相信很多小伙伴都了解过或者已经入坑了.为什么RN

Jesse-csdn·2023-10-26 04:07

为什么选择Flutter 进行跨平台开发

思维导图：学习跨平台技术的必要性传统移动端原生开发弊端：传统的原生开发需要维护Android、IOS两个平台；使用Flutter进行移动端开发的优点：Flutter为跨平台的UI框架，真正做到一套代码多端使用

WAsbry·2023-10-26 04:24

移动端开发增加debug调试--vconsole

公司开发的app是使用ionic开发的，在手机端开发调试的时候一些接口问题调试需要连接浏览器苹果手机使用safari自带的开发调试安卓手机使用chrome的inspect调试，十分不方便，因此领导提出有没有办法把接口报错在手机上显示出来，以便出问题不用连电脑就能好知道经过调研于是有两种方法1、将接口报错信息都是用提示框的形式展示出来优点：开发方便，直接将错误信息输出即可缺点：不美观，一旦多个接口报

小镜子呀·2023-10-24 19:41

web前端基础

正则表达式1.正则验证：手机号码验证2.正则验证：查找并替换内容（发表评论中的敏感词替换）3.最全正则验证清除浮动的五种的方法cors解决跨域问题Git仓库中的常用命令一、js1.利用for循环打印九九乘法表2.break和continue的区别3.计算圆的周长，面积4.数组API：（1）数组转字符串（2）多个数组拼接（3）数组元素截取（4）删除数组元素（5）数组翻转（6）数组排序（7）在数组结尾

LH505343·2023-10-24 17:17

React笔记

1.React是什么：用于构建用户界面的JavaScript库1.1特点采用组件化模式，声明式编码，提高开发效率和组件复用率在reactNative里可以使用React进行移动端开发（可以用js的语法写安卓和

Asbeel.·2023-10-22 21:23

Flutter 状态管理指北

状态（state）管理对于做移动端开发的同学可能会比较陌生移动端开发的同学大部分用的都是命令式框架（例如AndroidSDK或者iOSUIKit），部分同学可能用过响应式编程框架，如：ReactiveCocoa

一茶壶茶·2023-10-22 20:40

移动端系统生物认证技术详解

相信大家对于生物认证应该不会陌生，使用指纹登陆或者FaceId支付等的需求场景如今已经很普遍，所以基本上只要涉及移动端开发，不管是Android、iOS或者是RN、Flutter都多多少少会接触到这一业务场景

恋猫月亮·2023-10-22 12:32

移动端开发----1px最佳解决方案，px To rem

移动端web项目越来越多，设计师对于UI的要求也越来越高，比如1px的边框。在高清屏下，移动端的1px会很粗。比如，这个是假的1像素这个是真的1像素一、产生原因那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio)设备像素比，它是默认缩放为100%的情况下，设备像素和CSS像素的比值。window.devicePixelRatio=物理像素/CSS像素复制代码

佛系点儿·2023-10-20 11:59

web前端基础CSS------美化页面“footer”部分

一，实验代码关于我们#footer{margin:10px0px;background:#f5f5f5;border:top1pxsolid#eee;}#footerCon{width:1190px;margin:10pxauto0px;}#footerCon#links{border-bottom:1pxsolid#eee;overflow:hidden;padding-bottom:20px;

搁浅小泽·2023-10-20 06:50

CSS3——meta视口标签

今天看了一点，关于移动端开发的知识，就是简单的了解了一点。

Kong_十六·2023-10-19 17:19

浏览器原理-v8引擎-js执行原理

浏览器原理-v8引擎-js执行原理js简介js应用：js的应用很广泛可以应用于web，移动端，小程序，桌面应用，后端开发等web开发包括（原生js，react，vue，angular等）移动端开发（reactNactive

练习时长1月半的前端练习生·2023-10-19 16:52

深入JavaScript高级语法-01-浏览器原理-v8引擎-js执行原理

在工作中至关重要前端的未来依然是JavaScript著名的Atwood定律任何可以使用JavaScript来实现的应用都最终都会使用JavaScript实现JavaScript应用越来越广泛web开发移动端开发小程序端开发桌面应用开发后端开发

coderlb·2023-10-19 16:52

Flutter的优势以及Dart基础语法

对于移动端开发人员来说，跨平台技术一直是关注的重点，从H5,ReactNative到Flutter,我们似乎一直在寻找一种能“一套代码，多端运行”，同时还能有不俗的用户体验的技术。

86050d85fb4b·2023-10-19 11:39

uni-app--》基于小程序开发的电商平台项目实战（七）完结篇

引言⚓经过web前端的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了uni-app专栏，主要想从移动端开发方向进一步发展，而对于我来说写移动端博文的第二站就是uni-app开发，希望看到我文章的朋友能对你有所帮助

亦世凡华、·2023-10-19 03:58

移动APP开发的三种常见模式

（1）当前流行的H5移动端开发框架①jQuerymobile②Bootstrap③Sencha④MUI（2）原生应用（NativeApp）原生应用程序是某一个移动平台（比如ios或安卓）所特有的，使用相应平台支持的开发工具和语言

慕斯-ing·2023-10-19 02:22

uni-app--》基于小程序开发的电商平台项目实战（六）