- 博客(20)
- 收藏
- 关注
RSS订阅原创 双击或者右键选中文本
<div id="text">双击或者右键选中文本</div> <script> const text = document.getElementById('text') // 鼠标右键 text.oncontextmenu = onSlectedText // 双击事件 text.ondblclick = onSlectedText function onSlectedText(e) { // 获取当前选中的文本 .
2021-06-08 10:30:22
321
原创 scratch-gui使用scratch-desktop打包成exe文件
1.将scratch-gui和scratch-desktop从git中clone下面：git clone https://github.com/LLK/scratch-gui.gitgit clone https://github.com/LLK/scratch-desktop.git2.先安排scratch-gui：进入scratch-gui项目：cd scratch-gui将git分...
2020-01-07 17:05:00
5254
4
原创 ES6语法（十三）module
在ES6之前，JS文件之间的导入、导出是需要借助require.js、sea.js。现在，可以使用import、export来实现原生JavaScript的导入、导出了。export1.导出变量或者常量export const name = 'hello'export let addr = 'Beijing'export var list = [1, 2, 3]或者const na...
2019-11-18 21:47:53
156
原创 ES6语法（十二）Iterator
Iterable处理集合中的每个项是很常见的操作。JavaScript提供了许多迭代集合的方法，从简单的for循环到map()和filter()。迭代器和生成器将迭代的概念直接带入核心语言，并提供了一种机制来自定义for…of循环的行为。如果对MDN这个描述理解不是很到位的话，可以看接下来这个示例：let authors = { allAuthors: { fiction: ...
2019-11-18 20:55:48
189
原创 ES6语法（十一）Generator
Generator什么是JavaScript Generator呢？通俗的讲Generators是可以用来控制迭代器的函数。它们可以暂停，然后在任何时候恢复。1.常规循环for(let i = 0; i< 5; i++){ console.log(i) // 0,1,2,3,4}2.利用Generatorfunction * generatorForLoop(){...
2019-11-17 22:06:16
165
原创 ES6语法（十）Proxy
Proxy在ES6标准中新增了一个功能Proxy，他可以自定义一些常用行为，如:查找、枚举、函数调用等。通过Proxy这个名称也可以看出来它包含了‘代理’的含义，只要有‘代理’的诉求都可以考虑使用Proxy来实现。Basic Syntax语法：let p = new Proxy(target, handler)解释：参数含义target用Proxy包装的目标...
2019-11-17 16:28:07
371
原创 ES6语法（九）Reflect
ReflectReflect是一个内置的对象，它提供拦截JavaScript操作的方法，这些方法与处理器对象的方法相同。Reflect不是一个函数对象，因此它是不可构造的。与大多数全局变量不同，Reflect没有构造函数。不能将其与一个new运算符一起使用，或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的（就像Math对象）Reflecr.apply...
2019-11-17 09:52:21
400
3
原创 ES6语法（八）Promise
PromisecallbackJavascript中的许多操作都是异步的，比如想加载一个脚本资源，可以把这个操作封装在一个loadScript(src)函数中：这个函数的作用加载一个新的脚本。当使用函数是异步调用的，因为操作不是此刻（加载脚本）完成的，而是之后。调用初始化脚本加载，然后继续执行。当脚本正在被加载时，下面的代码可能已经完成了执行，如果加载需要时间，那么同一时间，其他脚本可...
2019-11-13 22:07:12
293
原创 ES6语法（七）解构赋值
1.解构赋值在ES6中新增了变量赋值的方式：解构赋值。想从数组中找出有意义的项在ES6中可以这样写：let [firstName, surname] = ['Ilya', 'Kantor']console.log(firstName)console.log(surname)解构赋值重点是在赋值，赋值的元素是要拷贝出来赋值给变量，赋值的元素本身不会被改变。在解构赋值里面用的最多的就是O...
2019-11-11 21:35:12
168
原创 ES6语法（六）模板字符串
1.模板字符串在ES6之前对字符串的处理是相当麻烦的1.字符串很长要换行字符串很长包括几种情形：开发时输入的文本内容、接口数据返回的文本内容。如果对换行符处理不当，就会带来异常。2.字符串中有变量或者表达式如果字符串不是静态内容，往往是需要加载变量或者表达式，这个也是很常见的需求。之前的做法是字符串拼接：var a = 20;var b = 10;var c = 'JavaSc...
2019-11-10 18:22:34
409
原创 ES6语法（五）Object
1.Object在ES6之前Object的属性必须是key-value形式,如下：var x = 0, y = 0;obj = { x: x, y: y }在ES6之后是可以用简单的形式来表达：var x = 0, y = 0;obj = { x, y }在ES6之前Object的key在定义时必须是字符串，如果想增加“动态”的key，必须是先计算的key，利用object[ke...
2019-11-10 16:41:19
964
原创 ES6语法（四）函数
1.函数参数的默认值ES5中函数参数的默认值的处理function f(x, y, z) { if (y === undefined) { y = 7; } if (z === undefined) { z = 8; } return x + y + z;}console.log(f(1))如果没有值，会被解析为undefined如果想让具体...
2019-11-06 22:08:34
136
原创 ES6语法（三）
1.ES5与ES6声明类比较ES5中声明一个类let Animal = function(type){ this.type = type}Animal.prototype.eat = function(){ console.log("eat eat eat")}let cat = new Animal("cat")let dog = new Animal("dog")...
2019-11-04 22:19:12
113
原创 ES6语法（二）
1.ES5中的遍历方法for循环var arr=[1,2,3,4]for (var i = 0; i < arr.length; i++) { console.log(arr[i])}forEacharr.forEach(function (item) { console.log(item)})注意：在forEach中不能使用break和continue...
2019-11-03 21:16:46
155
原创 ES6语法（一）
1.全局变量和window属性var abc = 1234;abcd = 2345;上面这两行代码，其中第一行定义的是全局变量、第二行是挂载在window上的一个属性。window上的属性可以使用delete删除而全局变量不能使用delete删除。在函数内部不定义变量直接使用的话，该变量也是挂载在window上的一个属性。可以全局访问。function test() { ab =...
2019-11-03 16:37:18
219
原创 使用CSS3实现三级菜单
一：效果二：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-11-02 21:27:22
296
原创 前端页面三级目录实现
一：先看效果：二：代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
2019-11-02 20:30:02
2324
原创 前端菜单变换（一）
先看效果当鼠标经过菜单时：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-11-02 19:59:13
158
原创 前端下拉菜单的三种实现方法
第一种方式：（CSS实现）<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> ...
2019-11-02 17:30:04
9433
原创 ant Design pro项目出现错误：Minified React error #31
ant Design pro项目出现错误：Minified React error #31错误截图搞了一上午，网上各种找原因，都没找到，最后自己排查发现原因是：（我这里是这样的）发起数据请求的参数和接收数据的参数一样了，导致这样的。解决方法：将这两个参数改成不一样就解决问题了。...
2019-10-22 13:58:26
6060
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人