1. 云栖社区>
  2. 全部标签>
  3. #前端与交互设计#
前端与交互设计

#前端与交互设计#

已有115人关注此标签

内容分类:
博客 | 问答 | 视频 | 资料 |

Freeline - Android平台上的秒级编译方案

Freeline是蚂蚁金服旗下一站式理财平台蚂蚁聚宝团队在Android平台上的量身定做的一个基于动态替换的编译方案,稳定性方面:完善的基线对齐,进程级别异常隔离机制。性能方面:内部采用了类似Facebook的开源工具buck的多工程多任务并发思想, 并对代码及资源编译流程做了深入的性能优化。

编程语言 android 前端与交互设计 架构 阿里技术协会 蚂蚁聚宝 freeline

前端常见bug系列1:容易被误解的:last-child 和 :first-child

用某个选择器过滤出来一个元素集合,当我们想选中最后一个元素的时候,是不是很容易想到:last-child?比如,有下面一段CSS和HTML片段: ``` .section{ margin-bottom: 50px; } .section1-item:last-child{ col

前端与交互设计 css 无线 HTTPS 阿里技术协会 bug 前端 Other

前端常见bug系列2::last-of-type 和 :first-of-type的误用

[上一篇](http://www.atatech.org/articles/64244)中曾提到,someselecttor:last-chid 所表示的并不是someselecttor选中的节点集合的最后一个。那么,怎么达到这个效果呢?对,可以用:last-of-type。来个例子试试看吧! ``` .section{ margin-bot

前端与交互设计 css 无线 阿里技术协会 http bug 前端 type last

前端常见bug系列3:<input type="text">中emoji表情与文字并存时表情被截掉一部分

比如,有这个一个demo页面: ``` Title .text-input{ font-size: 1.2rem; line-height: 1.2rem; height: 1.2rem; border: 1p

前端与交互设计 无线 阿里技术协会 bug 前端 测试 REM demo type input

前端常见bug系列4: JavaScript中忘记类型转换所导致的条件判断错误举例

### 一、忘记类型转换的小数比较错误 举个例子,我们要进行一个字符串型的小数的比较:`'8.8'>'8.7'`,结果自然是true。 那么`'8.8'>'8.10'`呢?结果仍然是true,但愿你没有将它误以为是`8.8>8.10`。 ### 二、忘记类型转换的版本号比较错误 类似上面的问题,在进行版本号比较时,一样存在。比如,我们这么比较`'8.8.1'>'8.10.

前端与交互设计 javascript 无线 LOG 阿里技术协会 bug 前端 测试 H5

前端常见兼容问题系列8: 安卓机器中通过JS设置焦点无法拉起软键盘

有时候,为了优化用户体验,做交互设计的同学可能会希望让输入框自动获得焦点并弹出软键盘,这样用户不用点击输入框就可以直接输入。的确,这对用户来说很方便。但真正用HTML5页面去实现的时候,却遇到了问题。 首先我做了这样一个demo。 ``` Title #input1{

android 前端与交互设计 阿里技术协会 前端 用户体验 测试 H5

前端常见兼容问题系列2:视频哪里去了?

在小米2S的自带浏览器(Anndroid版本:5.0.2LRX22G)中,video元素的宽高并不会根据其src所引用的文件宽高自动撑开,再加上未设置controls属性,因此也不会显示播放控件,所以最终的结果就是一小块空白。

前端与交互设计 无线 阿里技术协会 前端 浏览器 测试 UED

前端常见兼容问题系列4:sort方法在浏览器中执行效果的差异

sort后面跟着的排序函数,需要返回正数、负数或者0才是标准的影响排序的函数。而采用返回布尔值的函数作为排序函数是一种误用。

前端与交互设计 无线 函数 阿里技术协会 http 前端 浏览器 排序 测试 兼容性 chrome 数组 ScreenShot ATA

前端常见兼容问题系列3:永远置于顶层的video

在许多安卓手机的UC浏览器中,存在video标签无法被元素遮盖的情况,有可能是UC把video解析成了native控件所致。 Title .content{ position: fixed;

前端与交互设计 无线 阿里技术协会 前端 浏览器 测试

前端常见兼容问题系列5:¥符号在部分Android APP的WebView中不见了

在一些安卓机型中,¥符号在某些Android APP的WebView中显示不正确,会受到页面元素lang属性设置的影响。

android 前端与交互设计 无线 阿里技术协会 http bug 前端 容器 测试 ScreenShot ATA

前端常见兼容性问题系列1:丢失的CSS补间动画

有人说,前端开发的过程常常就是一个不断“入坑”和“出坑”的。这句话道出了前端开发中的磕磕绊绊以及相伴而来的成长。遗憾的是,这些成长大都只存储在工程师的脑海里,日复一日的,相信总有不少人花掉昂贵的时间在重复解决着同样的“坑”。因此,我决心抛砖引玉,先把自己曾遇到的一些兼容性问题分享出来。我将尽量采用“

前端与交互设计 css 无线 阿里技术协会 bug 前端 浏览器 测试 Animation REM 兼容性 前端开发 demo UED

前端常见兼容性问题系列7: 部分浏览器不支持音频自动播放

iOS 4.2.1之后的Safari中, 如果没有得到用户的手动允许,即便对audio标签设置了autoplay="autoplay"属性,也不会自动播放音频的,安卓5.0及以上的机器也存在同样问题。去掉audio的autoplay属性,手动点击按钮播放是经过考量后最合适的方法。

ios 前端与交互设计 无线 阿里技术协会 前端 浏览器 测试 兼容性 H5

前端常见兼容问题系列6: 一些安卓APP的WebView中<input type="file">不工作

安卓APP的WebView默认屏蔽了该控件的使用,有些安卓APP之所以能支持文件选择和上传,主要可能是有可能采取了如下措施之一: (1)可能在该APP中重写了相关方法 (2)提供了JS Bridge来供web页面调用

前端与交互设计 无线 阿里技术协会 前端 浏览器 容器 测试 淘宝 H5

如何在Laravel中使用pjax

在laravel中集成pjax动态加载引擎,加快页面访问速度。

php 前端与交互设计 HTTPS jquery laravel github

gitbook入门详解

#gitbook入门详解 在ata上面看了几篇关于gitbook的文章,感觉都是适合之前已经了解过gitbook的同学来学习的,是跳跃式的,说得比较简略,省略了中间的一部分步骤,这并不适合零基础的新人,于是下面向新人详细介绍gitbook。 说到gitbook,很容易联想到git和git

前端与交互设计 HTTPS 阿里技术协会 http 配置 node html editor github gitbook入门详解

Nodejs进阶:基于express+multer的文件上传

图片上传是web开发中经常用到的功能,本文开篇主要讲解如何基于express+multer轻松实现单图、多图上传。接着,讲解如何获取上传图片的信息、对图片保存的目录、文件名等进行个性化定制。后续章节会对图片上传的技术细节进行深入挖掘。欢迎加入Express前端交流群(197339705)。

云栖社区 前端与交互设计 Node.js HTTPS require express 文件上传 form file html multer

89
GO