UTF8转SJIS的javascript 插件Converts character encoding

UTF8转SJIS的javascript 插件Converts character encoding
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>文字をUTF8からSJISに変換</title> <script src="./encoding.min.js"></script> <script> window.onload = function(){ document.getElementById('download').addEventListener('click', function (e){ var inputText = document.getElementById('textArea').value; var co...

HTML5 history新特性pushState、replaceState

HTML5 history新特性pushState、replaceState
从HTML5开始,我们可以开始操作这个历史记录堆栈。 DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。 1.History 使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退 前进和后退 后退: window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键一样。 同样的,也可以用以下方法产生用户前进行为: window.histor...

使用HTML5的File实现base64和图片的互转

使用HTML5的File实现base64和图片的互转
刚接触到一个内联图片的概念,内联图片即使把图片文件编码成base64 看下面代码即是内联问题 可以减少http的请求,缺点是不能跨域缓存! 复制代码代码如下: <img src="data:image/jpeg;base64,/9j/4QqsRX..." alt=""> 然后在线如何把图片转化成base64 如果只依靠单纯的javascript是有权限问题的 js不允许操作本地的file文件或文件夹 为了安全问题 现在html5来了 百度了下有不少资料 中文的也不少 给下...

HTML5之FileReader的使用 

HTML5之FileReader的使用 
HTML5定义了FileReader作为文件API的重要成员用于读取文件,根据W3C的定义,FileReader接口提供了读取文件的方法和包含读取结果的事件模型。 FileReader的使用方式非常简单,可以按照如下步骤创建FileReader对象并调用其方法: 1.检测浏览器对FileReader的支持 [javascript] view plain copy print? if(window.FileReader) {     var fr = new FileReader();     // add your code here } else ...

canvans基本操作

canvans基本操作
1、绘制矩形函数: rect(x,y,width,height) fillRect(x,y,width,height) strokeRect(x,y,width,height) 2、线条属性: lineWidth() lineCap = "butt"(round,square); lineJoin = miter(bevel,round); miterLimit = 10;(一旦miter的像素超过一定的像素限制,会显示为bevel)3、图形转换: context.translate(100,100);//原点位移 context.save();//保存图形状态 context.restore();//恢复图形状态 4、变换矩...

清空文件上传控件的值

清空文件上传控件的值
进行文件上传时,若文件格式正确,那么就需要清空文件上传控件的value,让重新上传。那是无论是用JS还是用jquery都无法清空value的值,因为 在 HTML 文档中 ,<input type="file"> 标签是浏览器向服务器发送选中文件的。该元素有一个 value 属性,保存了用户指定的文件的名称,为安全起见,file-upload 元素的value 属性是只读的,不允许程序员修改它的值,并且HTML value 属性也会被忽略 但是有时候...

js深拷贝和浅拷贝

js深拷贝和浅拷贝
一.数组的深浅拷贝 在使用JavaScript对数组进行操作的时候,我们经常需要将数组进行备份,事实证明如果只是简单的将它赋予其他变量,那么我们只要更改其中的任何一个,然后其他的也会跟着改变,这就导致了问题的发生。 Js代码   var arr = ["One","Two","Three"]; var arrto = arr; arrto[1] = "test"; document.writeln("数组的原始值:" + arr + "<br />");//Export:数组的原始值:One,test,...

使用underscore简化原生js笨重的写法

使用underscore简化原生js笨重的写法
你一天(一周)内写了多少个循环? Js代码   var i; for(i = 0; i < someArray.length; i++) {   var someThing = someArray[i];   doSomeWorkOn(someThing); } 这当然无害,但这种写法非常丑而且奇怪,这也不是真正需要抱怨的。但这种写法太平庸了。 Js代码   var i,j; for(i = 0; i < someArray.length; i++) {   var someThing = someArray[i];   for(j = 0; j < someThing.stuff....

word-break:break-all,页面layout时间增加至少10秒

word-break:break-all,页面layout时间增加至少10秒
近期遇到个问题,用的xheditor编辑器,图片是base64解码直接存库里的,但每次编辑的时候,只要带有图片,页面加载非常慢 通过chrome的timeline录像,发现耗时在layout上 google上胡乱搜了一把,定位到影响layout的要么是css,要么是js,主要是改变了页面布局或元素大小,页面就会重新layout。根据代码排除法,定位到是css导致的layout时间增长。 最后还是通过排除法,一个个文件的排除,定位到了具体的...

HTML5 多媒体播放

HTML5 多媒体播放
video与audio元素基础 在HTML5中,video元素专门用来播放网络上的视频或电影,而audio元素专门用来播放网络上的音频数据。 以audio元素为例,只要把播放音频的URL给指定元素的src属性就可以了,例如: Html代码   <audio src="demo/test.mp3">     您的浏览器不支持audio元素! </audio> 通过这种方法,可以把指定的音频数据直接嵌入在网页上,其中“您的浏览器不支持audio元素!”为在不...
Copyright © 大一网 保留所有权利.  

用户登录

分享到: