搜索文章
类目归类
搜索到45篇与小白的结果
JavaScript 中几种轻松处理’this’指向方式
我喜欢在JS中更改函数执行上下文的指向,也称为 this 指向。例如,咱们可以在类数组对象上使用数组方法:const reduce = Array.prototype.reduce; function sumArgs() { return reduce.call(arguments, (sum, value) => { return sum += value; }); } sumArgs(1, 2, 3); // Js中文网 => 6另一方面,this 很难把握。咱们经常会发现自己用的 this 指向不正确。下面的教你如何简单地将 this 绑定到所需的值。在开始之前,我需要一个辅助函数execute(func),它仅执行作为参数提供的函数。function execute(func) { return func(); } execute(function() { return 10 }); // Js中文网 => 10现在,继续理解围绕this错误的本质:方法分离。方法分离问题假设有一个类Person包含字段firstName和last...CSS3实现毛玻璃(图片模糊)效果
效果HTML:<img id="blur" src="img/back.jpg">CSS:#blur{ filter:blur(10px); -webkit-filter:blur(10px); -moz-filter:blur(10px); -ms-filter:blur(10px); -o-filter:blur(10px); }结合CSS3毛玻璃实现微信版的发红包看完整照片效果。可以完美的兼容移动端与PC端。代码如下:html:<div id="content"> <!--模糊图片--> <img id="blur" src="img/4.jpg"> <!--使用canvas绘制图片--> <canvas id="canvas"></canvas> <a href="javascript:reset()" rel=&q...javascript之charCodeAt()和fromCharCode()方法拓展应用:加密与解密
JS里charCodeAt()和fromCharCode()方法拓展应用:加密与解密JS实现客户端的网页加密解密技术,可用作选择性隐蔽展示。当然客户端的加密安全度是不能与服务器相提并论,肯定不能用于密码这类内容的加密,但对于一般级别的内容用作展示已经够了。JS加密与解密的解决方案有很多,本文则利用String对象的charCodeAt()方法和fromCharCode()方法对字符的ASCII编码进行获取和修改。加密,解密代码:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JS网页加密及解密</title> <meta name="author" content="YZMCMS" /> <meta name="keywords" content="" /> <meta...JSON.stringify() 的 5 个秘密特性
对象转字符串JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。 作为一名 JavaScript 开发人员,JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢,难道我们不能使用 console.log() 来做同样的事情吗?让我们试一试。//初始化一个 user 对象 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(user); // 结果 // [object Object]哦!console.log() 没有帮助我们打印出期望的结果。它输出 [object Object],因为从对象到字符串的默认转换是 [object Object]。因此,我们使用 JSON.stringify() 首先将对象转换成字符串,然后在控制台中打印,如下所示。const user = { "name" : "Prateek Singh...JS 文件base64、File、Blob、ArrayBuffer 介绍及互转
今天介绍一下文件的二进制家族js,file,base64,File,Blob,ArrayBuffer。 案例,假如有一个需求,我们通过解析等方式拿到了文件的二进制uint8array 或者base64或者blob,我们如何通过ajax提交给后端接口呢?二进制互转file对象转base64let reader = new FileReader(); reader.readAsDataURL(file[0]) console.log(reader)base64 转成blob 上传function dataURItoBlob(dataURI) { var byteString = atob(dataURI.split(',')[1]); var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; var ab = new ArrayBuffer(byteString.length); var ia = new Uint8Array(ab); for (...