单纯的控件只是展示了简陋的视觉UI和基本行为，在实际开发中需要用到的是经过各种样式装饰和动画还有丰富行为的UI，而且还会被重复利用。所以为了降低代码重复率，提高开发效率，一般开发会把一个或多个控件的结构、样式、行为、联动封装到一个文件中，这样一个组合文件就称为“组件”。
谷歌如何限制华为？停止商业合作，（1）禁用GMS套件 （2）不能获取更新与适配优化
什么是微信小游戏？ 看前几天的科技新闻，微信中的“跳一跳”小游戏从去年12月发布，截至到今年3月份已经积累了3.9亿玩家，这是一个多么恐怖的数字，“跳一跳”游戏带火了整个微信小游戏开发圈。微信小游戏
去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器 如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证
V6.3 【优化】 优化手机端首页数据中心节点 【修复】 修复独立服务器订购页面无法获取头像名称 【新增】 新增适配官方实名认证 新增首页手机端节点图片 V6.2 【优化】 优化了每次更新覆盖弹窗文件结构 优化了首页卡片图片与文字对称 优化去除用户logo排版 优化了首页文字排版 优化了首页标签 【修复】 修复服务器购买页面标识错误 修复电脑端登录首页导航用户名称颜色不对 修复获取用户QQ名称头像有一定概率报错 【新增】 新增首页服务卡片形成2×2对称 新增首页动态数据中心节点 新增服务器产品页面动态内容卡片 新增服务器产品页面动态服务内容 新增CDN产品页面动态内容卡片 新增首页及所有产品页面返回到顶部图标 V6.1 【优化】 优化升级模块 0.23 优化安装模块获取加密 【修复】 修复电脑端多处样式错位 优化部分细节和独立服务器售卖优化 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 暂无新增项目 V6.0 【优化】 采用全新图标样式 优化海外机器加载缓慢 去除全站loading预加载极致体验 优化加载资源采用多节点cdn加载 优化主题首页底部颜色和版权网站信息排版优化 优化公告页面字体颜色暗灰色 现调整为高亮黑 优化首页电脑端手机端轮播图片独立加载资源 【修复】 适配小屏幕兼容问题 修复一处js渲染报错问题 修复两处jquery报错问题 修复部分浏览器手机端轮播图片无法轮播问题 修复手机QQ QQ浏览器 网站底部排版颜色显示错误 【新增】 一键安装模块 一键升级模块 新增后台更新页面 新增图片懒加载优化体验 新增 Font Awesome 5 图标库 V5.62 1.更新注册防刷验证码不分大小写输入验证 V5.61 1.同步更新官方最新短信注册防刷功能，重做弹窗窗口界面 然后没了
屏幕大小指屏幕的对角线的长度，单位一般是英寸。常见的手机屏幕大小 3.5、4、4.7、5.0、5.5、6.0等。常见手机屏幕查看网址 http://screensiz.es/
实习期间主要在写微信端H5，遇到的最大问题就是适配各个不同尺寸的屏幕。公司就我自己一个前端，只能自己摸索着来。
想提个小程序要支持企业微信的需求，我自己试了下，发现Android手机的企业微信打开正常的，ios的企业微信打开才有问题
介绍目前前端人员开发app的几种方法，具体介绍hbuilder开发app，一扇赞新的大门~
我们在开发中，显示信息详情时，一般后台会给出html文本，在android端一般采用webview控件来展示，但是后台给出的html文本一般是给电脑端用的，没有自适配手机，导致手机端图片显示过大，需要左右移动来查看全图。下面给出几种实用方法，达到在手机端用webview展示html中的图片，能自适应手机屏幕展示。
前天，张戈博客终于搞定了网站静态缓存下的移动端站点切换，从而也多了一个移动二级域名。于是又开始纠结这个 2 二级域名是否需要屏蔽搜索引擎的收录，毕竟内容一摸一样。 听 SEOer 们说，搜索引擎会将二级域名视为不同的 2 个站点，如此一来，我的移动站点是否要做相应的处理，就值得深思了。（如有清楚的站长，请告知，多谢~） 然而，就在今天百度搜索相关资料的时候，发现百度开放适配居然有三种方法...... 之前只注意到了百度开放适配的 sitemap 提交方法，张戈前后折腾了如下几篇文章： 1、百度开放适配专用
目前移动端的适配方案一般就是两种，一个是rem方案，一个就是vw的方案，本篇就是一次性讲清楚如何去运用这两种方案来解决问题。 panda-vue-template 手把手搭建vue小商城2.0 1、关于rem rem的原理什么的我就不说了，网上搜文章一搜一大把。 一般是使用手淘的lib-flexible.js，但是这个作为一种过渡方案已经被废弃了，目前已不推荐在你的新项目中使用这个方案来解决手机适配问题。 感兴趣可以看看我老早以前写的这篇-->手机适配问题之rem和lib-flexible,我
作 者 朱永俊，腾讯IEG高级工程师 商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。 作者导读 为了提升对微信小程序的测试能力， 腾讯WeTest质量开放平台推出了小程序整体质量解决方案，包括服务器压测、安全渗透和扫描、兼容适配、客户端性能等。本文介绍WeTest的小程序兼容测试方案，以及其中重要指标项的技术实践。 腾讯WeTest小程序兼容测试，依托平台丰富的真机机型，根据小程序/小游戏特点，覆盖异常打断、群分享等典型场景，记录性能指标，以及JS Error、首屏加载等特定数据，还
尽管这两年国内游戏政策不断收紧，但鸿蒙的到来，依然让不少小型休闲游戏开发者跃跃欲试，而随着游戏引擎开始支持 HarmonyOS，HarmonyOS 的游戏生态或将开启新的局面。
@media mediatype and | not lonly (media feature) {
在日常的使用 app 的过程中，大家一定遇到过这样的情况，今天就带领大家手动写一个这样的轮播图
2、区分app和手机端网页 手机app：是那些可以在手机的应用商店下载安装的软件，如微信、QQ等 手机端网页：是浏览器打开的网页，如www.taobao.com。（大部分写网页）。
本项目是对冰卡诺老师写的教程：基于Butterfly主题的侧边栏说说进行重构，新增pjax适配和artitalk_v3.2.1及以上版本的适配。后续也会继续在本帖基础上继续开发。
既然都是前端开发，两者肯定有紧密的联系，移动前端开发和web前端开发其实都属于前端开发的范围，目前前端发展的趋势就是大前端，可以说是包罗万象，当然也就包含PC端和移动端领域，而现在的前端开发人员也已早就不是当年的切图仔了，需要学习和掌握大前端体系方方面面的知识才能在日常的开发中游刃有余，但是不论趋势如何发展，目前来看HTML、CSS和JavaScript依然是整个前端开发的三大基石。所以不论是想做移动前端开发还是web前端开发，这三样基础技术都必须熟练掌握。
完成移动端的开发项目之后，发现谷歌自带的调试器似乎没有什么太大的作用，整天借同事的苹果手机测bug,尽管同事不厌其烦，但还是觉得这iPhone系列适配问题适配到想逃逃逃，好在项目已经顺利完成，测试通过
今天在编写小程序页面时发现，在iphoneX真机预览时，底部button会被手机底部黑线盖住一部分，
在月活用户近9亿的社交平台上做小游戏，是胆战心惊了点，毕竟游戏脱离控制、变身国民爆款可能是分分钟的事。
响应式网站:即pc和移动端共用一套网站，只不过在不同宽度的屏幕下，样式会自动适配。配合媒体查询监听，通过判断屏幕宽度来改变样式，以适应不同终端。例如：三星电子官网: www.samsung.com/cn/ 缺点:制作麻烦，需要花很大精力去调兼容性问题
本节开始，我们将设计一个养成类游戏。游戏主题是创建一家寿司店，你是主厨，当客户点餐后，你根据菜单配置寿司。我们会先把游戏设计成页面游戏，然后通过不断的调试，将游戏移植到手机以及各类Pad上。
0. 前言 手机市场日渐丰富的同时，给我们前端开发人员带来的网页内容自适应屏幕尺寸进行显示的问题也日渐凸显出来。原本可能通过百分比/媒体查询等简单手段就可以常见的适配问题，但是对于页面有复杂结构或者
比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。
移动端布局中，童鞋们会使用到rem作为css单位进行不同手机屏幕大小上的适配。那么来讲讲rem在其中起的作用和如何动态设置rem的值。
涉及到网站需同时兼容 PC 和移动端情况更甚：px、百分比、em、rem、vw etc.
随着科技的发展，手机开发也在向好的方向不停的转变。IOS和Android两大手机操作横空出世，称霸江湖。我们每开发一个手机软件最少都需要开发这两个终端。
前端代码的编写永远逃不过“兼容”二词，从前PC时代，因为IE的傲娇，导致程序猿们一直在兼容IE的道路上挣扎，如今移动设备的普及，仿佛让我们看到了希望，仿佛马上就要摆脱IE了，可是！一波还未平息，一波又来侵袭~移动端确实不用考虑IE了，各种CSS新特性也用的爽到飞起，但一座大山压了过来，那就是分辨率的适配，移动端由于展示区域比较小，因此对于页面在不同分辨率手机上的展示细节也要求更加严格，这时像PC端有些固定宽高的布局方式显然不适应，我们被要求对于不同大小手机页面能自适应，真是非常有（tong）趣（ku）呢~ 话不多说，下面就总结了一些移动端常用的适配手法：
做了一个简单的评论功能，暂时还没做回复功能，做回复的话得复杂一点，样式需要改变下，懒得搞，留着下次有时间再搞吧。
发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/152723.html原文链接：https://javaforall.cn
前段时间分享过利用 Meta 申明来做百度开放适配，前几天在解决 sitemap 报错问题时，看到了谷歌、雅虎及微软等搜索引擎开放适配方法，感觉有点意思，就折腾了下代码，现在来分享下。虽然她被墙了，但是我们应该怀着一颗乐观向上的心，随时迎接谷姐归来。。。 一、谷歌开放适配规则 对应 URL 举例： pc：http://zhangge.net/ 移动：http://m.zhangge.net meta 申明方法： a）pc 页面添加 meta： <link href=http://m.zhangge.net"
最近做的一个项目需要同时适配PC端和iPad及mobile移动端，由于PC端的设备屏幕宽度比iPad和mobile端大太多，因此页面布局需要进行区分。而前笔者在端项目中使用了vue和vue-router进行开发，也就是说需要根据当前客户使用的设备属于哪种客户端让路由决定进入哪种设备适配的页面组件。因此需要在邻项目路由的入口处判断客户使用的设备是PC、iPad还是mobile。
修复文章目录过长覆盖 footer 的问题 本来想集成 Alogolia 搜索，无奈问题一个接着一个，只好放弃
个人资料 姓名：嘻嘻 性别：女 电话：12132323613 邮箱：12132143285@163.com 现居地：上海市 工作年限：3年 求职意向 期望职位：前端开发工程师期望薪资：面议 工作性质：全职到岗时间：离职,一周内入职 专业技能 精通DIV+CSS页面布局，重构,掌握JavaScript，熟悉w3c标准，了解HTML语义化有一定的了解。 熟练运用浏览器兼容技术，熟练进行前端性能优化设计。 熟练掌握HTML5技术开发，熟悉响应式布局和弹性盒布局，百分比自适应布局，熟练掌握CSS3动画技术，且能熟练
手机市场日渐丰富的同时，给我们前端开发人员带来的网页内容自适应屏幕尺寸进行显示的问题也日渐凸显出来。原本可能通过百分比/媒体查询等简单手段就可以常见的适配问题，但是对于页面有复杂结构或者视觉上有特殊要求的，就需要通过其他手段来解决了。
公元 2021 年 6 月 2 日，【 HarmonyOS2.0 】正式发布，以 JavaScript 作为 IoT 应用开发的架构语言，这是继 SpaceX 上天之后 JavaScript 再一次成为开发领域的热点话题。今天我就来和大家分享下 HarmonyOS 以及 HarmonyOS 中的 JavaScript GUI 技术栈。
利用对属性设置百分比来适配不同屏幕，注意这里的百分比是相对于父元素； 能够设置的属性有 width、height、padding、margin，其他属性比如 border、font-size 不能用百分比设置的，先看一个简单例子：
直接将APK发送到安卓手机上进行安装，电脑端的模拟器上直接拖进去就可以安装，安装时不光要安装Auto.js的APK，还要安装打包插件的APK，Auto.js的APK安装完成后桌面上是有图标的，而打包的插件安装完成后是没有图标的。
博客在手机打开一直不能适配，手机上访问的体验很不好。今天把博客的大部分页面都加了自适配手机端，只要修改每个页面的css 即可。
flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值。
手Q天气是在手Q 6.0版本以上新增的功能，页面会展现当天的气温情况，已经五天温度折线图以及24小时温度图表等。 并且为了更好的交互效果，天气页面会根据8种不同的天气信息，展现相应的天气动画。如下雨下雪，飘云，日光闪烁等动画效果。
最近，端内在做 webView 统一的时候，个性签名中的 WebView 替换为 CustomWebView 之后，发现字体突然变小。
WeTest 导读 小程序作为微信内能被便捷地获取和传播的工具，吸引着越来越多的开发者加入其中。无论是小游戏、零售、出行服务还是生活餐饮等，各行各业的小程序出现在用户的手机上，在给用户带来便利的同时，也给测试者带来不小挑战。 下面这些困难你经历过那些 难点1：缺少专业人士制定测试用例 缺少专业人员制定成熟的用例测试方案。不确定核心场景覆盖是否完整，或者使用已有的测试用例又不太满足需求。 相较于APP测试而言，小程序的交互性较强，对稳定性和体验上有较高的要求。在定制用例的时候对小程序特有场景测试进行用
最近在开发过程中，需要用webview控件来展示文章的详情页面，流程是通过请求后台数据，然后用控件加载，而后台返回的文章详情页面是直接网页端使用的，并没有对移动端进行适配，导致webview加载后文章详情展示的图片过大，需要左右移动才能查看完整的图片，这显然给用户的体验很差，这个时候就需要我们移动端进行做适配了。
在之前的项目当中,我在CSS中设置html{font-size: 62.5%;},也就是设置为10px,然后全站根据这个根植,来设置rem单位的样式.这样虽然解决了很多的问题.但是在面对不同宽度的手机的时候,还是需要去自适应设置很多的内容.当然,因为手机分辨率的不同,我们可以自由的将页面设置在320(iphone5s)-414(iphone6plus)这样的范围内还是很合适的.但是,奇葩手机年年有,华为meta8这款奇葩手机的缩放居然是2.5倍,也就是说,它的宽度居然是432,这样一来,我自适应的页面上的内容就显得有些小了.
有时候会被别人问起pc端和手机端有什么区别。一般来说都会去说，兼容性啊，适配啊，网页布局这方面的事情，但是我觉得这个问题如果想要拿一个满分应该从区别出发，从如何判断收尾。毕竟你只知道区别没有用，他可能更想让你说出来你是怎么判断的。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
