JS模块化编程以及AMD、CMD规范、Webpack 先想一想,为什么模块很重要? 随着网站功能逐渐丰富,网页中的js也变得越来越复杂和臃肿,原有通过script标签来导入一个个的js文件这种方式已经不能满足现在互联网开发模式,我们需要团队协作、模块复用、单元测试等等一系列复杂的需求。 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的 JS笔记 友人a丶 2021-09-20 1042 热度 0评论
记录一些以前没见过的JS语法 《ES6标准入门 第3版 .pdf》看了一遍,时间长了没怎么用,也没记住多少,嗯,那只好在实践中学习。 1. js中函数的两种命名方式,即表达式和声明式。 :函数的声明式写法为:function foo(){/*...*/},这种写法会导致函数提升,所有function关键字都会被解释器优先编译,不管是声明在什么位置,都可以调用它,但是它本身不会被执行,定义只是让解释器知道其存在,只有在被调用的时 JS笔记 友人a丶 2021-09-18 1025 热度 0评论
JS浏览器环境下各种实用API记录 常见的不做记录,在这记录自己以前没见过的。 Clipboard API 是下一代的剪贴板操作方法,比传统的document.execCommand()方法更强大、更合理。 它的所有操作都是异步的,返回 Promise 对象,不会造成页面卡顿。而且,它可以将任意内容(比如图片)放入剪贴板。 const clipboardObj = navigator.clipboard; /*返回 Clipboar JS笔记 友人a丶 2021-09-18 1084 热度 0评论
Ajax文件上传时:Formdata、File、Blob的关系 “Formdata”接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去。 实现了 FormData 接口的对象可以直接在for...of(遍历属性值,for...in 则是遍历属性名)结构中使用,而不需要调用entries()返回可迭代对象(iterator) : for (var p of myFo JS笔记 友人a丶 2021-09-17 1112 热度 0评论
Chrome浏览器禁用JS、Devtools工具使用的方法记录 1. 为什么要禁用? 有些网站实在是不友好,禁止F12,禁止右键。。。等等很多情况,我们只能禁用JS了,任它JS再厉害,也只能乖乖趴下。 设置-> 高级->隐私设置和安全性->网站设置->Javascript,添加禁用网址即可。 本来想自己写的,发现了一篇很好的文章,那就这样吧 大门:https://github.com/CompileYouth/front-end-st 前端笔记 友人a丶 2021-09-16 1045 热度 0评论
当鼠标按下时拖动元素,简单的JS实现 监听需要移动元素的键盘按下、松开事件和文档对象的鼠标移动事件, 通过一个布尔值作为是否移动的标志,按下时为TRUE,代表跟随移动,鼠标松开为FALSE,代表不跟随移动,鼠标移动时改变元素偏移量。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name=" JS笔记 友人a丶 2021-07-28 1072 热度 0评论