使用JavaScript的效果实现输入相关信息计算票价的效果
门票计算门票实行的是淡季票价和旺季票价。年龄的限制有没有成年,票价为100元和50,甚至免票。1.2米一下的儿童免票。1.2米以上又分为2个区间,以及购买座位的座位的种类不同也影响着价格
【JavaScript】事件的冒泡,委派,绑定和传播
当触发我们的事件函数时,事件函数其实会接收到一个event对象。当我们在我们的事件函数中执行event.stopPropagation()方法,那么事件冒泡到此就结束了。并不是所有类型的事件都支持事件冒泡。事件冒泡只会触发相同类型的事件函数。阻止冒泡事件有两种方法,其中一个为属性,另一个为方法。设置
38.JavaScript中异步与回调的基本概念,以及回调地狱现象
在学习本文内容之前,我们必须要先了解异步的概念,首先要强调的是异步和并行有着本质的区别。并行,一般指并行计算,是说同一时刻有多条指令同时被执行,这些指令可能执行于同一的多核上,或者多个上,或者多个物理主机甚至多个网络中。同步,一般指按照预定的顺序依次执行任务,只有当上一个任务完成后,才开始执行下一个
初识JavaScript
前面几天已经结束了html跟css的学习,今天便开始了对JavaScript的学习,要想学好JavaScript,你首先就要知道这个东西是什么,HTML、CSS,基本都是表述的静态的外观,而JavaScript,则负责处理动态的交互 。JS其实有三大块,一个是语言核心,一个是BOM,一个是DOM,语
使用JavaScript 实现简单的移动和缓动的动画效果
目录一、H5的简单布局二、css的布局三、获取元素四、使用js来实现‘盒子’移动效果展示五、使用js来实现缓动效果 效果展示 六、完整代码评论区自取二、css的布局简易的布局出两个不同颜色的‘盒子’。三、获取元素四、使用js来实现‘盒子’移动可以使用函数封装,来实现,修改调用,不需要在代码中修改,可
你必须要学会的js构造函数、原型、原型链
在做项目过程中,你可能想要添加多条数据,如果我们一条条的去添加未免有点麻烦,例如:我在这里要录入nba球员的数据,我如果采取这种形式,我只能一条条的去写,其中,name、age、positions属性我要一直去填写,我一想,nba里面有几百名球员,我要是一直这样录,我不得累死?这时,的便利便显示出来
收下这份Mock,极速与后端联调,提升效率不止亿点点
试想一下,只要我们开发完一个页面就立马进行联调然后进行调整,不仅时间充足,还能减少bug产生,整个人在一个轻松的状态下开发,代码质量也提高了。今天的主角 Mock 就可以帮助我们解决这个窘境。...
一文带你搞懂React路由(详解版)
1️⃣ 单页Web应用(single page web application,SPA)。2️⃣ 整个应用只有(单页面,多组件)。3️⃣ 点击页面中的链接页面,只会做页面的。4️⃣ 数据都需要通过 ajax 请求获取,并在前端异步展现。⭐什么是路由?⭐路由分类:1️⃣后端路由:2️⃣前端路由:⭐前端
【小程序项目开发-- 京东商城】uni-app之自定义搜索组件(下) -- 搜索历史
保存历史记录到本地由于每次编译都会被清空,所以我们需要保存记录到本地缓存在 初始化 导入本地数据效果四、按下trash键清空历史绑定事件处理函数函数定义效果五、点击搜索历史跳转到商品详情页每个标签绑定事件定义事件函数效果......
【JavaScript】使用DOM修改和查询CSS内联样式
在上几期都是说通过DOM来操作元素。现在我们具体说一下怎样操作CSS样式,无非就是修改样式和查找样式。html:css:javascript:注意:css样式名中有号,在js中是不合规范的,比如这里的,在js中需要用驼峰命名法表示,即来表示。修改其他属性也是如此。我们通过这种方式实际上是对内联样式进
<路由的模糊匹配与严格匹配>react-router-dom入门级教程2
路由重定向一般写在所有路由注册的最下方,当所有路由都无法匹配时,跳转到Redirect指定的路由。
《原生javascript制作各种酷炫组件》专栏介绍
《原生javascript制作各种酷炫组件》专栏介绍
【vue网站优化】秒开网页
在将打包后的dist目录上传到服务器时,往往会出现首次加载页面速度较慢的情况,以下给出几点优化意见
JavaScript 面向对象的基本用法
目录前言一、类的定义(class)语法:创建实例:举例:二、给类添加方法举例:三、类的继承(extends、调用super())举例:1.继承父类普通属性2.调用父类的构造函数3.调用父类的普通函数四、私有属性的获取语法:举例: JavaScript 语言中,生成实例对象的传统方法是通过
进阶版JavaScript学习【第二期】
进阶版JavaScript学习第二期
前端基础学习——JavaScript之BOM模型与DOM模型
本文为大家带来了前端基础学习——JavaScript之BOM模型与DOM模型,希望对你有帮助~~
原型与原型链
构造函数是一种特殊的函数,主要用来初始化对象,即为对象成员对象初始化值,它总与new搭配使用。把对象的一些共有的属性和方法放在这个构造函数里面。构造函数应该:new Object自定义构造函数new关键字的作用在实例化对象的时候,会按顺序执行下面的步骤:静态成员:在构造函数本身上添加的就是静态成员,
使用JS、CSS、H5实现简单的登录弹窗,可保存用户信息
目录一、效果展示二、H5布局三、css布局四、获取元素六、设置登录弹窗出现与关闭七、设置弹窗的移动八、设置保存信息网页结构分为三大块,第一部分点击a标签会弹出登录框,第二部分是登录框用户填写表单,需要注意A标签中使用javascript:;第三部分是设置突出背景。三、css布局需要注意登录弹窗和背景
vue项目中 jsconfig.json是什么
这也太官方了,说白了就是提高在写项目时舒适度的。目录中存在tsconfig.json文件表明该目录是 TypeScript 项目的根目录。该tsconfig.json文件指定编译项目所需的根文件和编译器选项。JavaScript 项目可以使用jsconfig.json文件来代替,它的作用几乎相同,但
这3个高级前端常用的API,有你正在用的吗?
介绍三个高级前端常用的API,getComputedStyle(),getBoundingClientRect(),requestAnimationFrame(),快来看看有你正在用的吗?