前言

无线端应用日益增长，终端机型也发展多样化，前端开发者面临的适配方案也越来越多，如何选择最佳适配方案？

• 前言
• 正文
  • 基本概念解读
    • CSS尺寸单位
    • 屏幕（screen）
    • 视口（viewport）
    • 缩放（scale）
  • 解决方案-viewport
  • 解决方案-rem
    • 动态设置 html 标签 font-size 大小
    • 元素大小取值方法
    • rem 布局方案的开发方式
    • 字体使用 px 为单位
• 小结
• 关于作者

Read More

前言

Vue 生命周期
学习Vue，生命周期很重要，我们了解完生命周期的各个组件，对写高性能组件会有很大的帮助.

Read More

1. 背景

加入实体电商，开始第一个项目，双11活动。 每年参加双11活动，今年第一次自己参与，有点兴奋。

这种活动页面虽然用不上太复杂的逻辑，但也有很多后台项目涉及不到的细节，让我们踩了不少的坑。这里针对项目开发过程中涉及的一些主要技术点作一下总结回顾。

• 1. 背景
  • 1.1. 项目特点
  • 1.2. Slider 实现
  • 1.3. 移动屏幕适配
    • 1.3.1. 高度优先、viewport 等比缩放适配方案
    • 1.3.2. 绝对定位元素的微调方法
    • 1.3.3. 设计稿图片等比缩放方法
    • 1.3.4. 快速布局方法
  • 1.4. HTML5 动画实现
    • 1.4.1. CSS3 动画
    • 1.4.2. 引入游戏引擎方案
    • 1.4.3. 使用 svg/canvas 操作库
  • 1.5. 微信分享
    • 1.5.1. 微信 jssdk 分享 API
    • 1.5.2. 不走微信 jssdk 的取巧方法
  • 1.6. 性能优化相关
    • 1.6.1. 页面资源异步加载
    • 1.6.2. webp 支持
  • 1.7. 应用内登陆/分享
  • 1.8. 工程化问题
  • 1.9. 运维发布问题
  • 1.10. 其他
  • 1.11. 小结
• 2. 关于作者

Read More

背景

web开发中常常有轮播图等效果，常见的开源项目很多，做一个整理

Read More

背景

备份策略指确定需备份的内容、备份时间及备份方式。

Read More

背景

目录
1 viewport 缩放方案
2 rem 布局适配方案
2.1 动态设置 html 标签 font-size 大小
2.2 元素大小取值方法
2.3 rem 布局方案的开发方式
2.4 字体使用 px 为单位
3 相关参考

拿到设计稿后，如何进行布局还原？

如果只需要做非精确的响应式设计，那么使用媒体查询来实现就 OK 了。如果需要精确还原设计稿，则一般通过缩放来实现。常见方案有基于 viewport 和基于 rem 的缩放方案。

Read More

背景

• 背景
• 定义
  • call
  • apply
  • 区别
• 用法
• 高级用法
• 结束语
• 关于作者

Read More

前言

Node.js学习系列也积累了一些了，建个总索引方便相互交流学习，后面会持续更新^_^!

尽量写些和实战相关的，不讲太多大道理…

Read More

前言

JavaScript，一种高级编程语言，通过解释执行，是一门动态类型，面向对象（基于原型）的直译语言。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、FireFox、Safari、Opera）支持。JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本，数组，日期以及正则表达式等，不支持I/O，比如网络，存储和图形等，但这些都可以由它的宿主a环境提供支持。

• 前言
• 正文
  • 背景
  • 前端级别思考
  • 推荐书目
  • 在线课程
  • 视频教程
  • 应用推荐
  • 标准文档
  • 在线资源
  • 实践项目
  • 参考资料
• 小结
• 关于作者

Read More

前言

本文重点整理收藏网络资源链接

Read More