JS
文章平均质量分 70
莓莓儿~
这个作者很懒,什么都没留下…
展开
-
onbeforeunload
定义onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。onbeforeunload事件在onunload事件之前触发。调用方式MDN官方示例:window.addEventListener(‘beforeunload’, function (e) {// Cancel the evente.preventDefault();// Chrome requires returnValue to be set原创 2021-08-26 19:53:44 · 1568 阅读 · 0 评论 -
ajax的请求接口的方式 get 和post
原创 2019-06-17 11:27:05 · 1050 阅读 · 0 评论 -
JS中的ajax
AJAX传统的web交换缺点:1.流量损失 2.浪费时间和带宽AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。概念: ajax使网页异步刷新,在不重新加载整个页面时,对网页的局部进行刷新。特点: 局部刷新;最大的特点:局部刷新ajax的优点:1.局部刷新;2,。优化了浏览器与服务器之间的传输,减少了不必要...原创 2019-06-17 11:13:19 · 19143 阅读 · 0 评论 -
JS中的new option(), options
new Option(“文本”,“值”,true,true)后面两个true分别表示默认被选中和有效!动态创建selectfunction createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelec...原创 2019-06-11 17:22:27 · 16478 阅读 · 0 评论 -
js中的foreach用法
forEach() 方法对数组的每个元素执行一次提供的函数。var array = ['a', 'b', 'c'];array.forEach(function(element) { console.log(element);});输出为:a;b;c;forEach() 方法对数组的每个元素执行一次提供的函数。总是返回undefined; var arr = [1,2,3...原创 2019-06-10 22:30:30 · 598309 阅读 · 15 评论 -
正则表达式
正则表达式: 验证数据的格式描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串、将匹配的子串替换或者从某个串中取出符合某个条件的子串等。原创 2019-06-08 21:15:16 · 136 阅读 · 0 评论 -
别踩白块小游戏
写作心路:原创 2019-06-14 11:15:47 · 1582 阅读 · 0 评论 -
requestAnimationFrame和cancelAnimationFrame
1.requestAnimationFrame与setTimeout相比,requestAnimationFrame最大的优势是由系统来决定回调函数的执行时机。具体一点讲,如果屏幕刷新率是60Hz,那么回调函数就每16.7ms被执行一次,如果刷新率是75Hz,那么这个时间间隔就变成了1000/75=13.3ms,换句话说就是,requestAnimationFrame的步伐跟着系统的刷新步伐走。...原创 2019-06-07 21:07:35 · 1131 阅读 · 0 评论 -
图片的淡入淡出
分析过程:1.给最大父元素里添加多张图片,让第一张图片的透明度为1 opacity: 1其余图片的透明度为0;给图片下面设置一排小点2.获取每张图片,动态设置不同层级,层级大小从4到0依次设置; Setz_index:function(){ for(var i=0;i<this.Photo.length;i++ ){ index=i; ...原创 2019-06-07 21:00:29 · 1420 阅读 · 0 评论 -
最简单的图片轮播
声明一个变量用来存放多张图片的名称, var imglist=["3.jpg","2.jpg","8.jpg","6.jpg","1.jpg","4.jpg","7.jpg","5.jpg"];主要就运用一个循环播放的函数setinterval(),让图片的地址一秒一秒的变换,当变换到最后一张图片时,进行判断,让图片的索引为0,就完成了图片轮播。<!DOCTYPE html&g...原创 2019-06-07 20:30:48 · 1486 阅读 · 1 评论 -
js多张图片的无缝滚动
分析:1:存在两组图片用float:left向左浮动,给父元素设置一个小块,可以展示量三张图片就可以。2:动态获取图片3:给父元素的滚动条进行循环滚动,setInterval(function(){dong.scrollLeft -=2;if(dong.scrollLeft<=0){dong.scrollLeft=1250;}},30);<!DOCTYPE html...原创 2019-06-07 20:20:48 · 1951 阅读 · 2 评论 -
js做的省市区镇的多级联动
创作思路:设置省市区镇四个下拉列表获取各个下拉列表(document.querySelector("") )给省级的下拉列表添加子元素option ,循环选择信息表中的省份,使用new Option(“文本”,“value”)创建新的选项框,并追加到省的下拉列表中;当省级下拉列表中的值改变时,让市区镇级默认为第一个值,(id2.options.length=1) ;给市级下拉菜单追加子...原创 2019-06-11 17:51:56 · 1993 阅读 · 0 评论 -
ajax的跨域问题
这是一个简单的ajax 异步发送请求获取数据 var http =new XMLHttpRequest(); http.open("get","txt/ajax.txt",true); http.send(); function showdata(callback){ http.onreadystatechange =function(){ if(...原创 2019-06-18 08:53:04 · 209 阅读 · 0 评论 -
浏览器实现全屏
废话不多说,直接上代码<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><button id="btn">按钮</button&g...原创 2019-09-02 15:31:35 · 370 阅读 · 0 评论 -
经典游戏飞机大战
好久没更新了,想起之前做的飞机大战/** * Created by Administrator on 2019/6/22. */var playing =(function(){ var start; function setmap(){ if(start==undefined){ start = new game(); ...原创 2019-08-16 19:25:23 · 669 阅读 · 0 评论 -
网站添加Markdown——showdown.js使用教程
步骤1.下载showdown.js步骤2引入到自己的项目中,结构如下:步骤3,引入到html,并使用 <script type="text/javascript" src="showdown/showdown-master/showdown-master/dist/showdown.min.js"></script>使用showdown.js的基本方式:fu...原创 2019-08-25 19:41:54 · 1576 阅读 · 0 评论 -
实现上传图片预览功能 FileReader
FileReader主要用于将文件内容读入内存,通过一系列异步接口,可以在主线程中访问本地文件。使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据。创建实例:var reader = new FileReader();常用事件FileReader.onload事件在读...原创 2019-08-23 23:50:52 · 281 阅读 · 0 评论 -
如何用js 屏蔽浏览器历史j记录
if (window.history && window.history.pushState) { history.pushState("forward", null, location.href); $(window).on("popstate", function () { history.pushState("forward",...原创 2019-08-23 22:49:10 · 1028 阅读 · 0 评论 -
经典贪吃蛇游戏
主要使用单例模式,所有元素动态创建;1.创建地图 var Map; function map(){ this.mapp=null; this.makemap=function(){ this.mapp=document.createElement ("div"); this.mapp.className...原创 2019-06-27 16:01:26 · 989 阅读 · 0 评论 -
js的设计模式
1:工厂模式工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点function work(name,sex){ var obj=new Object(); obj.name=name; obj.sex=sex; ...原创 2019-06-27 15:30:44 · 205 阅读 · 0 评论 -
web留言板demo
1.画一个标题栏和一个内容栏,提交按钮,留言板心情:<br/> <input type="text" id="mood"/><br/>笔记:<br/> <textarea id="network"></textarea><br/><button id="send">发表</button>...原创 2019-07-02 20:47:36 · 2535 阅读 · 2 评论 -
缓存storage
localStorage 本地缓存,关闭浏览器之后不会消失。 sessionStorage 浏览器缓存 ,关闭浏览器之后消失。只读的localStorage 属性允许你访问一个Document 源(origin)的对象 Storage;其存储的数据能在跨浏览器会话保留。localStorage 类似 sessionStorage,但其区别在于:存储在 localStorage 的数据可...原创 2019-07-02 19:20:27 · 570 阅读 · 0 评论 -
js的进阶-----继承
继承的方式一.原型链继承将构造函数的原型设置为另一个构造函数的实例对象,这样就可以继承另一个原型对象的所有属性和方法,可以继续往上,最终形成原型链。核心: 将父类的实例作为子类的原型注:instanceof运算符用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置,返回值为 true 或 false function Parent(){ t...原创 2019-06-24 11:34:47 · 161 阅读 · 0 评论 -
js版的模拟购物车
心路过程过于复杂,已经三天没睡好啦。原创 2019-05-30 07:26:02 · 750 阅读 · 0 评论 -
js对象写的数据分页
实现数据分页要清楚这个的方面的设计:1:先模拟建立一个后台数据库,如下:var peoson=[ { "id":"1", " name":"鞠婧祎", "sex":"女", "age":"25", "class":"八班", "habby":"跳舞", "score":"40", ...原创 2019-06-06 12:01:43 · 528 阅读 · 0 评论 -
JS的json对象
** json可以表示以下三种类型的值。**原创 2019-05-29 11:12:19 · 266 阅读 · 0 评论 -
用JS写的选项卡
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding:0; margin:0; ...原创 2019-05-23 10:20:14 · 157 阅读 · 0 评论 -
JS中DOM元素的操作
一、DOM元素的获取1)document.getElementsByClassName ( “class”)返回集 htmlcollection ,用法和数组一致说明: class为DOM元素上class属性的值2)document.getElementById( “id” )功能:返回对拥有指定ID的第一个对象的引用返回值: DOM对象说明: id为DOM元素上id属性的值3)...原创 2019-05-23 10:18:50 · 48506 阅读 · 2 评论 -
数组转换的小题目
1.数组去重 var arr =[2,3,4,2,2,5,6,4,3,7,7,7,8,5,9]; for(var j =0;j <arr.length;j++){ var f =arr[j]; for(var k =j+1;k <arr.length;k++){ if(f==arr[k]){ ...原创 2019-05-23 10:18:29 · 142 阅读 · 0 评论 -
数组的经典排序方法:冒泡,快排,选择排序
冒泡排序<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> console.time() var a...原创 2019-05-22 16:53:30 · 295 阅读 · 0 评论 -
JS里的数组
如何创建数组1.使用Array构造函数语法:new Array()小括号()说明:(1)预先知道数组要保存的项目数量(2)向Array构造函数中传递数组应包括含的项数组怎么赋值 var arr = new Array(2);//赋值一个参数 代表的是数组的长度 console.log(arr); var arr1 = new A...原创 2019-05-22 14:12:26 · 253 阅读 · 0 评论 -
JS字符串的使用
字符串分割成字符串数组split()语法:stringObject.split(separator)功能:把一个字符串分割成字符串数组。返回值: Array。说明:separator:必需,分隔符。(如: “/” ,“-”)replace()语法:stringObject.replace(regexp/subtrreplacement)功能:在字符串中用一些字符替换另一些...原创 2019-05-22 11:24:35 · 138 阅读 · 0 评论 -
函数的递归
函数的递归 :反复执行自己本身直接或间接调用函数本身,则该函数称为递归函数。递归函数不能定义为内联函数语法:show();function show(){执行代码块show();}阶乘算法:function fun(num) { if (num == 1) { return 1; } return num *...原创 2019-05-22 10:24:21 · 146 阅读 · 0 评论 -
函数的闭包
什么是闭包:使用别人的私有变量优缺点:缺点:会将闭包的值存在内存里面 ,会占用内存 ----网页的内存泄露优点:1、可以使用局部变量,2、JavaScript 变量可以是局部变量或全局变量3、私有变量可以用到闭包。说明:在做开发的时候尽量避免使用闭包(一)闭包的形式 function f1(b){ var a=12; funct...原创 2019-05-22 10:08:32 · 205 阅读 · 0 评论 -
JS的函数
(一)函数的定义函数使用 function 声明,后跟参数以及函数体;语法:function name(形参){statements}name(实参);1.()中的内容为函数的参数2.() 中的内容不是必须的,不是语法函数的调用规则 name();函数的声明提前, 在代码执行之前提前声明 //声明函数 name(); function na...原创 2019-05-22 09:28:47 · 137 阅读 · 0 评论 -
JS操作符、循环语句及条件语句
一.算数操作符:+ — * /递增和递减1.递增:++a 与a++2.递减同理;二.赋值操作符简单赋值:=;符合赋值:+=、- =、*=、/=、%=; var a=10; var b=20; a+=5; //a=a+5 15 b%=4; //b=b%4 0三.比较操作符、< 、>=、...原创 2019-05-22 09:01:52 · 219 阅读 · 0 评论 -
JS版的图片放大镜
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ padding:0; margin:0; ...原创 2019-05-23 10:20:41 · 516 阅读 · 0 评论 -
js版的计算器
在老师的带领下完成了这个简单的计算器,这是一个神奇的过程,计算器的基本功能都是有的。虽然是个简单的计算器,但对初学者来说,还是需要强大的逻辑判断能力,里面有很多的条件,作为开发者要不断的寻找设计里的bug,不断地完善用户的需求,而这些都需要清晰的逻辑推理和判断,我有点头大了。<!DOCTYPE html><html><head lang="en"> ...原创 2019-05-23 10:21:04 · 33259 阅读 · 5 评论 -
JS运用Date做的欧式钟表
这个钟表主要考验对时分秒的计算,以及各个指针选件角度的计算。获取当前时间 (new Date())获取到1900年的总毫秒数alltime (getTime())求出现在的时 分 秒(1)此刻的秒数:(alltime/1000)%60 (1s =1000ms)(2)此刻的分钟数:(alltime/1000/60)%60(3) 此刻的小时数:(alltime/1000/60/...原创 2019-05-29 07:02:45 · 230 阅读 · 0 评论 -
js版的倒计时(月-日-时-分-秒-毫秒)
大早上好瞌睡,爬起来接着写。今天做的倒计时用了三种方法过程和思路:设置未来的时间。(使用在new Date()后面直接设置时间的方法)获取当前的时间( newDate() )用未来时间减去现在的时间,算出总的毫秒数算出倒计时的月、日 、时、分、秒、毫秒(1s =1000ms 1分=60s 1时 =60分 1天 =24时 1月=30天 1年=12)每个...原创 2019-05-29 06:29:26 · 12316 阅读 · 1 评论