线条之美,玩转SVG线条动画

通常来说web前端实现动画效果主要通过下面几种方案:


  • css动画;利用css3的样式效果可以将dom元素做出动画的效果来。

  • canvas动画;利用canvas提供的API,然后利用清除-渲染这样一帧一帧的做出动画效果。

  • svg动画;同样svg也提供了不少的API来实现动画效果,并且兼容性也不差,本文主要讲解一下如何制作svg线条动画。


阅读全文

HTTP,HTTP2.0,SPDY,HTTPS看这篇就够了

作为一个经常和web打交道的程序员,了解这些协议是必须的,本文就向大家介绍一下这些协议的区别和基本概念,文中可能不局限于前端知识,还包括一些运维,协议方面的知识,希望能给读者带来一些收获,如有不对之处还请指出。

1. web始祖HTTP

全称:超文本传输协议(HyperText Transfer Protocol) 伴随着计算机网络和浏览器的诞生,HTTP1.0也随之而来,处于计算机网络中的应用层,HTTP是建立在TCP协议之上,所以HTTP协议的瓶颈及其优化技巧都是基于TCP协议本身的特性,例如tcp建立连接的3次握手和断开连接的4次挥手以及每次建立连接带来的RTT延迟时间。

阅读全文

H5视频直播扫盲

视频直播这么火,再不学就out了。

为了紧跟潮流,本文将向大家介绍一下视频直播中的基本流程和主要的技术点,包括但不限于前端技术。

1 H5到底能不能做视频直播?


当然可以, H5火了这么久,涵盖了各个方面的技术。

阅读全文

移动web适配之rem

前言


提到rem,大家首先会想到的是rm,px这类的词语,大多数人眼中这些单位是用于设置字体的大小的,没错这的确是用来设置字体大小的,但是对于rem来说它可以用来做移动端的响应式适配哦。

阅读全文

Web程序员学习iOS开发知识记录

前言


本文将已一个web开发者的角度来记录一些日常学习ios开发中踩过的坑和web前端与ios开发的知识对比,如果有ios大神看出什么不对的地方,还请指出哈。

正文


1. ios开发要装xcode,而且没有什么其他更好的ide,这样做前端的我感觉很不习惯,每次修改完代码后都要点击运行,这比刷新浏览器慢多了。。

阅读全文

React Native IOS集成与原理简析

自从facebook开源了react native之后,许多关于react native实现机制和原理的文章层出不穷,但是大部分主要是从native的角度去写,本文以一个web开发者ios初学者的角度去看react native在ios平台上实现的原理,如有不对之处还望指点。

一,整体流程


阅读全文

豫ICP备19009686号
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x
吕小鸣的前端博客正在使用PWA,是否安装到桌面?x