前端里

24小时更新:1篇     一周更新:3篇最新发布

前端开发

经典文摘:饿了么的 PWA 升级实践

12

前端里 - 小鱼 发布于 4天前

很荣幸在今年2月到5月的时间里,以顾问的身份加入饿了么,参与PWA的相关工作。这篇文章其实最初是在以英文写作发表在medium上的:UpgradingEle.metoProgressiveWebApps,获得了一定的关注。所以也决定改写为中文版本再次分享出来,希望能对你有所帮助;...

阅读(59)评论(0)赞 (1)

前端开发

iPhone X 适配H5页面的通用解决方案

15

前端里 - 小鱼 发布于 4天前

目前的H5页面可以分为通栏页面和非通栏页面两种,每种页面都可能有底部操作栏,具体如下:通栏页面顶部通栏某些业务的一级页面多数使用了顶部通栏banner的效果,由于iPhoneX在状态栏增加了24px的高度,对于现在通栏banner规范的内容区域会有遮挡情况。解决方案:对于通栏页面...

阅读(80)评论(0)赞 (1)

前端开发

使用webpack提升vue应用的4种方式

1

前端里 - 小鱼 发布于 3周前 (11-26)

译者注:本篇文章所提到的几个措施大家可能都曾经在项目里用过,但是就如作者所言:你只是在用,并不知道为什么用,本文最大的价值在于提供了系统的优化方案并解释了原因webpack是开发Vue单页应用必不可少的工具,它能管理复杂的构建步骤,并且优化你的应用大小和性能,使你的开发工作流更加...

阅读(243)评论(0)赞 (2)

前端开发

15个最佳的 JavaScript 表单验证库

15

前端里 - 小鱼 发布于 4周前 (11-16)

客户端验证在任何项目都是不够的,因为JavaScript可以直接忽略,人们可以提交请求到服务器。然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示。JavaScript表单验证库允许开发人员自定义样式、错误消息和样式以及简化验证规则的创建。在本文...

阅读(467)评论(0)赞 (3)

前端开发

如何做好前端工程化和静态资源管理

36

前端里 - 小鱼 发布于 4周前 (11-16)

随着互联网的发展,我们的业务也日益变得更加复杂且多样化起来,前端工程师也不再只是做简单的页面开发这么简单,我们需要面对的十分复杂的系统性问题,例如,业务愈来愈复杂,我们要如何清晰地梳理;团队人员愈来愈多,我们要如何更好地进行团队协作;功能愈来愈多,我们要如何保证页面的性能不至于下...

阅读(257)评论(0)赞 (0)

前端开发

Web设计新趋势:SVG Sprites实践应用

4

前端里 - 小鱼 发布于 1个月前 (11-06)

前言随着移动互联网的到来,各种高清屏幕移动设备的层出不穷,导致H5应用在移动设备retina屏幕下经常会遇到图标不清晰的问题。为了解决屏幕分辨率对图标影响的问题,通常采用CSSSprite,IconFont,CSSIcon以及SVG以适应@x1屏、@2屏、@3屏,相对比较而言SV...

阅读(362)评论(0)赞 (2)

前端开发

从 Vue.js 源码角度再看数据绑定

2

前端里 - 小鱼 发布于 2个月前 (10-27)

写在前面因为对Vue.js很感兴趣所以花了些时间研究了一下框架的源码,从中学习到了很多,感谢尤大大。之后会以博客的形式慢慢地输出一些新的学习心得以及总结。原文都发表在我的github上。以及我在阅读源码的过程中为Vue.js加上了部分注释,希望可以给有需要阅读Vue.js源码的朋...

阅读(377)评论(0)赞 (3)

前端开发

CSS技巧:逐帧动画抖动解决方案

15

前端里 - 小鱼 发布于 2个月前 (10-22)

笔者所在的前端团队主要从事移动端的H5页面开发,而团队使用的适配方案是: viewportunits+rem。具体可以参见凹凸实验室的文章– 利用视口单位实现适配布局 。笔者目前(2017.08.12)接触到的移动端适配方案中,「利用视口单位实现适配布局」是最好的方案。不过使用 ...

阅读(502)评论(0)赞 (3)

前端开发

Universal Link 打开APP前端部署采坑记

7

前端里 - 小鱼 发布于 2个月前 (10-14)

前言:文章会适当说一些如何开发iOS上的universallink,但类似的文章太多了一艘一大堆,每篇都介绍的挺清楚,因此也不是重点本文更加会侧重从前端的角度,将整个universallink部署应用到wapapp中的一些策略和一些问题解决办法其实整个UniversalLink没...

阅读(472)评论(0)赞 (4)