JavaScript

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

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

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

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

移动端上传预览压缩图片

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

localStorage实现本地储存树形菜单

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

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

React组件性能优化

React: 一个用于构建用户界面的JAVASCRIPT库.React仅仅专注于UI层;它使用虚拟DOM技术,以保证它UI的高速渲染;它使用单向数据流,因此它数据绑定更加简单;那么它内部是如何保持简单高效的UI渲染呢?React不直接操作DOM,它在内存中维护一个快速响应的DOM描述,render方法返回一个DOM的描述,React能够计算出两个DOM描述的差异,然后更新浏

基于NODEJS的SSO登录方案

一、前言注册、登录是服务端常做的功能,主要涉及用户信息表单提交、会员信息保存、登录状态维护,前端除了表单提交外也没有什么可参与的,能发挥的作用很少。如果通过nodejs介入开发,则可参与更多,这也是为什么建议大家学习下nodejs,通过服务端语言来增强自己的技术栈,技术研发是一个综合类的能力,相比较Java,单纯依靠前端是难以支撑技术的体量,这也是前端人员发展后期所面临的尴

JS实现时钟效果

闲来无事,用JS写了个时钟,只要思路理清了,做起来其实还挺简单的。先发个效果链接 点击查看Demo代码实现HTML 9 10 11 12 1 2 3

【前端进阶篇】内存、内存检测工具

内存管理本文以V8引擎作为背景一、前言1. 概述内存话题有很多,本文覆盖的内容有:内存的组织形式内存的分配内存的回收(gc)内存的问题、检测、解决内存占有过多内存泄漏gc频繁卡顿2. 术语Shallow Size:Shallow size of an object is the amount of memory allocated to store the object i

Babel快速入门

首先,作为入门的话,Babel的用户手册是个很不错的选择,里面基本覆盖了Babel使用的各方面。所以下面主要是我学习Babel的一些笔记,姑且当作是一篇入门吧。Babel是什么按照Babel官网的说法,Babel是一个Javascript编译器。它可以把用最新标准编写的Javascript代码编译成现在的浏览器或者node环境下能运行的代码,这个过程叫做“源码到源码”编译,