宝哥
一个5年的前端开发工作者,有3年前端开发文章,主要分享我日常前端开发经验。不积跬步,无以至千里、不积细流,无以成江海
animationend事件监听CSS动画结束及兼容代码
在使用CSS3动画中,会有需要监听动画是否已经结束并对事件进行处理,最好的方法就是使用animationend。我们通过JavaScript来监听动画的开始、进行和结束,这样子方便我们随时控制运动中的元素。
animation-fill-mode控制CSS3动画结束状态
CSS3 animation状态结束后可以通过animation-fill-mode 控制动画的最后状态,分别是不改变默认行为、保持最后一个属性和回到第一帧。
20171102 前端开发日报

前端开发:如何写一手漂亮的 Vue;JS 挖矿:门罗币是如何利用网页挖矿的?;Vue组件实现tips的总结;现代 Web 开发基础;Node.js 发布9.0.0版本,Node.js 8 转为 LTS 状态;jQuery on()方法;20 ...
sublime text2/3安装autoprefixer插件及配置
Autoprefixer是一个智能的CSS3自动补全插件。Autoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。本文主要介绍如何将它安装在sublimeText2/3上。
transform-origin属性详解和百分比关系

CSS3 transform里面有一个属性transform-origin,该属性可以改变元素的原点位置,之前的一篇文章:CSS揭秘之沿着环形路径运动的动画,正是巧妙的运用了原点位置,从而实现了围绕圆心运动。transform-origin里面的百分比没有详细了解是以什么为标准的。今天看看这篇文章详细了介绍了这个值跟left、right、top、bottom之间的关系。
display:flex完全居中子元素
使用flexbox,很多布局问题都可以解决,今天分享一个所有子元素居中对齐的样式。
涉及到居中的样式CSS主要是align-items:center;
需求是需要中间的某个块不要占全部,而是自适应子元素内容扩展。
js找到数组中某个元素并移到前面
我要根据key的值来找到这个元素 然后把它挪到数组的第一位,是它返回的结果为[3,1,2,4]
20171101 前端开发日报

Web网页布局的主要方式;fly.js—Node下增强的API;前端自动上线系统;一个非常适合nodejs初探者练手的全栈项目;HTTP 103,一个新的 HTTP 状态码;React的setState立即执行方法;深入探讨前端组件化开发; ...
20171031 前端开发日报

哪种JavaScript编程风格最流行?;野蛮生长的前端,从杂牌军到正规军;webRTC——浏览器里的音视频通话;14 个你可能不知道的 JavaScript debug 技巧;前端开发工程师必须关注的几个性能指标;如何不用构建工具开发Vu ...
20171030 前端开发日报

jquery插件开发教程入门;前端性能优化之http请求的过程;从Vue.js源码看nextTick机制;Egg + React + React Router + Redux 服务端渲染实践;React Native iOS 原生模块开发实 ...