JavaScript

React 学习指南及前端干货

7分钟入门react的视频https://egghead.io/lessons/re... 这个react的项目不错,跟着走一遍 你会清楚很多http://www.kancloud.cn/kanclo... 使你的 React 应用兼容 IE8https://github.com/xcatliu/re... React学习资源https://github.com/simo

localStorage实现本地储存树形菜单

localStorage实现本地储存树形菜单最近在写一个Todo-list的页面,页面布局和操作都写完后,想要用localStorage实现本地储存。然而对储存数据的方法一无所知,就先去了解了web的数据储存。数据储存常用的web的数据储存有cookie和Web Storage储存机制。cookiecookie是“小型文本文件”,主要用途是辨别用户身份、保存用户登录信息。c

移动端上传预览压缩图片

一、功能和问题解析图片上传,在移动端可以使用input为file,通过base64上传图片移动端file有兼容上的问题移动端端图片都是几M,必须压缩二、功能的实现和问题的解决初始页面布局 .add{ width: 100%; height: 100%; text-align: center; border: 1p

audiojs--跨浏览器的HTML音频播放器(可自定义样式)

一款跨浏览器的音频播放器,可惜例子和文档都比较少英文文档 官网使用方法:第一步引用文件:第二步,全局初始化: audiojs.events.ready(function() { var as = audiojs.createAll(); });第三步,在需要的地方放上下面类似的代码: //注意是直接闭合标签然后,然后就没有了,WTF!!!以上只适用静态的页面,如果

JS解析MP3获取歌曲信息--ID3 Reader

ID3 Reader 是一款可以在前台或者后台(nodejs)解析MP3曲目信息(前提是含有这些信息)的工具官方demo 源码下载 全英文文档用法示例1,基本用法//In its simplest form:ID3.loadTags("filename.mp3", function() { var tags = ID3.getAllTags(filename);

一些正则

手机号码//验证手机号码var isMobileNum = function(num){ var reg = /^1\d{10}$/; if (reg.test(num)) { return true; }else{ return false; }}电话号码//验证电话号码var isTelNum = function(

APP技术演化的路

谈起APP,大家都太熟悉不过了,今天想谈谈这么多年技术演化的路。早期一些大公司就开始做一些APP了,例如facebook、google等国外的公司就已经开发这个技术路线,那个时候的APP数量很少,基本上我们可以理解为web时代的APP,都是用web的方式来实现APP的。也就在这个时候,我们听到了Html5的声音,当时大家一窝蜂都说H5未来将要一同江湖,当时的android呢

前端开发者应该知道的 CSS 小技巧

一些小技巧让你的CSS技术更专业1,使用:not()去除导航上不需要的边框2,为body添加行高3,垂直居中任何元素4,逗号分离的列表5,使用负nth-child选择元素6,使用SVG图标7,文本显示优化8,在纯CSS幻灯片上使用max-height9,继承box-sizing10,表格单元格等宽11,使用Flexbox摆脱边界Hack12,使用属性选择器选择空链接使用:n

排序算法——javascript算法实现

排序 Sorting排序基本概念排序是计算机程序设计中的一种重要操作,他的功能是将一个数据元素(或记录)的任意排列,重新排列成一个按关键字有序的序列。待排序的记录序列中可能存在两个或两个以上的关键字相等的记录,且在排序前Ri在Rj前面(即i插入排序交换排序(快速排序)选择排序归并排序基数排序如果按照工作量来区分可以分为3类简单的排序算法,时间复杂度为O(n2)先进的排序算法

业务开发情境之:文本框的base64编码图片粘贴直接上传七牛

最近在做的一个聊天消息的功能。有个图片上传的功能,可以通过按钮上传也可以通过Ctrl+V上传。按钮上传的我们可以通过七牛的API就可以做了,我们现在来说说Ctrl+V的实现是怎么样的。涉及到的APIFileReader()paste事件关于imageFile,用来把文件读入内存,并且读取文件中的数据。提供一个异步的api,使用该api可以在浏览器主线程中异步访问文件系统,读