星辰大海

HTML5之FileReader的使用

浏览器对FileReader的支持 if(window.FileReader) { var fr = new FileReader(); // add your code here } else { alert("Not supported by ...

Posted by sqq5682 on December 21, 2018

jquery插件及zepto插件的写法和区别

jQuery/Zepto 都提供了很好的机制，让用户可以通过编写插件，来扩展功能。 很多人做了很久前端开发，却一直在使用别人的插件，自己没有完整开发过一个插件。其实开发插件不是很难的事情，经过多年，撰写一个 jQuery/Zepto 插件已经有了最佳实践，也就是所谓的基本的套路。这里给出基本...

Posted by sqq5682 on November 10, 2018

js动态处理transitionend和animationend动画事件

针对transform、transitionend、animationend在移动和pc端浏览器的前缀的兼容问题,写成一个简单js处理css3 transitionend和animationend动画事件的原声 js函数，如下 (function (root, factory) {   ...

Posted by sqq5682 on October 28, 2018

移动端的一些小技巧

移动端长按复制，需要复制的地方变成块状元素 (display:block) app(如微信)中的webview以及安卓原始浏览器会对scroll滚动判断有延迟 对于顶部的，页面从开始加载的时候就使用position:fixed就不会出现延迟的问题 移动端字体单位font-size选择px...

Posted by sqq5682 on September 17, 2018

history对象的用法

1.概述 浏览器窗口有一个history对象，用来保存浏览历史。 比如，当前窗口先后访问了三个地址，那么history对象就包括三项，history.length属性等于3。 history.length // 3 history对象提供了一系列方法，允许在浏览历史之间移动。 ba...

Posted by sqq5682 on August 8, 2018

git中配置github的账号

这里说的是window下操作，首先要有一个github账号，以及安装git软件 1.先输入ssh-keygen –t rsa –C “邮箱地址”,注意ssh-keygen之间是没有空格的,其他的之间是有空格的 2.回车之后,会出现一行,让你输入一个保存密钥的地方,括号里面是它默认的位置，这...

Posted by sqq5682 on July 20, 2018

Grunt：任务自动管理工具

在Javascript的开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具，可以帮助我们自动管理和运行各种任务。 简单说...

Posted by sqq5682 on June 15, 2018

meta标签中的viewport详细了解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲，移动设备上的view...

Posted by sqq5682 on May 10, 2018