JavaScript
文章平均质量分 93
今天不想敲代码
感谢你来过
展开
-
前端学习——NodeJs基础篇
一. NodeJs简介1.1 nodeJs的诞生在Netscape设计出JavaScript后的短短几个月,JavaScript事实上已经是前端开发的唯一标准。后来,微软通过IE击败了Netscape后一统桌面,结果几年时间,浏览器毫无进步。没有竞争就没有发展。微软认为IE6浏览器已经非常完善,几乎没有可改进之处,然后解散了IE6开发团队!而Google却认为支持现代Web应用的新一代浏览器才刚刚起步,尤其是浏览器负责运行JavaScript的引擎性能还可提升10倍。先是Mozilla借助已壮烈牺牲原创 2021-05-08 21:27:55 · 1052 阅读 · 0 评论 -
前端学习——ES6新特性
ECMAScript6简介ECMAScript 6.0(简称ES6)是 JavaScript 语言在 2015 年 6 月正式发布的新标准。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。ECMAScrip和JavaScript的关系1996 年 11 月,JavaScript 的创造者 Netscape 公司,决定将 JavaScript 提交给标准化组织 ECMA,希望这种语言能够成为国际标准。次年,ECMA 发布 262 号标准文件(EC原创 2021-05-06 09:53:52 · 250 阅读 · 0 评论 -
原生JavaScript利用面向对象的思想实现贪吃蛇案例
一. 原生JS面向对象思想实现贪吃蛇1.1 功能演示本次给大家带来的是一款网页的小游戏,贪吃蛇的写法,而且本次贪吃蛇是基于JavaScript面向对象的思想来编写的,使用的是原生JS的方式实现下面我就来给大家讲解,怎么运用面向对象的思想来编写这款贪吃蛇小游戏老规矩先来看看运行的gif图片里面包含里几个功能开始功能结束功能重新开始功能模式切换功能碰到边线游戏结束咬到自己游戏结束生成的食物不会出现在蛇身上这个贪吃蛇主要就包含了这几个功能,下面就来讲解一下怎么运用面向对象的思想来编原创 2021-04-19 23:05:21 · 481 阅读 · 0 评论 -
前端学习——JS基础知识点复习
一. JS复习1.1 如何使用JSHTML标签内使用JS,要求写在onclick等事件属性或者href属性中(不推荐使用)页面中的script标签内可以直接写JS代码script标签的src属性可以用来引入第三方JS文件(推荐使用)1.2 变量变量的概念变量就是计算机内存中存储的数据的标识符,根据变量名可以调用到内存中的数据变量的声明方式/*使用var的方式声明和赋值一个变量*/var num = 10;/*使用变量*/console.log(num);/*使用let的原创 2021-04-15 09:07:26 · 470 阅读 · 0 评论 -
前端学习——jQuery动画
一. jQuery内置动画jQuery一共有九种内置动画内置动画一共有两个参数参数一为number类型,单位是毫秒数,默认都是400/String类型的单词表示normal普通速度(400),fast(200),slow(600)参数二是function类型的回调函数,表示在动画执行完毕自动执行的函数1.1 显示这里面涉及到三个函数show 显示基本语法$("#show").click(function () { //控制div显示 $("#main").show原创 2021-04-10 08:46:12 · 268 阅读 · 1 评论 -
前端学习——JavaScript原生实现购物车案例
一. 购物车案例1.1 案例介绍今天我们来写另外一个购物车案例,说实话对于我来说这个是花了将近三个小时的时间然后才做出来的,里面可能还存在一些我没有发现的问题,但是能完成基本的功能,对于一些基本的需求都是可以完成的,下面照旧是案例实现的gif图片根据上图我们可以看到,每个购物车的选项都是互不影响的,每个商店也都是互不影响的,单独运算,每个店的总计也是单独计算的,有一个计算复选框总价的功能,而且这是个通用的模板,不论有多少个店铺,店铺里面的商品有多少个,只要html的结构不变都是可以通用的,那么不多说原创 2021-03-30 09:37:38 · 4145 阅读 · 12 评论 -
前端学习——JavaScript抽屉,手风琴,购物车特效案例
一. JavaScript案例介绍这篇我们通过一些JavaScript案例来完成对JavaScript中BOM对象和DOM对象的理解首先我们会学到三种常用的JavaScript案例特效分别是手风琴切换特效抽屉切换特效购物车案例特效手风琴特效展示抽屉切换特效展示购物车案例特效下面咱们先从简单的做起首先先做抽屉特效的案例二. 抽屉特效2.1 页面元素编写通过上图我们可以知道页面存在着一个类似于导航栏的可以供我们切换的标签,和准备的25张图片那么我们就开始写吧<b原创 2021-03-26 10:40:23 · 3256 阅读 · 5 评论 -
前端学习——JavaScript中的BOM和DOM对象
一. Bom对象1.1 什么是BOM什么是BOM对象,BOM全拼是(Browser Object Model)浏览器对象模型,是JavaScript的重要组成部分,它提供了一系列对象用于与浏览器窗口进行交互,这些对象统称为BOM对象BOM对象包含以下BOM对象可以实现的功能有弹出新的浏览器窗口移动、关闭浏览器窗口以及调整窗口的大小页面的前进、后退1.2 window对象—BOM核心window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。同时, window对象原创 2021-03-25 21:36:53 · 277 阅读 · 1 评论 -
前端学习——JavaScript对象
一. JavaScript对象1.1 创建对象创建对象遵循规则对象中单个属性的属性名和属性值使用冒号隔开多个属性之间用逗号隔开最后一个属性或函数后不加逗号对象的属性名可以不遵守变量命名规则不遵守命名规则的属性名必须使用单引号或者双引号包裹(符合变量名要求的属性名也可以使用引号包裹)创建对象方式一/*创建JS字面量对象*/let stu = { name: '柳园', sex: '????', age: 18, show: function原创 2021-03-24 21:38:37 · 173 阅读 · 0 评论 -
前端学习——JavaScript逻辑运算符及函数概念
一. JavaScript逻辑运算符1.1 if语句基本语法结构if (/* 条件表达式 */) {// 执行语句}if (/* 条件表达式 */){// 成立执行语句} else {// 否则执行语句}if (/* 条件1 */){// 成立执行语句} else if (/* 条件2 */){// 成立执行语句} else if (/* 条件3 */){// 成立执行语句} else {// 最后默认执行语句}大致就是判断语句,条件成立时应该做什么,不成立时做什么原创 2021-03-20 23:34:42 · 468 阅读 · 0 评论 -
前端学习——JavaScript基础知识
一. JavaScript了解1.1 JavaScript简介JavaScript 编程语言 流程控制Netscape在最初将其脚本语言命名为LiveScript,后来Netscape在与Sun合作之后将其改名为 JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似 之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和Java原创 2021-03-17 23:24:31 · 326 阅读 · 0 评论