- 博客(33)
- 收藏
- 关注
RSS订阅原创 typeof，instanceof，constructor
这三者都可以用来判断一个对象的类型let now = new Date()now instanceof Date // 输出: truenow.constructor == Date // 输出: truetypeof 'hello' // 输出: stringtypeof('hello') // 高版本的 js 支持这种写法。输出: stringtypeof 返回一个对象的类型的名...
2020-03-27 10:53:07
151
原创 es6扩展运算符
…代表着扩展运算符或Rest(剩余)运算符console.log(...[1, 2, 3]) console.log(1, ...[2, 3, 4], 5) 使用push将一个数组添加到另一个数组的尾部// ES5 写法 var arr1 = [1, 2, 3]; var arr2 = [4, 5, 6]; Array.prototype.push.apply(arr...
2020-03-20 17:05:55
106
原创 js reduce方法
JavaScript reduce() 方法对数组中的每个元素执行一个升序执行的 reducer 函数，并将结果汇总为单个返回值那么他又那些参数呢一、第一个参数：reducer 函数其中，reducer 函数又有四个参数：1.Accumulator (acc) (累计器)2.Current Value (cur) (当前值)3.Current Index (idx) (当前索引)4....
2020-03-20 09:45:05
290
原创 静态方法
静态方法class MyClass { constructor() {} set(key, value) {} get(key) {}}//静态方法而且，在ES6中新增了static关键字来修饰静态方法，例如：class MyClass { constructor() {} set(key, value) {} get(key) {} ...
2020-03-14 08:52:57
109
原创 es6预习
ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中，分别用let和var声明了两个变量。然后在代码块之外调用这两个变量，结果let声明的变量报错，var声明...
2020-03-10 18:14:00
129
原创 touchmove滑动菜单
首先我们先把基础样式做出来 <style type="text/css"> *{ padding: 0; margin:0; } .container{ width: 100%; height: 200px; position: relative; overflow: hidden; } ...
2020-01-14 15:27:30
198
原创 轮播图
首先写个容器，设置其大小以及背景图片的大小代码如下//css.wrapper{ width: 400px; height: 700px; margin: auto 20px; background-size: 100% 100%; background-repeat: no-repeat; } //html <div class="wrapper...
2020-01-13 20:15:56
112
原创 根据屏幕大小自适应根字体大小
首先获取根节点 var html = doc.getElementsByTagName("html")[0],(orientationchange->手机屏幕转屏事件)(resize->页面大小改变事件)编写一个函数让根节点字体大小根据屏幕大小自适应首先获取文档宽度var clientW = doc.documentElement.clientWid...
2020-01-13 17:28:44
1801
原创 js this
this 关键字是 JavaScript 中最复杂的机制之一。 它是一个很特别的关键字， 被自动定义在所有函数的作用域中。function identify() {return this.name.toUpperCase();}function speak() {var greeting = "Hello, 我是" + identify.call( this );console.log...
2020-01-09 20:25:46
69
原创 js中constructor指向问题
首先用一个例子指出来constructor存在形式。function Fruit(){ }var f=new Fruit();console.log(f.constructor);//打印出Fruit()由上面的代码我们总结出结论1：上面的代码在控制台可以看出constructor是指向构造器Fruit的引用。function Fruit(){ this.name=“火龙果”}//va...
2019-12-27 20:49:44
965
原创 tab切换效果
获取所有的li标签第一件事：把这个a所在的所以兄弟元素的类样式全部移除 (removeAttributes)第二件事：当前点击的a父级元素li (点击这个a所在的所在元素li)，设置背景颜色 (this.parentNode.className)<!DOCTYPE html><html lang="en"><head> <meta cha...
2019-12-27 19:41:45
78
原创 pagex等
pageX pageY:鼠标指针的位置，相对于文档开头左上角的位置。offsetX offsetY:鼠标相对于事件源元素左上角的x,y坐标clientX clientY：鼠标指针相对与游览器窗口可视区左上角的位置screenX screenY 鼠标指针相对于显示器左上角的位置onmouseover 属性在鼠标指针移动到元素上时触发。onmouseout 属性在鼠标指针移动到元素外时触...
2019-12-26 20:26:59
444
原创 闭包和currying
闭包：在计算机科学中，闭包，又称词法闭包或函数闭包，是引用了自由变量的函数。这个被引用的自由变量将和这个函数一同存在，即使已经离开了创造它的环境也不例外。所以，有另一种说法认为闭包是由函数和与其相关的引用环境组合而成的实体。闭包在运行时可以有多个实例，不同的引用环境和相同的函数组合可以产生不同的实例。（引用维基百科）闭包形式就是函数内嵌套函数，体现在一个内函数可以使用另一个外函数内的变量传统的...
2019-12-26 18:31:09
66
原创 js函数柯里化
先看一道题题目描述实现函数 functionFunction，调用之后满足如下条件：1、返回值为一个函数 f2、调用返回的函数 f，返回值为按照调用顺序的参数拼接，拼接字符为英文逗号加一个空格，即 ', ’3、所有函数的参数数量为 1，且均为 String 类型示例1输入functionFunction(‘Hello’)(‘world’)输出Hello, world func...
2019-12-26 18:18:24
116
原创 js中==和===区别以及关于闭包
1.“官方”的解释：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函 数），因而这些变量也是该表达式的一部分。 在 Scala、Scheme、Common Lisp、Smalltalk、Groovy、 JavaScript、Ruby、 Python、Go、Lua、objective c、swift 以及Java（Java8及以上）等语言中都能找到对闭包不同 程度的支...
2019-12-14 14:41:10
79
原创 浏览器渲染过程以及前端seo优化
浏览器渲染过程解析HTML，得到一个DOM tree解析CSS，得到CSSOM tree将两者整合成渲染数，render tree布局（layout）， 根据Render Tree计算每个节点的位置大小等信息 （在草稿本上画了个草图）绘制（Painting ）根据计算好的信息绘制整个页面扩充：1、2、3非常快，但是4和5比较耗时，有三个术语：“重排” 和 “回流” 指的是重新执行步...
2019-12-14 12:31:30
211
原创 学习使用git
Git简介：分布式的版本管理工具Git中常见的命令pwd 查看当前的目录cd 切换目录ls 列出当面目录中的内容ls -a 显示隐藏的文件ls -l 列出文件的详细信息ls -al（-la）mkdir 创建目录可以创建多个文件夹touch 创建文件可以创建多个文件cat 查看文件内容cat index.htmlless 查看文件le...
2019-12-07 14:51:25
134
原创 博客12.2.2
window对象常用方法弹窗window.alert() 消息框；弹窗会直接显示一段信息字段window.confirm() 确认框；弹窗显示text字段的同时给出确认和取消两个按钮，返回true和falsewindow.prompt() 提示框；弹窗显示字段和一个输入框，并返回输入框内容 ...
2019-12-02 19:50:43
86
原创 博客12.2
callcall 的基本功能：call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。原型不涉及原型链的转移，不用管this本质上，call 就是 this 的转移返回值applyapply 和 call 区别，只有一些入参和性能上的区别。直接上代码：Function.prototype.myApply = function(context = ...
2019-12-02 19:42:13
78
原创 博客
函数的参数:形参:函数定义的时候,函数名字后面的小括号里的变量实参:函数调用的时候,函数名字后面的小括号里的变量或者值返回值:函数中有return，函数有返回值函数中没有return,函数没有返回值没有明确返回值:函数中没有return或者return后面没有任何内容如果一个函数没有明确的返回值,接收这个函数,结果是undefinedarguments----->可以获取函数...
2019-12-02 15:42:41
72
原创 自定义百里半同款checkbox框
首先利用clip: rect(0,0,0,0);position: absolute;这两句将原始的checkbox框样式去除。去除前去除后利用伪类样式添加自定义的初始checkbox框代码如下label{ float: left; } input[type=checkbox]+label::before{ content: ""; width: 14px;...
2019-11-23 11:08:53
173
原创 闭包
什么是闭包闭包是js开发惯用的技巧。闭包指的是：能够访问另一个函数作用域的变量的函数。闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。闭包有什么用闭包在JavaScript高级程序设计（第3版）中是这样描述：闭包是指有权访问另一个函数作用域中的变量的函数。那么闭包的作用也就很明显了。可以在函数的外部访问到函数内部的局部变量。让这些变量始终保存在内存中，不会随着函数的结...
2019-11-13 08:24:41
92
原创 js作用域链和预编译
什么是作用域链在讲作用域链之前，先说明一下作用域作用域分为全局作用域和函数作用域两种全局作用域：变量在函数外定义，即为全局变量，如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。 网页中所有脚本和函数均可使用。2.函数作用域：函数参数只在函数内起作用，是局部变量。作用域有‘父子’关系，‘父子’关系的确定就看函数是在哪个作用域下创建的。如下，f1作用域下创建了f2...
2019-11-11 21:00:38
141
原创 查阅资料了解闭包
一、 闭包的定义能访问其他函数内变量的函数，这种结构就是闭包二、闭包的用途1.读取函数内部的变量2.让这些变量的值始终保持在内存中（结果缓存）3.创建匿名自执行函数（避免全局变量的污染）三、闭包的弊端1.使用不当会很容易造成内存泄露2.常驻内存，增加内存使用量（以上资料来源网络）变量的生命周期全局变量活得和您的应用程序（窗口、网页）一样久。局部变量活得不长。它们在函数调用时...
2019-11-09 15:13:31
117
原创 查阅资料了解递归
什么是递归递归的定义在定义一个过程或函数时，出现直接或间接调用自己的成分，称之为递归。直接调用自己称为直接递归间接调用自己称为间接递归如果一个递归函数中调用递归语句是最后一条执行语句，则称这种递归调用为尾递归。尾递归算法：可以用循环语句转换为等价的非递归算法其他递归算法：可以通过栈转换为等价的非递归算法何时使用递归定义是递归数据结构是递归的问题的求解方法是递归的递归模型的构...
2019-11-09 14:00:19
160
原创 正则比表达式
了解正则表达式什么是正则表达式？正则表达式是构成搜索模式（search pattern）的字符序列。当您搜索文本中的数据时，您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符，或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。修饰符i执行对大小写不敏感的匹配修饰符g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。修饰符g执行多行匹配。表达式 ...
2019-11-02 16:05:48
99
原创 预习数组api
pop()pop():方法从数组中删除最后一个元素,代码举例var arr = [1,2,3,'orange','banana']; document.write("删除前" + arr + '<br>'); arr.pop(); document.write("删除后" + arr);pop():方法返回“被弹出”的值,代码举例var arr = [1,2,3...
2019-11-02 15:14:00
72
原创 jsfor循环打印金字塔
查找资料，学习jsfor循环打印金字塔查找资料，了解for循环for语句，也是一个循环语句，也称为for循环在for循环中，为我们提供了专门的位置来访三个表达式1.初始化表达式2.条件表达式3.更新表达式 for循环的语法： for(初始化表达式；条件表达式；更新表达式){ 语句... }...
2019-10-27 20:29:33
3101
原创 css实现图片翻转效果
如何实现图片翻转效果在网页中无意之间看到一个图片翻转的效果，于是在CSDN中查找资料，看看是如何完成翻转图片这个效果的。以下代码是看完资料初次尝试写出这个代码。.room{ width: 450px; height: 300px; } .room .img1{ width: 100%; height: 100%; } .room:hover .img1...
2019-10-26 16:27:56
1734
原创 仿做淘宝购物车页面
步骤及代码如下第一步创建一个class为warpper的最大的容器第二步做出最顶部搜索及标题行class为header-tittle<div class="header-tittle"> <div class="header-tittle-left"> <a href="#"></a> </div> ...
2019-10-20 13:44:33
1168
原创 看别人文章学自定义radio样式遇到的问题及解决办法
在做东湖大数据大数据众包的一个页面是遇到了一个地方需要自定义radio按钮，于是我在CSDN搜索相关文章，恰巧就搜到了一篇教自定义radio得1文章，然后我开是仿照他的代码打。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> ...
2019-10-19 14:19:47
214
原创 究极小白的第二篇csdn博客
用div画房子图第一步将浏览器默认的margin和padding清除掉以及弄个黑夜背景，样式代码如下：*{ margin: 0; padding: 0; } .main{ margin: auto; width: 1400px; height: 900px; background-color: black; }第二步画一个月...
2019-10-13 10:51:25
100
原创 究极小白的第一篇csdn博客
模仿暴雪游戏登录界面首先去掉默认的margin和pading和下划线，代码如下：*{text-decoration: none;margin: 0;padding: 0;}第二步加上背景，代码如下：body{background-image: url(img/login-background.jpg);background-size: cover;}第三步设置一个div将c...
2019-10-11 18:44:29
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人