前端
Jonithan_
这个作者很懒,什么都没留下…
展开
-
this指针使用及call(),apply()及bind()的使用
目录一.理解this指针意义二.用call(),apply(),bind()解决指针指向问题三.bind()的使用场景与少用之处一.理解this指针意义让我们先理解好this指针的定义:this引用的是函数执行的环境对象this永远指向的是最后调用它的对象,也就是看它执行的时候是谁调用的通俗地讲,就是谁调用this,this就指向谁,我们分类举例举例前先看下本文会一直用到的变量及定义的函数var ...原创 2018-05-01 14:37:10 · 1087 阅读 · 0 评论 -
js头像裁剪实现——canvas+Jcrop+jQuery
封好的插件不用写html啦,直接new一个就好了<div id="test"></div><script>var test = document.getElementById("test");var clipBox = new clipBox(test,600,600,200,200);//插入插件的div,上传图区域宽,上传图区域高,预览区宽,预览区高...原创 2018-04-20 20:57:27 · 3614 阅读 · 1 评论 -
项目中配置Babel转码器的详细教程
简单说一下Babel吧Babel是一个ES6转码器,可以将ES6代码转为ES5代码此篇教程是在学习阮老师的《ES6标准入门》时,不是特别懂npm的学习总结比较适合没有用过npm的同学吧。在阮老师的教程上具体补充,通过以下几个步骤,即可在项目中直接安装Babel转码器,一行命令即可进行ES6转码第一步:创建package.jsonpackage.json 文件是一个描述文件,主要有以下3个作用:1....原创 2018-06-02 17:00:31 · 1234 阅读 · 1 评论 -
前端防XSS攻击——模板字面量(模板字符串)之模板标签的应用
一.简介模板字面量(即模板字符串,MDN已更新为"模板字面量"的说法,此文以后都用“模板字面量”)ES6中引入了模板字面量来代替传统JS的输出模板,直接看代码最清楚吧模板字面量:<div id="es6"></div><script>var es6 = document.querySelector('#es6');var es6words = '我是es6...原创 2018-06-17 09:55:36 · 1649 阅读 · 0 评论 -
js函数参数默认值设置
ES6中给出了函数的默认值设置,下面简单介绍几种设置默认参数的方法一.基本用法function first(x = 1, y = 2) { console.log("x:"+x ,"y:"+ y);}first();first(100);二.与解构赋值默认值结合function second({x, y = 2}) { console.log("x:"+x ,"y:"+ y)...原创 2018-06-17 12:54:29 · 50340 阅读 · 2 评论 -
Three.js 粒子系统动画与发光材质——利用HTML5画布绘制
用Three.js做了个字体的粒子系统动画,且`自定义性`极高,设置speedX=speedY=speedZ=1000的参数,截图如下:预览地址:https://joeoeoe.github.io/Jonithan-s-Three.js/works/particale/TextParticale/demo.html此文重讲思路,为方便解释,部分代码有做修改,此外因为部分代码太长,所以做...原创 2018-08-03 10:12:53 · 7962 阅读 · 0 评论