Open ufologist opened 7 years ago
技术
适配的方法,2个步骤 在页面中引入 flexible.js 布局的时候使用rem做单位,各元素的 css rem 尺寸 = 设计稿标注 px 尺寸 / (设计稿横向分辨率 px / 10) rem = px / 75
适配的方法,2个步骤
iOS 水波效果工具 / A tool of water wave effect on iOS. 原理简介 首先准备两张图片 将两张图放在重叠的位置 将其中一张图片加上波浪形的遮盖 如果波浪形的遮盖是动态再变化的的,就可以形成动态的波浪 ZLYWaterWave就是为你提供好了动态波浪的Path,你只需要在回调中加入遮盖即可 如果你还是晕晕的,那就直接看Example吧,相信你瞬间就会明白的
iOS 水波效果工具 / A tool of water wave effect on iOS.
原理简介
基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。 image_wave.html wave.html
基本的原理是利用Canvas绘制矢量图和图片素材合成出波浪特效。
个人开发和团队开发是有区别的。个人开发可以激进,而团队开发最好保守 你知道自己正在用的技术,缺点是什么吗? 前端工程师在实际工作中,更多的工作在和视觉设计师的PSD直接打交道吧?和交互设计师或产品经理设计的交互动效直接打交道吧? 关于CSS预处理器带来的麻烦 变量、mixin、扩展/继承的替代方案 —— 让HTML标签挂多个class 嵌套的副作用以及低成本的替换方案 —— 长命名 所以对于CSS预处理器,我个人并不支持,更推荐使用原生CSS技巧来解决问题。性价比高,副作用小 关于组件化 GUI编程按组件来组织代码是普适的最佳实践 组件化是对的,但组件化框架其实是很轻量级的,用不用框架,以及用什么框架问题都不大 组件化不过是编写高质量代码的基础而已,真正的挑战在抽象上,能不能养成面向对象的思维模式才是关键 前端的CSS能否用好 关系到设计图的还原度 关系到终端碎片化的自适应 关系到需求变更时维护的难易度 我推荐一下几本书和学习步骤,给有心弥补基本功的同学: 《CSS网站布局实录》——国产CSS2入门书,有些技巧已经淘汰,但仍不失为最好的CSS入门教程。 《无懈可击的Web设计》——讲CSS应用技巧的书,国内外粉丝别多,说是开创了CSS技巧流派也不为过。 《DOM JavaScript编程艺术》——JavaScript最好的入门书,没有之一,这本书是帮助你了解如何将DOM、CSS和JavaScript连接起来的一本书。严格来说,后端Node根本不算JavaScript,JavaScript是基于ES语法的一门脱水语言,如何实现的胶水?这本书将带你入门。 《JavaScript高级程序设计》 ——JavaScript必读的一本精典,读完之后对JavaScript的理解和实践会上升非常大的一个台阶。 《编写高质量代码——Web前端开发修炼之道》 —— 举贤不避亲,这本书是我写的。推荐的原因是,这本书重点讲团队合作的注意事项。虽然一些具体的技巧,在今天已然过时,比如IE6的hack,但在团队合作方面的思考,直到今天我也没看到其他书在讲,这些思想没有其他书可替代。 《HTML5和CSS3权威指南》——目前为止,我读过的HTML5方面最好的一本原创书。配合实例进行API讲解,非常详细具体。连HTML5都提供了哪些底层的东西都不知道,又该如何去用好它呢?在我看来,是学习HTML5的必读书。 《响应式Web设计:HTML5和CSS3实战》——作者是《无懈可击的Web设计》忠实粉丝,所以很自然地,这也是本CSS技巧流派的书,侧重点在CSS3的实践技巧上,让人大开眼界。 《JavaScript设计模式》——JavaScript在实战时的高级技巧。 说一个放羊的和一个砍柴的聊了一天,然后天黑了,人家放羊的羊吃饱了回家去了,可你砍柴的呢,你的柴呢? 我曾经写过一篇文章,叫“置疑精神”。所以也请读者带着置疑精神来看我的这篇文章,认为有道理的,就听,认为不对的,保留你的疑问,不要迷信任何权威,这是技术人该有的美德。虽然我写了这么多,但也有可能,全是错的。
个人开发和团队开发是有区别的。个人开发可以激进,而团队开发最好保守
你知道自己正在用的技术,缺点是什么吗?
前端工程师在实际工作中,更多的工作在和视觉设计师的PSD直接打交道吧?和交互设计师或产品经理设计的交互动效直接打交道吧?
前端的CSS能否用好
我推荐一下几本书和学习步骤,给有心弥补基本功的同学:
说一个放羊的和一个砍柴的聊了一天,然后天黑了,人家放羊的羊吃饱了回家去了,可你砍柴的呢,你的柴呢?
我曾经写过一篇文章,叫“置疑精神”。所以也请读者带着置疑精神来看我的这篇文章,认为有道理的,就听,认为不对的,保留你的疑问,不要迷信任何权威,这是技术人该有的美德。虽然我写了这么多,但也有可能,全是错的。
使用 ES2015 Node.js v6 LTS(long-term support),支持了 99% ES2015的语法。也就是说,如果你正在使用最新的 LTS 版本的Node,你不需要再依赖babel,就可以使用ES2015的全部特性 关于更多的Node.js版本对ES2015支持的细节,我推荐大家去Node.js官网上查看。 使用 Promises 使用语义版本控制(Semantic Versioning) 使用Docker 你可以把Docker镜像当成部署容器的工具。Docker就是部署软件运行环境的一个容器,它包含了你软件运行的大部分的基础环境:代码,运行时,系统工具,系统程序库,任何你能想到需要安装的东西。
使用 ES2015
Node.js v6 LTS(long-term support),支持了 99% ES2015的语法。也就是说,如果你正在使用最新的 LTS 版本的Node,你不需要再依赖babel,就可以使用ES2015的全部特性
99%
关于更多的Node.js版本对ES2015支持的细节,我推荐大家去Node.js官网上查看。
使用 Promises
使用语义版本控制(Semantic Versioning)
使用Docker
你可以把Docker镜像当成部署容器的工具。Docker就是部署软件运行环境的一个容器,它包含了你软件运行的大部分的基础环境:代码,运行时,系统工具,系统程序库,任何你能想到需要安装的东西。
产品
流量分发是互联网上最常见的一种产品类型,我们常用的产品中,包括百度、去哪儿网、淘宝,以及各种安卓应用商店,其产品核心部分都可以看做是在做分发。 流量分发的逻辑很简单,即互联网产品收集到足够多的流量(用户访问),然后将这些流量导入给特定的地方 满足用户获取信息、获得功能的需求 向流量接收方收费以实现盈利 每一种流量分发类的产品其内部都会存在一条核心的转化路径,只要梳理清楚这条路径,就找到了做好流量分发的钥匙。 搜索 展现 → 点击 → 浏览 → 转化 应用商店 使用 → 下载 → 安装 → 激活
流量分发是互联网上最常见的一种产品类型,我们常用的产品中,包括百度、去哪儿网、淘宝,以及各种安卓应用商店,其产品核心部分都可以看做是在做分发。
流量分发的逻辑很简单,即互联网产品收集到足够多的流量(用户访问),然后将这些流量导入给特定的地方
每一种流量分发类的产品其内部都会存在一条核心的转化路径,只要梳理清楚这条路径,就找到了做好流量分发的钥匙。
搜索
展现 → 点击 → 浏览 → 转化
应用商店
使用 → 下载 → 安装 → 激活
技术
产品