前端里前端里

所有文章 第3页

前端开发

搭建React服务端渲染项目知识梳理及总结

前端里 - 小鱼 发布于 2018-01-21

本项目github地址 react-koa2-ssr 所用到技术栈 react16.x + react-router4.x + koa2.x 前言 前段时间业余做了一个简单的古文网 ,但是项目是使用React SPA 渲染的,不利于SEO,便有了服务端渲染这个需求。后面就想写个d...

阅读(860)评论(0)赞 (10)

前端开发

JavaScript 的 this 指向问题深度解析

前端里 - 小鱼 发布于 2018-01-21

JavaScript 中的 this 指向问题有很多博客在解释,仍然有很多人问。上周我们的开发团队连续两个人遇到相关问题,所以我不得不将关于前端构建技术的交流会延长了半个时候讨论 this 的问题。 与我们常见的很多语言不同,JavaScript 函数中的 this 指向并不是在...

阅读(1067)评论(0)赞 (8)

前端开发

15款加速 Web 开发的 JavaScript 框架

15

前端里 - 小鱼 发布于 2018-01-03

JavaScript 可以通过多种方式来创建交互式的网站和 Web 应用程序。利用 JavaScript,可以让你移动 HTML 元素,创建各种各样的自定义动画,给你的访问者更好的终端用户体验。

阅读(1174)评论(0)赞 (5)

前端开发

Chimee – 简单易用的H5视频播放器

1

前端里 - 小鱼 发布于 2017-12-25

Chimee是由奇舞团开源的一套H5视频播放器解决方案,由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。Chimee支持MP4、M3U8、FLV等多种媒体格式,同时它也帮我们解决了大部分的兼容性、差异化问题,包括全屏、自动播放、内联播放、直播解码等常见媒体播放...

阅读(1942)评论(0)赞 (9)

前端开发

H5页面适配 iPhoneX,就是这么简单

4

前端里 - 小鱼 发布于 2017-12-17

前言 iPhoneX 取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素)。 笔者...

阅读(3492)评论(0)赞 (12)

前端开发

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

1

前端里 - 小鱼 发布于 2017-11-26

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

阅读(1878)评论(0)赞 (10)

前端开发

15个最佳的 JavaScript 表单验证库

15

前端里 - 小鱼 发布于 2017-11-16

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

阅读(1517)评论(0)赞 (8)

前端开发

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

36

前端里 - 小鱼 发布于 2017-11-16

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

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

前端开发

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

4

前端里 - 小鱼 发布于 2017-11-06

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

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