JS学习笔记,持续记录

回调函数内的this指向了dom对象本身,注意JQ的内存问题,删除dom时自定义的事件会继续存在。 $(".select li").click(function (event){ $(".select li").removeClass("current"); $(event.target).addClass("current"); }) $(".btn").click(function(e){ /
JS学习笔记,持续记录

JS模块化编程以及AMD、CMD规范、Webpack

先想一想,为什么模块很重要? 随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的
JS模块化编程以及AMD、CMD规范、Webpack

记录一些以前没见过的JS语法

《ES6标准入门 第3版 .pdf》看了一遍,时间长了没怎么用,也没记住多少,嗯,那只好在实践中学习。 1. js中函数的两种命名方式,即表达式和声明式。 :函数的声明式写法为:function foo(){/*...*/},这种写法会导致函数提升,所有function关键字都会被解释器优先编译,不管是声明在什么位置,都可以调用它,但是它本身不会被执行,定义只是让解释器知道其存在,只有在被调用的时
记录一些以前没见过的JS语法

JS浏览器环境下各种实用API记录

常见的不做记录,在这记录自己以前没见过的。 Clipboard API 是下一代的剪贴板操作方法,比传统的document.execCommand()方法更强大、更合理。 它的所有操作都是异步的,返回 Promise 对象,不会造成页面卡顿。而且,它可以将任意内容(比如图片)放入剪贴板。 const clipboardObj = navigator.clipboard; /*返回 Clipboar
JS浏览器环境下各种实用API记录

Chrome浏览器禁用JS、Devtools工具使用的方法记录

1.  为什么要禁用? 有些网站实在是不友好,禁止F12,禁止右键。。。等等很多情况,我们只能禁用JS了,任它JS再厉害,也只能乖乖趴下。 设置-> 高级->隐私设置和安全性->网站设置->Javascript,添加禁用网址即可。 本来想自己写的,发现了一篇很好的文章,那就这样吧 大门:https://github.com/CompileYouth/front-end-st
Chrome浏览器禁用JS、Devtools工具使用的方法记录

当鼠标按下时拖动元素,简单的JS实现

监听需要移动元素的键盘按下、松开事件和文档对象的鼠标移动事件, 通过一个布尔值作为是否移动的标志,按下时为TRUE,代表跟随移动,鼠标松开为FALSE,代表不跟随移动,鼠标移动时改变元素偏移量。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="
当鼠标按下时拖动元素,简单的JS实现

【PDF分享】阮一峰 JavaScript 中文教程 .pdf

《JavaScript 中文教程》主要介绍 JavaScript 核心语法和浏览器网页开发的基本知识,不涉及 Node。全书可以分成以 下四大部分。 1、基本语法 2、标准库 3、浏览器API 4、DOM 本教程全面介绍 JavaScript 核心语法,覆盖了 ES5 和 DOM 规范的所有内容。 内容上从最简单的讲起,循序渐进、由浅入深,力求清晰易懂。所有章节都带有大量的代码实例,便于理解和模仿
【PDF分享】阮一峰 JavaScript 中文教程 .pdf