在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
jQuery Mobile框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。jQuery Mobile最新版本是1.4.0，默认主题采用扁平化设计风格。jQuery Mobile1.4.0主要侧重于性能和控件方面的改进。除了全新的默认主题和SVG图标，还新增了开关控件、通用过滤器、箭头弹出框、滑动提示框等一系列功能，更是集成了jQuery UI的Tab部件。jQuery Mobile继承了jQuery的优势，并且提供了丰富的适合手机应用的UI组件。jQuery Mobile还有很多的第三方扩展。
华为开发者大会2021将于10月22日在东莞松山湖正式开幕，推出了全新的ArkUI应用开发框架。
移动互联网是块诱人的大蛋糕，在手机屏上，到底是C/S横扫一切，还是B/S力争一席之地？我相信，B/S还是很有希望的。在找移动Web App开发的资料，发现了jQuery Mobile ，对它的设计理念是赞同的，因此简单的了解一下。 jQuery Mobile 简介 项目目标——跨平台和跨设备（Seriously cross-platform & cross-device） 这个javascript 类库是针对手机浏览器推出的 Javascript 库，程序员能够使用一套相同的语法和库来适配主流移动设
本月乐享持续更新，作为管理员，有了直播创建体验升级、考试切屏次数查询、轻享先审后发等新的体验与管理工具。企业乐享的成员也能浏览乐课商城、查看自己发表的轻享…… 本月，直播、课程、考试、论坛等应用的12个更新，一起来看看： 配置劳动节、母亲节祝福 即将迎来劳动节小长假，紧接着就是5月8日母亲节。腾讯乐享已经上线了最新版劳动节、母亲节海报，国风系列的祝福模版，让节日祝福更有配套感。快去提前配置，节日当天就能定时发送！ 一键配置祝福，电脑端地址： lexiangla.com/settings/wishes/t
不同于其他手机内存里的常客，音乐类应用更多的时候是在手机熄屏的状态下工作着。享受音乐，最理想的状态便是沉浸而不易中断，开发者们也在为此不断努力。
直接将APK发送到安卓手机上进行安装，电脑端的模拟器上直接拖进去就可以安装，安装时不光要安装Auto.js的APK，还要安装打包插件的APK，Auto.js的APK安装完成后桌面上是有图标的，而打包的插件安装完成后是没有图标的。
在此之前，我们已经对折叠屏UX设计和开发进行了详细解读，那么应用适配后如何调试以确定适配完成呢？本文将介绍通过模拟器调试、命令模拟器调试的方法，提供测试用例建议，为开发者快速完成应用在折叠屏设备上的调试提供指导。
作 者 朱永俊，腾讯IEG高级工程师 商业转载请联系腾讯WeTest获得授权，非商业转载请注明出处。 作者导读 为了提升对微信小程序的测试能力， 腾讯WeTest质量开放平台推出了小程序整体质量解决方案，包括服务器压测、安全渗透和扫描、兼容适配、客户端性能等。本文介绍WeTest的小程序兼容测试方案，以及其中重要指标项的技术实践。 腾讯WeTest小程序兼容测试，依托平台丰富的真机机型，根据小程序/小游戏特点，覆盖异常打断、群分享等典型场景，记录性能指标，以及JS Error、首屏加载等特定数据，还
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正的实践。这次因为公司有一个app需要做一个推广的下载页面，虽然简单，但也值得一试那篇文章里提到的适配方法，所以本文的内容就是介绍该文中提到的淘宝的做法：《lib-flexible弹性布局方案》。（注：该文中提到的网易的做法跟淘宝的做法其实是大同小异，你访问http://3g.163.com/touch/看下页面源码顶部的JS就能明白了。相较于淘宝的做法，淘宝的方法更能称之为一个方案，网易的做法代码质量实在不敢恭维，所以从本文的角度，推荐淘宝的lib-flexible）
今天聊一聊视频加密，市场上现在很多关于视频加密的产品，大体上分为两种，一种是在线视频加密，一种是离线视频加密，下面分类介绍下
/1/ 大前端的说法，是如何出现的？范围是多“大”？ 对于许多新人来说，他们最开始接触前端这行，都是从前端开发工资高啊，好找工作啊，入门门槛低，这些方面开始了解的。当他们开始学习前端一段时间之后，许多人不可避免的开始迷失在前端技术栈之中。 任何行业都有一个时机的问题，你听说前端的时候，前端还是html+css+js，等你准备好了加入前端行业的时候，它已经变成了nodeJs，Rn，pc，移动端等多平台多设备的综合技术栈。 但这个分水岭，也就是大前端这个词到底是什么时候出现的，并没有明确的说法，甚至是谁最先提
对于许多新人来说，他们最开始接触前端这行，都是从前端开发工资高啊，好找工作啊，入门门槛低，这些方面开始了解的。当他们开始学习前端一段时间之后，许多人不可避免的开始迷失在前端技术栈之中。
以华为Mate X为代表的折叠屏手机，可以说开辟了一个全新的方向。此前在HDC2019华为开发者大会期间，华为发布业界首份《折叠屏UX设计规范》，这是全国首个UX设计标准规范，有效助推了折叠屏应用UX设计的工作规范化再上一个新台阶。11月19日，在2019软件绿色联盟开发者大会当天正式发布《折叠屏移动智能终端白皮书》（下文简称《白皮书》）。此份白皮书为软件绿色联盟联合阿里巴巴、华为、百度、腾讯、网易、中国泰尔实验室等创始和金牌企业的折叠屏专家共同组建了软件绿色联盟折叠屏标准工作组共同制订。
原文出处： Medium 译文出处：优设网 - @陈子木 从 移动端兴起，主流设计风格定型，再到Uber、Vine等现象级APP的崛起，移动端的APP设计直到现在才渐入佳境。促成这一切的影响因素很多，比如社 会发展趋势的变化、共享经济的大热、新技术的积累，等等等等。这些事物的出现需要时间积累，这也是为什么这些应用到现在才火起来。 同样的，今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备。 随着日常生活中所涉及到的移动端应用的增加，用户在这些东西上的所耗费的精神和脑力也越来越多。查看邮件、
本文由 IMWeb 团队成员 Jax 首发于腾讯内部KM论坛。点击阅读原文查看 IMWeb 社区更多精彩文章。 天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家分享的一个把优化做到极致的故事。 我们的目标是让 H5 的页面也能够拥有 Native 般的体验，如果你还在寻求什么技术
随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家分享的一个把优化做到极致的故事。
一则是关于最近颇受关注的可折叠手机。与三星一样，同是屏厂和智能手机制造商的LG日前向欧盟知识产权办公室申请了三项商标注册，分别是FLEX、FOLDI和Duplex，分类为Class 9，巧的是，这个分类下包含了智能手机，可见LG之心昭然若揭。
原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。
这不，屏幕大厂三星顺应下一代柔屏技术的发展，研究出了一款可以像橡皮筋一样往各个方向拉伸的OLED屏，该屏最多可拉长30%、“蹂躏”1000次后也能正常显示：
6月29日在欧洲发布并引发轰动的OPPO Find X中国发布会在北京召开。第二次发布OPPO除了宣布国行价格外，也系统性地阐述了这款手机背后的思考和打磨它所遇到的挑战。第二次，我的朋友圈被这款手机刷屏，许多国内媒体在见到真机后都有话要说，关于这部手机本身，关于OPPO的创新能力，关于国产手机的创新，关于智能手机的未来，OPPO Find X都带来了太多话题。
去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器 如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户
作者 | 曾响铃 文 | 响铃说（xiangling0815） 近日，“大屏”赛道战火重燃，连续多个品牌发布了自家全新大屏产品，很显然对于“客厅大屏”时代的到来，各方都展现出了足够的信心。而这一波新品的出现，也延续了这些年大屏产品的一贯风格，即“没有最大、只有更大”，每一家的迭代新品相较之前的产品在尺寸上都有突破。 品牌方之所以有这样的选择，当然也是因为市场需求。AVC数据显示，今年一季度从线上到线下，大尺寸电视市场表现都极为耀眼，65寸以上多个尺寸都呈现爆发趋势，特别是65寸产品已经在线下市场力压55寸成
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。 1. fullpage.js的主要功能 fullPage.js是一个基于jquery的插件，它能很方便的制作出全屏网站，github地址。 主要功能有： 支持鼠标滚动。 支持前后退和键盘控制。 多个回调函数。
CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例
本文源码下载地址：《仅通过蓝牙HID将安卓手机模拟成鼠标和键盘》源码 多文源码打包下载： 《仅通过蓝牙HID将安卓手机模拟成鼠标和键盘》+《蓝牙HID TouchScreen协议让你的安卓手机变成触摸屏》两份源码打包下载 《仅通过蓝牙HID将安卓手机模拟成鼠标和键盘》+《蓝牙HID TouchScreen协议让你的安卓手机变成触摸屏》+《通过蓝牙将安卓手机模拟成游戏方向盘-支持旋转轮胎》三份源码打包下载
这篇文章介绍在Linux下如何编写FT5X06系列芯片驱动，完成触摸屏的驱动开发， FT5X06是一个系列，当前使用的具体型号是FT5206，它是一个电容屏的触摸芯片，内置了8位的单片机(8051内核)，完成了坐标换算等很多处理，在通过IIC，SPI方式传递给外部单片机。
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关
Dear，大家好，我是“前端小鑫同学”，😇长期从事前端开发，安卓开发，热衷技术，在编程路上越走越远～ 前言： 骨架屏是在数据加载前用来展示给用户页面结构，经常由灰色占位图来体现，在数据加载完毕后自动隐藏。通常比页面白屏，闪烁或转圈的小菊花带给用户的感受要更加舒服。由于初次接触这块的内容，所以这个项目是在dps项目的基础上重写的一个Ts版本，目的是学习思路方便后续改造。 项目结构图： 项目由如图三块内容组成分别是：脚本，逻辑，CLI。 📷 🥝脚本： 主要的功能就是对目标页面进行分析对指定的元素进行绘制为灰
到目前为止，互联网行业里，手机越来越智能化，移动端占有的比例越来越高，尤其实在电商，新闻，广告，游戏领域。用户要求越来越高，网站功能越来越好，效果越来越炫酷，这就要求我们产品质量越来越高，web前端开发而言是一个挑战，是一个难题，也是一个机遇。如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！
自 W3C 于 1999 年发布 HTML4 后，Web 世界快速发展，一片繁荣。人们一度认为 HTML 标准不需要升级了。一些致力于发展 Web App 的公司另行成立了 WHATWG 组织，直到 2007 年，W3C 从 WHATWG 接手相关工作，重新开始发展 HTML5。
作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己...
作者：louiszhai，腾讯增值服务项目管理员工 背景 为了满足日益复杂的小程序活动需求，腾讯增值服务项目组开发了一款Ulink活动小程序，该小程序以游戏社交圈为依托，提供游戏玩家基本的社交功能，如发帖、评论、点赞、分享等。 为了支持这些功能，进行了一系列的性能优化改进。Ulink活动小程序共有5个tab，分别提供关注人的feeds信息、所有用户的精品分享，图文发布入口、消息及个人页，如下所示。 开发过程中折腾了各种各样的挑战和难题。其中以性能问题最为棘手，主要有体现在以下几个方面： 小程序首次访问
平行视界以Activity为基本单位以左右窗口分离显示技术、双窗口生命周期管理、双窗口显示模式和切换逻辑为核心技术的实现应用内分屏的系统侧解决方案。应用可以根据自身业务设计分屏显示Activity组合，以实现符合应用逻辑的最佳单应用多窗口用户体验，且支持一次开发，多端部署。
尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://www.devio.org) 目录 问题描述 问题分析 Android启动白屏解决方案 iOS启动白屏解决方案 开源库 最后 项目源码：react-native-splash-screen 问题描述： 用React Native架构的无论是Android APP还是iOS APP，在启动时都出现白屏现象，时间大概1~3s（根据手机或模拟器的性能不同而不同）。 问题分析： 为什么会产生白屏？ React Native应用在启动时会将
滑屏的交互形式自从在 H5 中流行起来，便广泛应用在产品宣传、广告、招聘和活动运营等场景中，作为微信朋友圈广告惯用的形式，其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目，数不尽数。 作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己：应该如何面对每一次类似的需求，在已有的经验下如何做到体验更好？如何节省工作量提高效率？面对性能优秀的 iOS 与性能良莠不齐的 Android 平台，又如何做到体验统一与性能最优？ 第一问：拖拽翻屏
把摄像头放在屏幕下的想法并不新奇，在视频会议这个交流方式刚刚出现时，人们就意识到把摄像头和屏幕分设在不同位置让人交流起来非常别扭。眼神交流是沟通的关键因素，但如今的视频会议仍然无法在人们之间建立起这种联系。
作者：谭照强，热爱折腾前端，喜欢新奇创意的程序员，业余喜欢玩摄影，弄咖啡。 作为一名前端，在拿到设计稿时你有两种选择： 1.快速输出静态页面 2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？ 这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。 同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇和优化篇。 （1） CSS3时序错开渐显动画 这是一种比较常用的动画，它的优点是节奏
多屏互动事实上是一个比较宽泛的概念，通俗来讲就是用户在不同的终端上通过有线、无线的连接方式进行通信，可进行多媒体（音频，视频，图片）内容的传输，解析，展示，控制等一系列操作。而随着WebSocket协议的诞生，不同端之间的网页互连也变得流行起来，这种基于WebSocket协议实现多屏互动在运营活动上的使用也使得运营页面的形式也变得更加多样和有趣。 本文不会去探讨WebSocket协议的详情，想了解的可以点击https://tools.ietf.org/html/rfc6455查看协议文档。 在了解Webso
最近需要给长辈置换一下手机，在有限的预算内，经过多次比较发现还是小米的硬件配置更好一些，最后也是下单了小米。
其实今天之所以写这个响应式网站是因为近两年响应式网站确实很火，很多客户通过业务员的介绍感觉神乎其神，甚至网站业务员说得自己都相信了，把自己都骗了，觉得响应式无所不能，非常完美。其实响应式并不是没有缺点，准确的说也有很多致命的缺点。
去年12月，先是OPPO发布Find N，紧接着不到10天，华为带着翻盖式折叠屏手机P50 Pocket再次杀入赛道。
从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！
一说到页面的性能优化，大家可能都会想起雅虎军规、2-5-8原则、3秒钟首屏指标等规则，这些规则在开发过程中不是强制要求的，但是有时候为了追求页面性能的完美和体验，就不得不对原有的代码进行修改和优化。
前段时间接触了下Auto.js（https://github.com/hyb1996/Auto.js），很好上手而且挺有意思，于是写了个微信红包监测脚本 大概思路是，不断获取手机屏幕截图，发现新消息则进入，如果进一步发现了红包，则点击红包并打开 由于Auto.js只能在安卓上安装，所以脚本同样仅适用于安卓 Auto.js简介 适用于安卓的脚本工具 一个主要由无障碍服务实现的，不需要Root权限的自动操作软件 可以实现自动点击、滑动、输入文字、打开应用等功能 更详细的介绍可以参考项目官方Github 下载链接
参考链接： vue-content-loader page-skeleton-webpack-plugin vue-content-loader vue页面骨架屏
0x00 摘要 低技术门槛的漏洞利用或木马制作隐藏着极大的安全威胁，当这种安全威胁遇上手机用户的低安全意识时可能导致Android平台恶意软件的大规模爆发。360互联网安全中心最新研究发现，Android5.0屏幕录制漏洞（CVE-2015-3878）完全能够激发如上“两低”条件，漏洞威胁随时可能大规模爆发。 利用Android 5.0屏幕录制漏洞，黑客攻击者可以构造用户完全无法识别的UI（用户界面）陷阱，在没有获取任何特殊系统权限的条件下窃取用户手机上的一切可视信息，具有非常大的安全隐患。 本研究报告在分
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
