为什么要研究浏览器历史记录,更加深入的了解单页面应有的路由
html5播放器的简单应用
video标签
HTML5新增了video
、audio
两个标签,分别可以用来播放视频以及音频文件,为多媒体播放提供了新的可能性。我们今天所说的html5播放器是视频播放器。
html5播放器具有消耗小、体量小的优点,目前主流浏览器已基本支持video
及audio
标签,今年大热的视频直播也可以使用html5播放器。
video元素支持3种视频格式:MP4、Ogg、WebM,在各浏览器内核下的支持情况如下:
谈谈微信WEB调试
现如今,国内移动端WEB开发,几乎都离不开微信(阿里系产品除外),然而在微信里,WEB存在于WebView,不像原生Safari可以通过Mac Safari那样断点调试。
更要命的是,微信SDK的调试,必须基于域名,这给调试带来很大的麻烦。
距离上一次讨论移动端WEB调试(介绍两种移动设备调试方案),已经过去了近一年半时间。这一年半时间里WEB前端又是一阵风起云涌,微信调试又有哪些新玩法呢?
git-subtree子项目简述
git subtree
什么是git subtree呢
先看结论
经由 Git Subtree 来维护的子项目代码,对于父项目来说是透明的,所有的开发人员看到的就是一个普通的目录,原来怎么做现在依旧那么做,只需要维护这个 Subtree 的人在合适的时候去做同步代码的操作。
表格数据转为json文件
前言:懒人技术进步都从万恶的需求开始
开发需求——有一批来自不同店铺的商品,要用于活动页面展示,然而后台并没有设置不同店铺商品集合的功能。。。后端可以通过3个参数来定位商品,那好吧,让万(ku)能(bi)的前端来把这些参数整合起来,哪个开发团队没遇到过那么些个临时紧急需求呢?
好了,现在我们有1个excel表格,把参数都列出来了
PARMA | PARMB | PARMC |
---|---|---|
a01 | b01 | c01 |
a02 | b02 | c02 |
a03 | b03 | c03 |
实现简单的数据绑定
近年来前端框架日新月异,react、angular、vue无疑是当中最火的三者
他们都不约而同的提供了双向绑定数据的解决办法
闲话css居中
前言
最近捧读了我们团队诸位童鞋写的博客,一些概念还在云里雾里,个人愚见,临渊羡鱼,不如退而结网。夯实基础方能登堂入室习得上乘武功嘛~在日常开发过程中,经常遇到需要需要让元素居中展示,在此总结几种常用的写法,实际情况灵活使用,不对之处还望不吝赐教。(为了方便说明,请忽略文中的css命名规则与重复属性,实际项目中不可取)
Surge for Mac 2 初体验与教程
使用Surge for Mac已有两周,今日写下一路以来的感受,并给后来的小伙伴填坑铺路。如果想看Surge for iOS教程,请继续Google,本人认为iOS下用小火箭足以。需要强调的是,Surge只是一款网络工具,支持多种网络协议,但本身并不提供出墙功能,需要自己搞定ss账号,可以直接从ss提供商购买,或是自己购买VPS搭建ss服务。
先放大招:
[前端攻城狮]可能是使用Mac Surge性价比最高的职业!
为什么?
因为前端攻城狮:懂编程,懂正则,要抓包,爱折腾,更需要科学上网!
早就听闻Surge的大名,由于其高昂的价格,一直将其拒之门外。直到看到池大大这篇文章 Surge for Mac 快捷如风,我动心了。于是第二天在公司里众筹买了Mega License,当天也是各种忙,到了周末在家一顿鼓捣。
Google了一晚上,找到的文章,大部分讲的是Surge for iOS或者Surge for mac 1.x,我看的莫名其妙。其中几篇提供了配置文件模板,但大都讲的不清不楚。
当天晚上我是一头雾水,困觉去了。真是应了其中一篇文章所说,Surge的使用,确实需要门槛。
第二天不死心,继续折腾,回顾了所有看过的文章,并结合我当前的Surge版本的面貌,终于成功折腾出了一个能科学上网的ss配置。随后就一发不可收,哇擦咧,此乃神器也!
浅谈视差滚动(parallaxScrolling)
视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。
浅谈vue父子组件间相互通信
我们都知道Vue 实例实现了一个自定义的事件接口,用于在组件树中通信。这个事件系统独立于原生 DOM 事件,用法也不同。
每个 Vue 实例都是一个事件触发器:
- 使用 $on() 监听事件;
- 使用 $emit() 在它上面触发事件;
- 使用 $dispatch() 派发事件,事件沿着父链冒泡;
- 使用 $broadcast() 广播事件,事件向下传导给所有的后代。