前端_Javascript
文章平均质量分 79
JS从进阶到精通
梦境工程师-335
啥都会一点的六边形战士,我常在一个神秘的网络里接各种稀奇古怪的订单
展开
-
用JQ+AJAX+PHP+Mysql做简单的用户注册功能
文章目录当前数据库是空的初始化数据库及自动建表的方法,在apache服务器环境下运行initDataBases.php文件动态结果演示插入后的结果原创 2020-05-29 17:48:53 · 1865 阅读 · 0 评论 -
如何让form 表单提交数据后,页面不跳转不刷新?(已解决)
思路:先把写好的iframe标签隐藏起来,给form绑定属性target为和iframe一模一样的值,当点击button进行提交后,就会提交到iframe框里面,这样就不会重新打开一个新页面且成功提交数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, .原创 2020-05-24 20:13:07 · 3007 阅读 · 1 评论 -
全国省份地域的三级联动菜单联动 (Jquery版)
效果图如下所示 >>>代码如下 >>>原创 2020-05-20 21:05:24 · 1258 阅读 · 0 评论 -
Javascript的prompt小练习
文章目录第一题 【判断输入年份是否是闰年】第二题 【计算学生成绩】作业主要测试:1.JS基本语法2.JS的DOM、BOM操作第一题 【判断输入年份是否是闰年】要求:判断输入年份是否是闰年(1)创建网页并编写HTML基本结构(2)声明变量提示用户输入,并将数据转换为数字类型保存在变量year中(3)使用运算符计算用户输入的年份是否是闰年提示: 能够整除4且不能整除100或者能够整除400的是闰年(4)输出:xxx年是闰年么?是/不是<!DOCTYPE html><原创 2020-05-19 02:11:51 · 1175 阅读 · 0 评论 -
用JS的‘ if...else ’做【网站登录的用户表单验证】
文章目录提出问题解决思路(1)按照正常的逻辑,先写一些html标签(2)然后用点CSS优化下表单,让其变得好看一点(3)写JS代码的逻辑index.html 文件代码 (复制粘贴即可运行)为了减少服务器负载,将表单计算验证缓解在客户浏览器上执行,验证完成基本的格式后,再提交给服务器进行数据处理,那么,前端如何用JS做网站登录的用户表单验证 ?提出问题制作一个表单,前三个文本框不为空,且长度...原创 2020-04-27 14:00:27 · 2232 阅读 · 0 评论 -
页面导航栏在鼠标向下滑动后会漂浮在顶部的设计(已解决)
1原创 2020-04-26 23:26:18 · 6154 阅读 · 0 评论 -
用JS实现阶乘 ( n! = 1 x 2 x 3 x ······ x (n-1) x n )
文章目录一,阶乘的规定二,阶乘函数用JS定义 >>>使用 >>>阶乘算法演示 >>>阶乘算法全部代码本节只讲述如何用JS实现阶乘以及阶乘的和一,阶乘的规定一个正整数的阶乘(factorial)是所有小于及等于该数的正整数的积,并且0的阶乘为1。自然数n的阶乘写作n!。大于等于1任何大于等于1 的自然数n 阶乘表示方法 >&...原创 2020-04-26 15:30:42 · 8508 阅读 · 0 评论 -
如何像爱奇艺一样在浏览器的控制台为所欲为?
文章目录如何在控制台如此为所欲为的方法语法输出字体输出图片字体图片混合输出其他效果今天打开爱奇艺的网站,好奇的打开了一下控制台检查元素,发现这么一个情况:在爱奇艺网站打开的控制台居然有图片出现诶!那么,该如何输出这样的团呢?如何在控制台如此为所欲为的方法语法console.log(%c字体 || %c, 样式);输出字体例子 >>>console.log('...原创 2020-04-24 00:01:12 · 1892 阅读 · 0 评论 -
JS的引入及阻塞加载 + 数据类型 + 函数三大特性 (知识小结)
文章目录JS引入及阻塞加载引入js的方式js的加载方式延时加载和异步加载的特点js的数据类型数字和二进制运算符内存管理之 堆和栈函数:创建,return,作用域函数分为定义和使用两阶段函数的参数及arguments函数的三大特性函数的call和apply函数this指针JS引入及阻塞加载引入js的方式第一种:嵌入代码第二种:引入外部文件js的加载方式阻塞加载:先从上往下解析,到了j...原创 2020-04-16 17:27:10 · 1570 阅读 · 0 评论 -
H5知识之多媒体操作 (附召唤御姐demo)
召唤御姐演示:文章目录html5结构元素Html5功能元素召唤御姐的小demo (复制粘贴即可用):Html5表单元素要实现单选就设置相同的name值input新属性:Audio/Video元素基本属性如何动态创建播放器?浏览器支持情况如何知道资源链接?音乐控件中如何加减音量?如何控制播放器播放速度?如何暂停播放器?html5结构元素1,header整个页面的头部,某块区域的标题,页眉。...原创 2020-04-15 23:49:26 · 1642 阅读 · 0 评论 -
JavaScript 字符串对象的常用处理
JS在获取文本内容并更改文本时会遇到字符串处理的问题,我整理了一下字符串处理的一些常用方法:字符串就是var string="我是字符串"; 这类形式,一个字符串可以使用单引号或双引号将字符串引起来。字符串的索引从零开始, 所以字符串第一字符为 [0],第二个字符为 [1], 比如:var string="我是字符串";string[0];"我"怎样知道一个字符串的长度,有几个...原创 2020-04-15 22:28:01 · 1244 阅读 · 0 评论 -
ES6语法(六)知识总结
文章目录模块化moduleimport 与 exportas重命名default 默认导出* 导出所有模块化ES5标准之前没有模块化,接下来说下模块化的事:如果按照正常写法,将会因为引入后识别不到所引入的文件里的函数而报错,如在node.js中:module模块化写法:<script type="module"> ......</script>im...原创 2020-04-15 20:33:31 · 1268 阅读 · 0 评论 -
ES6语法(五)知识总结
类的继承ES6中class继承extends,super的使用class Animal{ constructor(name){ this.name=name; this.thirsty=100; this.food=[]; } drink(){ return this.thirsty -= 10; } eat(item){ this.food.push(item)...原创 2020-04-15 20:28:14 · 1023 阅读 · 0 评论 -
ES6语法(四)知识总结
类javascripts和 java的类的不同>>>js类基于原型:连接java基于类:复制文章目录类ES5中的仿类结构:构造器(自定义类型)ES6中类的写法js中class语法注意:类表达式静态成员getter与setterES5中的仿类结构:构造器(自定义类型) function hacker(name,age){ this.name=name; this...原创 2020-04-15 13:56:13 · 1190 阅读 · 0 评论 -
ES6语法(三)知识小结
对象扩展新的对象字面量特性1,方法的定义let obj={ a:1, show(){ console.log("show") }}obj.show()运行结果2,属性的简写let na="sagasw"let ob={ na, age:10}运行结果3,计算属性名let kok='name'let galarxy={ [kok]:1, [kok+...原创 2020-04-15 01:23:19 · 928 阅读 · 0 评论 -
ES6语法(二)知识小结
数组结构赋值ES6语法中对数组的赋值方式键值互相对应,若空则空,若有则有实例一:let arr = [1,2,3];let [a,b,c]=arr; console.log(a,b,c)let arr = [1,2,3];let [,b,]=arr; console.log(b)实例二:kok = [,2,31];[a,b,c]=kok; console.log(...原创 2020-04-15 00:32:01 · 793 阅读 · 0 评论 -
ES6语法(一)知识小结
一,块作用域在ES6中,有块作用域的说法,比如说这种{ ...代码...}在’{}‘中书写代码后,代码的生命周期将在’{}'范围内有效,针对由let和const关键字定义的变量来说具有块作用域的功能。一旦超出这个范围,就会找不到由let或const定义的变量。因为var是函数作用域变量,所以var不受块作用域的限制。报错情况:代码>var a=1;{let b=2;c...原创 2020-04-14 23:50:05 · 926 阅读 · 0 评论 -
md5加密小工具制作(js版)
废话不多说,上图上代码:页面布局代码:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...原创 2020-04-14 22:22:40 · 1009 阅读 · 0 评论 -
前端网络——Ajax使用
AJAX是什么?AJAX 可以用于创建快速动态的网页。AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。ajax(Asynchronous javaScript and XML 异步的javascript和xml)可实现异步,局部的获取数据Ajax咋刚开始一看还有点稀里糊涂的,怎么去理解呢?这是开发者已经订好的规则,我们只要记住固定的代码,就可以使用,只是这个固定的...原创 2020-04-14 14:30:21 · 1774 阅读 · 0 评论 -
h5游戏开发:用html+css+js写一个整蛊游戏
还记得那个一拳打穿显示器的胖子吗?我来做一个简单的整蛊游戏吧!既然是整蛊游戏,我们名字就不要起得太明显,根据潘多拉魔盒效应,为了诱导玩家进入我们的陷阱,就取名为:千万别走到终点!!!玩法设定:有玩家看到这个标题可能第一反应是什么恐怖游戏,或者有奇怪的东西在终点等着他,为了消除这种顾虑,我们将游戏设定改一下,设计为通过摇骰子的方式决定玩家走的步数,而不是玩家自己走。这样我们就拥有进一步控...原创 2020-04-13 14:31:48 · 7574 阅读 · 5 评论