作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己...
滑屏的交互形式自从在 H5 中流行起来，便广泛应用在产品宣传、广告、招聘和活动运营等场景中，作为微信朋友圈广告惯用的形式，其影响力更是得到了强化与放大。如今滑屏H5可谓玲琅满目，数不尽数。 作为一个 UI工程师，接过很多类似的项目，也曾写过滑屏的插件，在经历了不同的需求的“洗礼”并踩过若干个坑之后，不禁反问自己：应该如何面对每一次类似的需求，在已有的经验下如何做到体验更好？如何节省工作量提高效率？面对性能优秀的 iOS 与性能良莠不齐的 Android 平台，又如何做到体验统一与性能最优？ 第一问：拖拽翻屏
一年一度的双十一大促又来了，原以为今年总算不需要帮忙盖楼了，奈何还有沉迷于助力的小同事：
而且从昨天开始，【组队比拼】又来了，你没点人气都不好意思帮人助力了，想要人气你就得做任务，但一看到这个任务列表，放弃的心都有了......
建议不用 layui。layui 在有些情况下定位元素是有问题的。在环境基本上是正确的情况下，它截图截不到。所以可以舍弃 layui，直接用自带的 uiautomatorviewer（现在拥有的定位方式，它全部都支持）。
在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。
全面屏时代，交互方式会有哪些变化？ 什么是全面屏？ 2017年可以称为全面屏集中爆发的一年，小米，OPPO，VIVO，华为，三星，苹果等等都在今年发布了全面屏手机，全面屏时代已经到来，在我看来全面屏就
上一篇中我们已经一起学了怎么简单粗暴的撸个支持动态布局的网格控件出来，但在上一篇的介绍中，并没有学习实现网格控件的滑动效果，所以本篇就来讲讲，要如何让我们的网格控件可以支持自定义滑动策略。
这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。 META相关
Hippy 是腾讯开源的跨端框架，在腾讯内部业务场景中有广泛应用。腾讯视频搜索业务基于 Hippy 2.0 框架开发，在使用过程中发现了一些不便利的地方：动画渲染双端不一致问题；对图片和样式的处理双端不一致现象；没有可用的横滑组件/双列流组件等等。Hippy 3.0 框架从底层实现逻辑进行重新构建，实现了 iOS 端和安卓端双端统一化，标准化和流程的一致性。升级 Hippy 3.0 框架后，开发双端不兼容问题大大减少，开发效率提升，搜索首页实现秒开。读完全文还可以参加惊喜活动抽奖哦！
让网页展现的更快，官方说法叫做首屏绘制，First Paint 或者简称 FP，直白的说法叫做白屏时间，就是从输入 URL 到真的看到内容（不必可交互，那个叫 TTI, Time to Interactive）之间经历的时间。当然这个时间越短越好。
单纯的技术层面也就是上述的那些个东西。如果某个同学都学会了上面的那些东西，是不是就能完全的胜任前端开发工作呢？
iPhone出现之后的几年，手机屏幕的尺寸基本都保持在4英寸以下（以对角线计算），非常便于单手操作。然而，随着大屏手机不断涌入市场，到2014年年中，已经有将近三分之一的移动Web浏览量来自这些设备。大屏手机填补了传统触屏手机与平板电脑之间的空白地带，有些大屏手机的屏幕甚至达到7英寸之巨，因此也获得了一个略显蹩脚的绰号——平板手机。
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android 和 IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指（或触控笔）对屏幕或者触控板操作。
新引入的手势导航是 Android Q 带来的主要变化之一。简而言之，采用这款新系统导航模式后，用户无需借助任何虚拟按键，只要滑动手势便能完成多种操作，包括: 返回上一级 (边缘侧滑)，返回主屏 (从底部向上滑动)和启动设备助手 (从左下角或右下角斜向滑动)。
会调用event的preventDefault()可以阻止默认情况的发生：阻止页面滚动
meta基础知识 H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 忽略将页面中的数字识别为电话号码 <meta name="format-detection" content="telephone=no" /> 忽略Android平台中对邮箱地址的识
去年谷歌和火狐针对WebVR提出了WebVR API的标准，顾名思义，WebVR即web + VR的体验方式，我们可以戴着头显享受沉浸式的网页，新的API标准让我们可以使用js语言来开发。今天，约克先森将介绍如何开发一个WebVR网页，在此之前，我们有必要了解WebVR的体验方式。 WebVR体验模式 ---- WebVR的体验方式可以分为VR模式和裸眼模式 VR模式 1.滑配式HMD + 移动端浏览器 如使用cardboard眼镜来体验手机浏览器的webVR网页，浏览器将根据水平陀螺仪的参数来获取用户
这几天前端圈子有一个比较火的基建工具Turbopack，官方文档号称比vite快10倍，比webpack快700倍。今天正好有空，把官方提供的demo浅玩了一下，发现它并没有那么神。
目录 ---- 首先我们先来看一下文章的分区，以方便我们进行检索。 PS: 内容超长，请注意！ 前言 目录 入门类 HTML 5 部分 CSS 3 部分 JQuery Angular JS React Vue Node JS JS Template 移动端 移动端 API 综合 API 其他 API 综合类 工具类 综合效果搜索平台 团队 BLOG 开发中心 ECMAScript D3 RequrieJS SeaJS Less & Sass Markdown 兼容性 UI相关 图表类 正
5月8日凌晨，Google I/O开发者大会在美国加利福尼亚州山景城举行。本次开发者大会最引人关注的，莫过于安卓Q的正式发布了，因为相比于所谓的“安卓标杆”（然而并不是）Pixel手机本身，安卓的大版本更新似乎更能代表未来一年里安卓手机发展的风向标。
请注意，本文编写于 2082 天前，最后修改于 173 天前，其中某些信息可能已经过时。
前言 没有“科学上网”工具的同学，在你想找一个 Chrome 浏览器插件的时候，痛不欲生😂。百度一搜，全都是一些花里胡哨的下载站点，点开还要你关注什么乱七八糟的公众号，并回复“插件”，拿到验证码才能下载。这就算了，下载完了居然跟我说插件不能用。。。我直接吐了🤮。浪费时间不说，还要含泪把那些关注的公众号取关了😭。 为了让大家方便安装，我给每个插件都加了在线下载地址🔗。 下载完插件文件之后，浏览器地址进入 chrome://extensions/ ，直接将 .crx 文件拖进去便可。 Saladict 沙拉查词
使用体验，BUG反馈 更新部分 闹钟回归机械样式（但无声音）； 相机可以快速识别文字内容（目前认为升级后最方 便的功能）； Safari浏览器，UI更新，支持底部下滑切换页面，输入搜索内容更加便捷； FaceTime噪声单独处理，支持分享屏幕内容（自认为国内很少人使用，不过第三方常用软件如果可以增加这个功能的话还是很不错的）； 地图app新增四种模式，可根据不同使用场景按需切换； 非常便捷的备忘录，在“新建备忘录”空白出长按屏幕，选择“来自相机的文本”即可实现实时录入文本内容，识别正确率还是很高的； 图
对于手机来说，近期炒得最火热的技术之一就是“全面屏”了。自从苹果带起了“刘海屏”的潮流，华为、小米、OPPO、vivo等好似都中了“刘海屏”的毒，纷纷开始采用“刘海屏”。然而，大众的需求总是越来越大，全面屏的呼声日渐高涨。
遇到应用层无法解决的问题，如果能确定需要引擎和模块支持的，不要自己想办法绕过去，要第一时间在开发者社区提交问题，或找 APICloud 项目经理提出。
PageView可用于Widget的整屏滑动切换，如当代常用的短视频APP中的上下滑动切换的功能，也可用于横向页面的切换，如APP第一次安装时的引导页面，也可用于开发轮播图功能
控件的基础知识和selenium一样，appium为移动端抽象出了一个控件模型，称为dom结构；会把所有的控件都理解为xml文件，在xml文件里，每个控件都有自己的类型和属性；
项目中要实现仿抖音直播间滑动清屏，侧滑列表的功能，在此记录下实现过程和踩坑记录希望避免大家走些弯路，也当作自己的一个总结
机械创新=科技革新?OPPO发布了一款“滑盖手机”...... “它的动人之处在于‘隐’，当前后摄像头、听筒等熟悉的元器件因科技革新而消失的那一刻，生动的艺术之美便凸显取出来。亮屏瞬间，93.8%的屏
---- 新智元报道 来源：Youtube 编辑：Emil 好困 【新智元导读】特斯拉Model S Plaid自发布以来，由于没有换挡杆，它究竟该怎么倒车成为了不少人关注的问题，近日油管UP主进行了深度体验，一起来看看「未来汽车」该怎么操作。 距首款台型车在09年法兰克福车展亮相12年后，特斯拉Model S迎来了换代。 在炒掉跟随了他12年的贴身秘书玛丽·贝丝·布朗之后，特斯拉CEO埃隆·马斯克如今看起来似乎连发型都无暇顾及。 并且他仍然口无遮拦——在新车发布会上，他一再强调：Model S
多功能智慧杆的优势之一在于模块化的功能组合，能够根据场景需求自由搭载硬件外设，开发专项功能。比如在十字路口的多功能智慧杆，可以选择搭载AI摄像头、智能红绿灯、显示屏、环境传感器等设备，实现基于现场车况的智能交通灯调控。
在无数“加油”的殷切期盼下，一加终于在12月14号放出了基于Android 7.0的氢OS 3.0公测版，适用于一加3。那这“一加”牌的牛扎糖口味如何呢？新的氢OS 3.0又带来了那些新功能？让小编带
这一次，把发布会开到故宫的小米，新机MIX 3在拍照等核心功能上确实“吊打”了华为——上一代旗舰P20，不带Pro。
最近需要给长辈置换一下手机，在有限的预算内，经过多次比较发现还是小米的硬件配置更好一些，最后也是下单了小米。
在 Next.js 大热之前，React Router 是 React 生态中，最流行的路由库。也是我最喜爱的路由库。不过随着版本的迭代，React Router 变得越来越庞大了。他的复杂度已经快要比得上一个框架了。
不需要看到欢迎页面，直接做里面的后续操作就好了。也就是我想记住一些用户的习惯，不要像第一次访问一样，有一个重置与否，给它关闭了。
不需要看到欢迎页面，直接做里面的后续操作就好了。也就是我想记住一些用户的习惯， 不要像第一次访问一样，有一个重置与否，给它关闭了。
（文末有彩蛋~） 近两年，信息流行业处于一个增长缓慢甚至停滞的状态，包括今日头条、腾讯看点在内的信息流产品都在寻求自己的破局之路。与此同时，抖音、快手等新形态内容却实现了爆发式增长。研究发现，抖音、快手都具有用户覆盖面大、差异化小的普适特点，相比之下虎扑、小红书这类垂直领域的天花板都比较低。什么内容具备普适特点呢？有两类，一类是打发时间、放松解压的搞笑内容，一类是明星八卦、话题谈资的热点内容，这两类内容具有低门槛、 快消费、易传播的特点。为了进一步降低内容消费的门槛，我们把消费场景放在了
8 月 31 日凌晨，苹果官方正式宣布，将于北京时间 9 月 13 日凌晨 1 点（美国当地时间 9 月 12 日上午 10 点）举办 Apple 特别活动，届时活动的地点将是苹果总部 Apple Park Campus 的 Steve Jobs Theater（蒂夫·乔布斯剧院）。
当时，每一个工具都有一个URL，每个页面只有本工具的内容，没有统一的「导航栏」，这对于工具网站是非常不方便的。所以，我需要加一个统一的导航栏，方便用户在多个页面之间跳转。
😁作为一个程序员，在日常的工作、生活、学习的过程中基本都有很多需要做笔记的地方；做笔记的主要目的之一是为了“温故而知新”，另一个则是为了在下一次遇到的时候，不需要再次耗费精力去找解决方法； 回顾自己之前写的那个主题，不管是写还是查都不怎么方便，最终下定决心重写一个主题；以 “方便记、方便查、简约”作为设计核心； 开源地址 Github：https://github.com/friend-nicen/theme-document Gitee：https://gitee.com/friend-nicen/the
这一篇是真的隔了好久了~~，也终于可以喘口气来好好写博客了，这段时间实在是忙不过来了，迭代太紧。好，废话不多说，进入今天的主题。
使用Linux时，需要以一个用户的身份登陆，从而限制一个使用者能够访问的资源；而组则是用来方便组织管理用户。
在上章我们学习了62.QT-QScroller实现home界面滑动效果,但是该界面是实现的上下滑动效果,如果想模拟手机home滑动界面,则需要实现左右滑动效果.
在amd yes的2020年，如果非要买一个笔记本，那么amd一定是最好的选择，因为性价比真的很香。下面就推荐几款amd轻薄本。
相信随着前端职业的兴起，有不少后端或者项目经理觉得前端不就那么回事么？甚至于有些时候，后端一看这么个简单的东西也要做一天？那么本文就带大家了解一下一个还算正常的手机列表页需要那些工作量。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
