- 博客(19)
- 收藏
- 关注
RSS订阅原创 易操作的原生JS选项卡的制作
这里使用原生JS实现简易的选项卡，下一篇用JQuery实现简易的选型卡，大家可以感觉哪个更好用。HTML代码如下：<div class="box"> <ul><li class="active">新闻</li><li>招聘</li><li>广告</li></ul> &...
2020-03-23 09:13:57
205
原创 原生JS实现—简单好玩的网页贪吃蛇小游戏
小时候大家应该都玩过贪吃蛇游戏，而且玩的不亦乐乎。现在在这里呢，我们就来实现一个用纯JS实现的网页贪吃蛇小游戏，还有详细解释哦！废话不多说，直接来看JS代码吧。class Map{ constructor(){ // 提前设定将来的地图的样式数据 this.w = 800; this.h = 400; this.c =...
2020-03-21 20:29:20
347
原创 一篇文章让你快速了解JS与JQuery的区别
JS与JQuery的本质上的区别js是一种脚本语言，常用于网页客户端编程，使网页在客户端浏览器中，实现更多地动态功能，表现出更加丰富的视觉效果。jquery是一个快速、简洁的JavaScript框架，极大的简化了javascript编程。jquery与js最直观的区别就是外观上jQuery对象比js对象多了"$()"JS与JQuery的操作上的区别1.入口函数不同 js：wind...
2020-03-21 11:45:55
588
原创 浅谈js中的原型及原型链
要想明白js中原型以及原型链是什么，就需要先搞明白对象和函数的关系Object和Function的关系Object和Function都作为JS的自带函数，Object继承自己，Funtion继承自己，Object和Function互相是继承对方，也就是说Object和Function都既是函数也是对象。console.log(Function instanceof Object); //...
2020-03-21 09:30:39
1040
原创 JavaScript中ES6语法新增的Map数据结构的详细介绍
ES6语法新增的Map数据结构数据是具体的东西，类型是个范围，结构（集合）是数据的不同的组合方式。ES6提供了”值-值“对的数据结构，键名不仅可以是字符串，也可以是对象。它是一个更完善的Hash结构Map的创建Map作为一个函数，接收的参数内容可以是数组，而且是二维数组，而且第二维数组只能有两个数据，如果有多个，不解析。var m1 = new Map( [ ["hel","worl...
2020-03-19 13:12:50
244
原创 JavaScript中ES6语法新增的Set数据结构
数据是具体的东西，类型是个范围，结构（集合）是数据的不同的组合方式 。ES6提供了”值-值“对的数据结构，键名不仅可以是字符串，也可以是对象。它是一个更完善的Hash结构Set的创建Set作为一个函数，接收的参数内容只能为数组。var s = new Set(); //方式一var s = new Set(["hello",3,4,5,4,3,2,"world"]); //方式二...
2020-03-19 09:34:34
160
原创 JS中用继承实现页面中的拖拽效果
实现效果叙述页面中实现拖拽效果，为了要使两个元素实现不同的效果，一个有边界限定，一个没有边界限定。所以要在继承父元素的基础上添加自己的方法。HTML代码如下：<div id="box1"></div><div id="box2"></div>CSS代码如下：div{width: 100px;height: 100px;position:...
2020-03-17 14:18:06
252
原创 JS中简单易懂的闭包，你学会了么？
闭包的概念 利用作用域的嵌套，触发了计算机的垃圾回收机制，将原本的局部变量进化成私有变化的环境 。闭包的特点解决掉所有的全局变量，节省内存空间；相对于局部变量来说，浪费了内存 ；将局部变量进化成私有变量，在外部可以修改内部的值闭包形成的三要素在函数A内部有函数B，并返回了函数B 。函数B使用了函数A的局部变量 。执行函数A时，保存函数B，单独执行函数B 。闭包的应用场...
2020-03-17 13:39:31
199
原创 JS--回调地狱及解决方法
回调地狱 前端的ajax和jsonp内部充斥着大量的异步，为了能够拿到异步的数据，使用了大量的回调函数，来获取将来异步执行成功之后的数据。如果请求不多时还好，一旦请求的数量达到一定程度，并且复杂度提升以后，会造成一些问题，这就是回调地狱。例如：开启三个异步的程序，要求能同时拿到所有异步的结果//开启三个异步的程序，要求能同时拿到所有异步的结果，下边就是用回调地狱方式解决的例子 ajax(...
2020-03-14 22:14:38
1430
1
原创 JS跨域请求及解决方案
跨域请求的概念 当前发起请求的域与该请求指向的资源所在的域不一样。这里的域指的是这样的一个概念：我们认为当协议 + 域名 + 端口号均相同，那么就是同源。 而当协议 + 域名 + 端口任意一个不相同时，那么这个请求就当作是不同的域 。也就是跨域请求。 例如我们所在的地址为http://localhost/ajax向http://127.0.0.1发送一个Ajax 请求，因为当前的域名不同...
2020-03-12 21:54:25
454
原创 最通俗易懂的JS中事件绑定的方式的讲解
JS中事件绑定的方式事件绑定的方式主要有三种：内联式绑定、外联式绑定、事件监听式绑定。内联式绑定行内绑定也叫行内绑定，就是在标签内直接写事件。在内联式绑定中其this并不是指向当前正在操作的dom对象 ，而是指向window。语法：<标签 属性 事件=”事件的处理函数” ></标签>**缺点：**无法实现行为结构分离，不利于维护。<body> &l...
2020-03-11 15:42:23
459
原创 简单的瀑布流效果的实现—纯CSS和原生JS两种方式
纯CSS实现瀑布流纯css实现瀑布流是利用多列实现，缺点是没有行为控制，只能多次添加图片并且不能实现选择性的查找位置插入图片。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>picture</title> <style type="text...
2020-03-10 13:13:14
368
原创 CSS中常见的bug问题，你应该这样解决
margin无效(IE5及以下)最外层div在IE浏览器中水平居中，设置margin: 0 auto;无效；- hack: body中还需要添加text-align: center;图片间隙div中的图片间隙(该bug出现在IE6以及更低版本中)，在div中插入图片时，图片会将div下方撑大3个像素;- hack1: 将 </div>和 <img> 写在同一行;...
2020-03-08 17:44:46
523
原创 一篇文章快速搞懂JS中var、let、const的异同之处
var、let、const的异同之处在ES6中新增的两个声明关键字let、const，它们和var一样都是用来声明的。let和var两个声明关键字非常的相似 ，但是实际上他们之间有明显的不同 。而const和let非常相似。但是又有一个明显的不同点，下边我们就看一下它们之间的区别与联系吧：一、var和let的异同在写法方面：//在写法上，两者是相同的 var a = 10; conso...
2020-03-08 00:11:55
569
原创 CSS中常用的选择器
属性选择器E[att] {} : 选择具有att属性的E元素。 E[att="val"] {} : 选择具有att属性且属性值等于val的E元素。 E[att~="val"] {}:用于选取属性值中包含指定单词的元素，不是词汇但是有此字符串的也不行。E[att|="val"] {}:选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素，如果属性值仅为val，也将被选...
2020-03-05 20:56:31
287
原创 JS中各种尺寸的用法大全
**JS中各种尺寸的获取** 页面上的尺寸获取clientWidth/clientHeight——视口大小：可见区域的宽度或高度，不包括border、水平滚动条、margin的元素的宽度或高度，只包括元素的内容区域和padding值。offsetWidth/offsetHeight——视觉大小：看得见的大小，不包括margin的元素的宽度或高度，只包括padding、bord...
2020-03-05 18:55:07
2428
原创 原生JS实现烟花炸开为圆形的效果【附源码及运动的封装】
用JS实现烟花炸开主要的过程包括首先要知道烟花就是一个实例，所以实例包括两个：主体烟花实例和炸开的小烟花实例主体烟花实例需要创建元素，设置默认位置，颜色。当运动到点击的位置的时候删除主体烟花并且创建小烟花。炸开的小烟花实例需要创建，设置位置，颜色，并计算应该运动到哪，个位置删除。下边就是实现的代码：css样式如下：/*css样式部分*/#container{ width: ...
2020-03-04 23:44:07
637
原创 JS中的this问题
this的定义 默认情况下，this就是当前函数的执行对象，this永远跟着当前函数走，this的指向在函数定义的时候是确定不了的，永远在执行时才能确定指向 。this的指向一般包括默认绑定，没有被明确隶属对象执行的函数的this，在非严格模式下指向window ，在严格模式下指向undefined//例1：//没有明确隶属对象的函数，被直接执行，一般都是window（默认绑定th...
2020-03-03 23:14:53
222
原创 javascript函数作用域
JavaScript作用域作用域的概念：一段程序代码中所用到的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。总的来说，作用域是可访变量的集合。作用域包括：全局作用域和局部作用域。变量(函数)包括：全局变量(函数)和局部变量(函数)。但是全局变量相比局部变量在工作中时，用的会要少一些。1.1 全局作用域全局作用域：指网页中都是有效的，不属于任何一个函数的区...
2020-02-23 15:58:25
333
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人