前端开发
文章平均质量分 91
王和阳
To be a creator, not a consumer
展开
-
Svelte——不止于快
Svelte小结最近组里准备对我们框架中基于 VDOM 来更新 UI 的这一套架构有所不满,所以此番我调研了一番近期比较火的Svelte,想看看如果不用 VDOM ,能否搞出一番新天地。背景 && 痛点首先讲下 Svelte 框架出现的背景,现在的前端框架日益膨胀,有的时候仅仅为了显示一个简单的页面,都要加载几百KB的资料,以github上很火的 RealWo...原创 2020-03-15 23:28:08 · 4900 阅读 · 0 评论 -
玩转apng实现动画效果
双12前接了一个小项目“我的小纸条”,合作方中间各种延期改需求,好在两位师弟很给力很靠谱,一起把设计师的需求给完美实现,最终项目顺利上线。先看下最终效果(如果看不了,可以尝试点击这里在页面观看效果图)前期技术调研存在着大量的图片和3个动画效果,这意味着需要使用大量的动图,那么gif、apng和webp这三种格式需要如何抉择?答:首先,gif格式的图片体积相对来说比较大,且gif图片...原创 2018-12-17 23:34:40 · 7532 阅读 · 0 评论 -
我读《深入浅出React技术栈》之setState源码解析
最近双11双12各种需求交杂在一起,忙得不可开交,近期好不容易空了一些下来,读完了《深入浅出React技术栈》,这本书的内容和书名如出一辙,重点在于介绍使用React过程中相关的一些技术点,例如函数式编程、Redux、React核心的diff算法的思想等相关东西,东西还是蛮多的,适合想要一窥react技术栈全貌的同学,所以这次写一下自己读完这本书的思考和部分精华内容摘记。this.setSt...原创 2018-12-07 11:31:12 · 1546 阅读 · 0 评论 -
关于dva框架的二三事
最近在项目里用了DVA,一个基于Redux的前端应用开发框架,用dva能让我们省去配置项目的一堆麻烦事儿。关于Dva的使用和介绍这里就不多说了,官方文档已经讲得很详细了。下面简单结合我自己的实践经历,讲讲DVA的一些思想以及一些关于数据流向的想法。Dva的框架和由来一图胜前言,首先我们看下传统的React项目的组件结构是怎么样的: 如果<TodoList/&原创 2018-06-24 15:31:46 · 7687 阅读 · 0 评论 -
看我如何玩转自定义ESLint规则
前言来了淘宝之后各种忙,最近正好在弄自定义ESLint相关的东西,写篇文章mark下。最近开通了自己的微信公共号“王和阳的航海日志”,上面记录着自己的学习、思考、实践和成长的过程,欢迎关注,欢迎交流。基本思路关于如何使用ESLint来自定义规则,具体的开发流程详见ESLint官网。这里就不赘述,接下来我重点讲讲基本思路。首先需要了解的是,在分析代码前,ESlint会通过Es...原创 2018-02-26 17:47:00 · 3114 阅读 · 0 评论 -
几种跨域方式总结
前言我开通了一个微信公共号“王和阳的航海日志”,在上面记录着自己的学习、思考、实践和成长的过程,欢迎关注、交流和拍砖。 碎碎念:距离上次写博客过去了半个月,期间顺利拿到鹅厂前端工程师的实习offter,阶段性的目标完成,坐等5.19大阿里面试,学习的步伐不能停下,继续编程之路和科研之路。好了,废话不多说,进来总结一下跨域的几种姿势吧~~为什么要跨域?跨域问题是浏览器同源策...原创 2016-04-30 11:22:07 · 12244 阅读 · 4 评论 -
纯CSS3实现小圆盘无限loading效果
继续mark百度前端技术学院上的题目,这次是用纯CSS3实现小圆盘无限loading效果,主要用到了border-radius、transform-origin、animation动画等效果,文章末尾会给出源代码和jsfiddle上具体的效果图。原创 2017-06-27 19:46:49 · 2768 阅读 · 1 评论 -
你想要的CSS居中方法大全
元素的居中是前端开发中非常普遍的一个需求,实现的方式也很多,这里我简单总结了一下,并画成思维导图,便于记忆。原创 2016-08-21 22:02:59 · 715 阅读 · 0 评论 -
小而美Vue.js的初体验
最近在捣鼓小而美的Vue.js,这里我查阅了网上的一些资料,讲了下Vue的优缺点,然后结合自己的一些思考,对Vue.js做一个简单的回顾和小结。原创 2017-06-23 22:30:41 · 549 阅读 · 0 评论 -
牛刀小试“裁剪框”组件
用TypeScript写了一个可以缩放的“裁剪框”,原理是用canvas来进行内容的填充和渲染原创 2017-06-26 12:51:46 · 460 阅读 · 0 评论 -
小试牛刀-前端预加载技术
碎碎念:来了阿里之后一直各种忙,熟悉项目、配置、开发流程、内部权限,没多少时间写博客,其实这样是不好的,因为长时间不写博客,你会发现自己在技术上就没有什么进步的点,自然也就不写博客了,所以,博客必须得写,一个月至少一篇!前言所谓预加载技术,核心思想就是让浏览器提早去加载未来可能会用到的资源,然后浏览器就会把URL对应的资源给缓存起来。废话不多说,直接上代码!实现细节<script type="tex原创 2016-07-31 15:20:05 · 3740 阅读 · 0 评论