最近在学习使用框架的时候，分别使用vue和react开发了两个移动端产品，对这两个框架的学习曲线有了一些感悟，这两个都是现在比较热门的js框架，它俩在使用方式上和学习复杂度上还是有很大区别的，这里简单总结下两者的差异。 vue由尤雨溪开发，由独立团队维护，现在大部分的子项目都交…

PS:为了简单也可以用视频，但除非动画的播放场景固定，不然移动端视频在不同app、不同机型、不同系统的播放显示都不太一样，容易踩不少坑。 不管采用什么方式来制作动画，最终呈现到前端页面的无非三种形式：canvas、div、SVG。 一般情况下，随着屏幕大小的增大，canvas将…

前提Git地址前端常用的正则校验git地址欢迎关注前端公众号【小夭同学】1、是否合法IP地址2、是否手机号码或者固话3、是否固话4、是否手机号码5、是否身份证号码6、是否邮箱7、合法url8、验证内容

最近项目中多次用到了Popover弹出框，在使用时，也遇到了一些坑，比如如何控制显示和隐藏，及在表格数据中如何针对当条数据进行显示和隐藏，所以对Popover相关知识做了一个总结。 Popover 有四种激活方式，主要支持四种触发方式：hover，click，focus 和 m…

HTML5开始提供了对history栈中内容的操作。通过history.pushState/replaceState实现添加地址到history栈中。 状态对象 — 状态对象state是一个JavaScript对象，通过pushState () 创建新的历史记录条目。无论什么时…

Ghost Buttons：幽灵按钮是指具备基本的按钮形状的透明按钮，有细实线的边框。在悬停时背景填充颜色以突出按钮。 direction aware：方向感知这里主要说的是能够判断鼠标是从按钮哪个方向过来的。 本文中，我们将构建一个幽灵按钮，实现按钮很简单，但有趣而棘手的部分…