![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
晓秒四下
生而为匠,不辜负,不枉负~
展开
-
js原生 事件委托 拖拽功能
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 上述3个.原创 2020-12-23 13:42:11 · 301 阅读 · 0 评论 -
聊聊前端的冷门小知识 - 李游Leo公开课(2020-4-8 和 2020-4-10) 笔记
冷门小知识 01div 的伪类 后面用一个 : 和用两个:: 效果相同。 <style type="text/css"> div{ width: 100px; height: 100px; background-color: black; position: relativ.原创 2020-05-31 22:05:21 · 604 阅读 · 0 评论 -
【LeetCode】【esay】【07】整数反转
var common = function(x){ let cntN = (x + '').length; let rs = 0; for(let i = (cntN-1),j=0 ; i >-1;i--,j++){ let temp = Math.floor(x/Math.pow(10,i)); x = x - temp*Math.pow(10,i); rs += temp*Math.pow(10,j); }.原创 2020-05-17 17:00:46 · 122 阅读 · 7 评论 -
【书 JS语言精粹】第4章 函数
所有的过失在未犯以前,都已定下应处的惩罚。 莎士比亚所有的选择在未抉择以前,都已定下他未来的筹码。 该佚名js设计最出色的就是函数设计。函数用于指定对象的行为。一般来说,所谓编程。。。就是将一组需求 分解为 ① 一组函数 ② 数据结构函数对象(function objects)(对象------属性名/属性值得集合,且拥有连接到原型对象的隐藏链接。) · 对象字面量 连接到 Object.prototype · 函数字面量 连接到 Function...原创 2020-05-17 15:39:38 · 254 阅读 · 4 评论 -
【练习】分享几个 js demo 小片段 希望各位喜欢
demo 1var FACTORY = function(){ this.a = 'a'; this.b = 'b'; this.c = { a:'a+', b:()=>this.a }}console.log(new FACTORY().c.b());运行结果 为 ademo 2var a;if(a){ let a = 20;}else{ let a = 30;}console.log(a);运行结果为 : undefined...原创 2020-05-14 23:06:18 · 221 阅读 · 4 评论 -
【书 JS语言精粹】第3章 对象
对于丑陋的事务,爱会闭目无视。原创 2020-05-14 16:36:12 · 159 阅读 · 1 评论 -
【母亲节】码农学习爱心飘落~
参考帖子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style type="text/css"&...原创 2020-05-10 12:54:45 · 800 阅读 · 0 评论 -
【不知道对不对】js函数 调来调去
function foo(a,b){ console.log(b); return{ foo:function(c){ return foo(c,a); } }}var func1=foo(0); // a=0,但因为b没有被赋值,所以undefinedfunc1.foo(1); // foo(a,b).foo // => function(c) // => return foo(c,a) // => foo(a,b) // =>.原创 2020-05-08 23:28:14 · 306 阅读 · 8 评论 -
【书 JS语言精粹】第2章 语法
我很熟悉他,早在文法书上念过了~ 莎士比亚铁路图。。。。。。不明觉厉!!!空白 Whitespace 标识符 Names 数字 Numbers => 同java 里面的double 类型 (64位的浮点数)[ NaN 不能正常结果的值 isNaN来检测 ] [ Infinity 表示所有大于1.7976313486231570e+308的值 跟个电话号码似的] [ 关于数...原创 2020-05-08 16:37:44 · 158 阅读 · 4 评论 -
【注意】js 里面 removeChild 使用的坑
这有坑啊,使用removeChild 循环删除 子元素们的时候 是【0】而不是【i】这是因为 你每次删完一个 子元素们的 下标就会发生改变比如 allSpan【0】 allSpan【1】removeChild(allSpan【0】) 以后 ,allSpan【1】 就不再是allSpan【1】了,而变成了allSpan【0】;所以需要删除allSpan【0】 N次就好了。...原创 2020-05-06 22:57:47 · 1314 阅读 · 1 评论 -
【作业】闭包及回收机制,生命周期
【闭包】c是a的局部变量,a中的函数b使用了c,就叫做闭包。【回收机制】回收了~!~!~!【生命周期】但如果是 window.k 就会因为 k 一直 随着window 一直活着,f 啊 b 啊 就都跟着一直活着。定时器 function 那个地方 ,不用每次写个匿名函数,里面调用函数,可以直接写一个 函数变量 是可以的。红框的地方,...原创 2020-05-05 21:54:28 · 296 阅读 · 0 评论 -
【目录】【视频课 李游Leo】javascript_demo 集合篇 制作中ing
HTML+CSS小练习-风筝效果小练习 - 布局基础练习 - 色块布局小练习 - 布局基础练习 - 色块高级布局练习 - 布局练习 - 登陆页面制作练习 - 布局练习 - 百度页面制作 - 头部练习 - 布局练习 - 百度页面制作 - 输入框部分练习 - 布局练习 - 百度页面制作 - 尾部练习 - 布局练习 - 百度糯米 - 头部制作练习 - 布局练习 - 百度糯米 - 输...原创 2020-04-16 06:16:24 · 272 阅读 · 0 评论 -
【作业】DOM对象
可以不用挨个儿style属性的去设定,可以使用cssText 写一坨 ,一起设定。浏览器大小发生改变【作业】【我的作业】第二题 不会啊MDS 帮助文档浏览器窗口的那两个属性,是只读的???不知道怎么设置,卡在这了!!!我只能写出来一个 画面上的 div 在抖动 !!! 汗~~~<!DOCTYPE html><htm...原创 2020-05-05 20:33:46 · 229 阅读 · 1 评论 -
【作业】JS 数据类型
我实现的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-05-04 23:25:28 · 190 阅读 · 4 评论 -
【作业】window 对象
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-05-03 22:59:06 · 154 阅读 · 1 评论 -
【作业】变量提升
作业不唯一的答案函数的变量提升原创 2020-05-02 14:11:51 · 178 阅读 · 0 评论 -
【书 JS语言精粹】第1章 精华
要是有所得罪请原谅。本是出自一番好意,只是想显点粗浅技艺,那才是我们的初衷。(莎士比亚《仲夏夜之梦》)我不过略有一些讨人喜欢的地方而已,怎么会有什么迷人的魔力? (莎士比亚)JS是第一个成为主流的Lambda语言(lambda演算是一套用于研究函数定义,函数应用和递归的形式系统,她对函数式编程有着巨大的影响。)JS有非常强大的对象字面表示法,这种表达法是JSON...原创 2020-04-30 23:43:52 · 140 阅读 · 0 评论 -
【demo】js_group化数组
<script type="text/javascript"> let chuck = function (array,groupSize){ let[startIndex,endIndex,result] = [null,null,[]]; let length = array.length; ...原创 2020-04-30 16:06:14 · 306 阅读 · 2 评论 -
【demo】虫眼镜的制作 制作 完了 finish
参考资料margin autooverflow:hidden不行了 太困了原创 2020-04-22 01:07:15 · 432 阅读 · 4 评论 -
【问题】关于 同名变量 函数提升问题
问题 是这个 样纸的谷歌浏览器 运行结果 如下据说 不同浏览器 执行结果 不同 ,不过 我还没去试一下 !!!不过 我观察了一下 a 这个 对象是个哈a 一直是函数对象啊??????!!!!!!就是 输出结果 还是没太理解 !!!!!!...原创 2020-04-18 15:33:42 · 250 阅读 · 2 评论 -
【问题】js 之 await ~ 再探索
参考文档 (小白提供)(另 刚看历史喵 原来 历史上的曾经有个叫管仲的 也叫小白,而且是个扛把子哦!!!)另一个参考文档没有return的场合async function gen(){ await Promise.resolve(1) console.log('gne1') await Promise.resolve(1) console.log('gne2') aw...原创 2020-04-18 14:57:34 · 357 阅读 · 4 评论 -
【问题】js 之 await ~
let index = 0 async function gen(){ await Promise.resolve('gne1===') console.log('gne1===========================================' + index) await Promise.resolve('gne2===') console.log('gn...原创 2020-04-16 23:23:02 · 278 阅读 · 2 评论 -
js学习之面向对象(特别粗糙版,倒~)
类 原型 原型类比如:window对象string对象 substring / indexofnumber对象 tostringfunction对象 call / bindarray对象 concat / joinarray number 可以通过 prototype 找到自己的原型链 strin...原创 2020-04-11 23:59:05 · 128 阅读 · 2 评论 -
选项卡的面向对象实现版
一个小问题啊 需要注意啊当前这个状态 class 内,hide 可是不能调用啊你要是写成了 this.hide 他这个this 可不是class tab 而是 你绑定事件的那个 button对象所以依旧是找不到 hide 这个方法的。解决办法以及面向对象其他测试代码段的完整版<!DOCTYPE html><html lang="en"&g...原创 2020-04-11 23:58:33 · 151 阅读 · 1 评论 -
js学习之ES6_call 和 bind
bind 不会调用自己你要想调用啊,还需要自己写个(),就可以啦!!!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi...原创 2020-04-08 23:17:09 · 183 阅读 · 1 评论 -
js学习之ES6_解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-08 01:18:13 · 127 阅读 · 1 评论 -
js学习之ES6入门基础篇_补充_Get和Set
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-06 23:07:47 · 163 阅读 · 1 评论 -
js学习之ES6入门基础篇_补充 生成器函数
生成器函数 格式function* 函数名(){}代码:运行结果:console.log(show().next());才是真正运行show函数的方式。生成器函数的使用,可以配合yield和next的配合,达到可以让函数无限次return的效果。整体代码如下,具体讲解请参考下相关代码附近的注释。另:附上之前的自动选择卡的讲解版的代码实现...原创 2020-04-06 21:59:29 · 156 阅读 · 0 评论 -
js学习之基础篇综合练习 自动选项卡(自己实现版)
写的不好啊,自己没看讲解,先自己实现了一版。总的原理就是 控制 三个div 的显示 || 不显示,以及三个相应按钮的颜色 普通色 || 高亮色。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" con...原创 2020-04-06 19:00:55 · 273 阅读 · 0 评论 -
【目录】【视频课 李游Leo】ES6 系列篇
ES6入门基础部分-ES6简介及字符串方法拓展 ES6入门基础部分-字符串模版、箭头函数、生成器函数 ES6入门基础部分-ES6选项卡做法及对象中的SET和GET js学习之ES6入门基础篇ES6系列-解构赋值、模式匹配、bind等部分 ES6系列-ES6面向对象继承、使用其封装Jquery原理等 ES6系列-ES6字符串模版深入、传參、方法拓展等 ES6系...原创 2020-04-06 00:53:03 · 230 阅读 · 0 评论 -
js学习之ES6入门基础篇
声明方式var \ let \ const【0】let 变量不允许重复声明,但可以重复赋值。【1】ES6以前,是函数集作用域,ES6以后开始出现了块级作用域。【2】var会造成循环操作以外的变量泄露,但let应该不会。【3】const是常量,不可以重新赋值。更不允许重复声明。示例代码<!DOCTYPE html><html lang="en...原创 2020-04-06 00:52:01 · 284 阅读 · 0 评论 -
js学习之 promise 练习ajax
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...原创 2020-04-02 05:04:54 · 169 阅读 · 0 评论 -
调包侠 之 webworker
参考文献晚上回家,实装一下。。。原创 2020-04-01 21:38:20 · 329 阅读 · 2 评论 -
js学习之 promise 练习demo 自动选项卡
关于 querySelectorAll 方法的解释利用标签模板来实现 自动选项卡的功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <!-- <meta name="viewport" content="width=a, initia...原创 2020-03-29 00:22:44 · 297 阅读 · 1 评论 -
js学习 之 promise (笔记粗糙版)
对应代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...原创 2020-03-28 19:26:15 · 195 阅读 · 0 评论 -
js初级学习之拖拽功能 复数个且变色
<body> <div class="div1"></div> <div class="div1"></div> <div class="div1"></div> <div class="div1"></div> <div class="div...原创 2020-01-03 22:22:31 · 136 阅读 · 2 评论 -
js初级学习之拖拽功能 明天写分析
div1.onmousedown = function(){ var l = event.clientX - div1.offsetLeft; var t = event.clientY - div1.offsetTop; document.onmousemove = function(){ ...原创 2020-01-01 22:03:09 · 126 阅读 · 0 评论 -
动画效果浏览相册中的图片
/** * Created by chenjing on 2015/12/01. */$(function () { var curIndex = -1; var intImgL = '0px'; var intImgT = '0px'; $('.p_Lst').each(function (index) { var $this = $(thi原创 2015-12-03 15:49:25 · 433 阅读 · 0 评论