联系我们

前端基础进阶(四):详细图解作用域链与闭包 2017/02/24 · 基础技术 · 作用域链, 闭包 原文出处: 波同学    攻克闭包难题 初学JavaScript的时候,我在学习闭包上,走了很多弯路。而这次重新回过头来对基础知识进行梳理,要讲清楚闭包,也是一个非常大的挑战。 闭包有多重要?如果你是初入前端的朋友,我没有办法直观的告诉你闭包在实际开发中的无处不在,但是我可以告诉你,前端面试,必问 […]

03月10日, 2019 03月10日 0

JS原生Date类型方法的一些冷知识 2015/09/07 · JavaScript · Date 原文出处: chitanda    一个多月没更新了- -偷懒中。这个东西其实很早之前就在整理了,不过后来发现自己不少地方没弄明白,然后就一直卡那边了(其实就是不想写吧),想了下反正是给自己熟悉js的原生API而已,所以也没必要太钻牛角尖,也不一定要多完整,因此就当是Date()函数的一个冷门知识点 […]

03月10日, 2019 03月10日 0

移动端h5开发相关内容总结(四) 2017/02/06 · HTML5 · 1 评论 · 移动端 本文作者: 伯乐在线 – zhiqiang21 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 >JavaScript是一种解释性语言,边执行边解释 4.传递参数的解决方案 在开发过程曾经遇到过这样的问题: 很多个页面,比如说a-z。当我在a页面的时候,浏览器中的url会带 […]

03月10日, 2019 03月10日 0

聊聊 SVG 基本形状转换那些事 2017/01/20 · HTML5 · SVG 原文出处: 凹凸实验室    SVG即Scalable Vector Graphics可缩放矢量图形,使用XML格式定义图形, 主要优势在于可缩放的同时不会影响图片的质量。 一、前言 前段时间研究 SVG 压缩优化,发现SVG预定义的 rect、circle、ellipse、line、polyline、polygo […]

03月9日, 2019 03月9日 0

SVG 线条动画入门 2016/12/29 · HTML5 · SVG, 动画 本文作者: 伯乐在线 – chokcoco 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 通常我们说的 Web 动画,包含了三大类。 CSS3 动画 javascript 动画(canvas) html 动画(SVG) 个人认为 3 种动画各有优劣,实际应用中根据掌握情况作出取舍,本文讨论的是我 […]

03月9日, 2019 03月9日 0

H5推广:你该知道的一些事儿 2017/03/11 · HTML5 · 2 评论 · HTML5 原文出处: 携程设计委员会    一款H5产品是需要仔细打磨的,但大部分失败的制作者期望高、投入少、时间急还不动脑,想靠一款粗糙的H5产品来引爆朋友圈。这种思维在当下H5产品竞争中毫无可取之处,唯有真正从产品与用户两个角度出发才能尽量避免产品的失败。 1. H5已死? 经过几年H5的混战,大家对H5的 […]

03月9日, 2019 03月9日 0

线条之美,玩转SVG线条动画 2017/02/28 · HTML5 · SVG 原文出处: AlloyTeam    通常来说web前端实现动画效果主要通过下面几种方案: css动画;利用css3的样式效果可以将dom元素做出动画的效果来。 canvas动画;利用canvas提供的API,然后利用清除-渲染这样一帧一帧的做出动画效果。 svg动画;同样svg也提供了不少的API来实现动画效果,并且 […]

03月9日, 2019 03月9日 0

2. Paper 这部分是画图相关的方法集,这是几乎每个动画框架都有的部分,类似于createjs的Graphics。 SVG 有6种基本图形:矩形、圆形 、椭圆、线条、折线、多边形。还有另外一种:路径(path),path 是最复杂的一种绘图方式,它可以绘制复杂的图形——当然6种基本图形也不在话下。而关于基本图像与 path 之间的转换,可以参考本站的另外一篇文章:聊聊 SVG 基本形状转换那些 […]

03月9日, 2019 03月9日 0

前言 React 好像已经火了很久很久,以致于我们对于 Virtual DOM 这个词都已经很熟悉了,网上也有非常多的介绍 React、Virtual DOM 的文章。但是直到前不久我专门花时间去学习 Virtual DOM,才让我对 Virtual DOM 有了一定的理解,以致于要怀疑起很久之前看过的那些文章来。倒不是这些文章讲得不对,而是现在在我看来角度不太好,说得越多,越说不清。 让我能够有 […]

03月9日, 2019 03月9日 0

SVG 实现复杂线条动画 2016/12/29 · HTML5 · SVG, 动画 本文作者: 伯乐在线 – chokcoco 。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 在上一篇文章中,我们初步实现了一些利用基本图形就能完成的线条动画:《Web动画:SVG 线条动画入门》 当然,事物都是朝着熵增焓减的方向发展的,复杂线条也肯定比有序线条要多。 很多时候,我们无法人工去画 […]

03月9日, 2019 03月9日 0

图片资源 Base64 化在 H5 页面里有用武之地吗 2016/12/15 · HTML5 · Base64 原文出处: 凹凸实验室    将图片资源转至base64格式后可直接放入页面作为首屏直出,也可以放入css文件中,减少请求,以加快首屏的呈现速度。 不过图片base64化,将带来一个臃肿的html或css文件,是否会影响页面的渲染性能,浏览器又支持如何呢? 前端图片引入方式神演算 201 […]

03月3日, 2019 03月3日 0

教你用webgl快速创建一个小世界 2017/03/25 · HTML5 · AlloyTeam 原文出处: AlloyTeam    Webgl的魅力在于可以创造一个自己的3D世界,但相比较canvas2D来说,除了物体的移动旋转变换完全依赖矩阵增加了复杂度,就连生成一个物体都变得很复杂。 什么?!为什么不用Threejs?Threejs等库确实可以很大程度的提高开发效率,而且各方面封装的非常棒 […]

03月3日, 2019 03月3日 0

移动端H5页面注意事项 2017/02/18 · HTML5 · 移动端 原文出处: Alexee    1. 单个页面内容不能过多 设计常用尺寸:7501334 / 6401134,包含了手机顶部信号栏的高度。 移动端H5活动页面常常需要能够分享到各种社交App中,常用的有微信、QQ等。 使用移动设备查看页面时会发现,在微信浏览器中有顶部导航栏,在qq内置浏览器里不止有顶部导航,底部也有操作栏( […]

03月3日, 2019 03月3日 0

HTML5 游戏开发基础的教程 2017/03/24 · HTML5 · 2 评论 · 游戏 本文由 伯乐在线 – 紫洋 翻译,艾凌风 校稿。未经许可,禁止转载! 英文出处:Mikołaj Stolarski & Tomasz Grajewski。欢迎加入翻译组。 在游戏的视觉效果定义其整体外观、感觉和游戏玩法本身。玩家被好的视觉体验所吸引,从而可达到产生更多的流量。这是创建 […]

03月3日, 2019 03月3日 0

用 canvas 实现 Web 手势解锁 2017/04/04 · HTML5 · Canvas 原文出处: songjz    最近参加 360 暑假的前端星计划,有一个在线作业,截止日期是 3 月 30 号,让手动实现一个 H5 手势解锁,具体的效果就像原生手机的九宫格解锁那样。 实现的最终效果就像下面这张图这样: 基本要求是这样的:将密码保存到 localStorage 里,开始的时候会从本 […]

03月3日, 2019 03月3日 0
网站地图xml地图