自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(119)
  • 资源 (7)
  • 问答 (1)
  • 收藏
  • 关注

原创 Github 用户查询案例【基于Vue2全局事件总线通信】

​本次案例是一个基于 Vue2 的全局事件总线通信的仿 Github 用户搜索模块,使用的接口是 Github 官方提供的搜索接口:https://api.github.com/search/users?q=xxx(发送请求时需要将输入的用户名称绑定替换掉xxx)​

2022-12-05 12:22:55 907 80

原创 Vue2 中使用“全局事件总线“实现任意组件间通信

vue 中组件间通信的方式有很多 ------ 父传子propos,全局事件总线,消息订阅,vuex......等等,这篇文章带大家学习一下通过全局事件总线来实现任意组件间的通信。

2022-11-29 15:36:46 736 23

原创 【微信小程序】使用 Cryptojs 解密微信绑定手机号码

小程序获取到的手机号是加密过的,需要我们去解密,网上大部分教程都是使用 java,php,c# 等来实现的,这篇文章就教会大家如何用 JS 来解密手机号

2022-11-22 16:03:23 369 28

原创 大数据热点城市波动图案例【CSS3实现 + 原理分析 + 源码获取】

本次案例我们分析一下数据可视化页面最常见的热点图是如何实现的,其原理并不复杂,只需要用到CSS3动画属性 animation 以及 @keyframe 关键帧即可,重点是向外扩散的环如何布局比较合适,以及每个环怎么扩散何时扩散比较合适。

2022-09-30 09:29:29 1290 60

原创 一篇文章吃透 CSS3 属性: transition过渡 与 transform动画

transition 过渡与transform动画 这两个新属性的参数确实比较复杂,它们可以做出 CSS 的一些基础动画效果,平移,旋转,倾角......等等,这些也是我早期学习 CSS 的难记易忘之处,今天给大家详细总结出来。一:transition 过渡transition 可以做出 CSS 的过渡效果,例如要过渡的属性名称,要过渡的时间,过渡的延迟等待时间,过渡的速度变化(过渡类型)

2022-09-28 07:00:00 1516 67

原创 为你心仪的她做一个 “旋转木马“告白相册【零基础纯 CSS3 实现】

本次案例为 3D旋转木马,最主要还是用到了 CSS3 的 3D 板块的内容,其次是 animation 动画的书写设置。最主要的还是如何将你的图片们呈现3D环绕布局效果。

2022-09-26 07:00:00 4576 79

原创 全站最简单 “数据滚动可视化大屏” 【JS基础拿来即用】

本案例功能为数据自动滚动,可搭配后端进行数据实时的可视化添加,光标移动到屏幕处可以暂停滚动,移开继续滚动

2022-09-12 14:51:58 3694 161

原创 【JavaScript 进阶教程】函数的定义 调用 及 this指向问题

这篇文章开始我们函数的进阶篇,和我们JavaScript基础学的函数有了很多拓展,这篇文章首先我们从函数的定义,调用,及其 this指向 来一个总结。通过刚才的第三种函数的声明方法,是个构造函数,我们会想到什么,为什么函数也有构造函数,难道函数也是对象吗?函数内部的 this 指向谁,是由我们调用时才知道的,一般情况是指向函数的调用者,下面是上一板块出现的几类函数的this指向。立即执行函数通常用于匿名函数的调用,立即执行函数是自动调用的。匿名函数即没有名字的函数,匿名函数的调用需要使用。...

2022-08-30 14:02:16 3190 140

原创 【JavaScript 进阶教程】对象新增方法 defineProperty 与 keys 的说明与使用

这篇文章给大家讲解在 ES5 中新增的两个常用方法:defineProperty(),keys(),这两个方法可以让我们更方便的操作对象,获取对象属性,赋值修改等等操作,最重要的是,这些方法可以让我们设置无法修改对象属性值,下面跟我一起了解一下吧!一:Object.defineProperty()可以用来定义对象的新属性和修改属性值,设置属性值是否可修改等等,该方法共有三个参数1.1 参数说明。...

2022-08-10 14:13:42 1121 81

原创 【JavaScript 进阶教程】字符串新增方法 trim() 的说明与使用

这篇文章给大家讲解在 ES5 中字符串新增方法之一:trim(),这个方法用于对空白字符的处理,这篇文章带给大家这个方法的用法以及其使用用途。

2022-08-05 16:46:22 654 41

原创 【JavaScript 进阶教程】汽车商城根据价格区间筛选车辆案例

这篇文章实现一个小案例:在购物平台选商品时我们经常会输价格区间,然后筛选出在这个区间内的商品,其实有JavaScript基础我们就已经能实现了,利用循环判断等知识。但是这篇文章是新方法 forEach,filter,some 的使用实现,可以让我们的实现更轻松。......

2022-08-03 15:10:06 1279 118

原创 【JavaScript 进阶教程】数组新增遍历方法的说明与使用

欢迎来到JavaScript 进阶的学习,ES5 对 JS 的数组,字符串等内置对象的方法均有扩充。这篇文章我们要掌握的是新增的几个 Array 内置对象的常用迭代(遍历)方法,分别是 forEach(),filter(),some(),every()等,这些新方法可以让我们更方便地操作数组。.........

2022-07-30 13:50:06 1186 106

原创 【JavaScript 进阶教程】非 extends 的组合继承

继承也是面向对象的特性之一,但是在 ES6 版本之前是没有 extends 去实现继承的,我们只能通过构造函数和原型对象来实现继承,其中分别为构造函数来继承属性,原型对象来继承方法,这种继承模式被称为组合继承......

2022-07-26 16:57:55 1308 118

原创 【JavaScript 进阶教程】“原型“与“原型链“【下篇】

原型链的概述:我们上文已经了解了原型对象prototyoe,对象原型__proto__,和构造函数等等。那原型链顾名思义是一条链型的关系,有下面这一张图来形象化理解:我们知道我们创建的实例化对象都有个属性叫做__proto__(对象原型),这个属性指向的是构造函数的原型对象prototype,那既然这个构造函数的原型对象实质也是个对象,它就也会有一个对象原型__proto__的属性去指向它的构造函数的原型对象prototype,它的构造函数就是顶级构造函数Object,那么同理,Object构造函数的原型对

2022-07-18 10:09:44 778 106

原创 炫酷登录注册 完整功能版【本地存储+JS+HTML+CSS+jQuery】

这篇文章是包含完整功能的登录注册,包含了基于本地存储的注册,登录,以及密码修改功能,登录包含错误三次冻结账户1000s等细微功能,适合新入门前端的小伙伴拿来学习使用

2022-07-13 11:39:00 12058 120

原创 【JavaScript 进阶教程】“原型“与“原型链“【上篇】

什么是原型?原型是 JS 基础学习中我们没有提及的概念,原型它是一个泛指,主要包含了原型对象 (prototype),对象原型 (__proto__),原型链等等,这些概念据统计也是面试中常常问到的内容,这篇文章就带大家了解并掌握原型的相关知识,让大家不再迷茫。...............

2022-07-04 08:30:00 1403 67

原创 炫酷登录注册界面【超级简单 jQuery+JS+HTML+CSS实现】

炫酷登录注册界面【超级简单 jQuery+JS+HTML+CSS】

2022-06-27 15:30:46 17412 116

原创 【JavaScript 进阶教程】案例一:使用面向对象模拟浏览器顶部切换栏

我们已经学会了很多 Tab 栏的写法,原生 JS 的写法,jQuery 的写法等等,学了面向对象后,我们就要学会用面向对象来实现我们 ES6 的第一个小案例------面向对象 Tab 切换栏,其中和以往不同的是,增加了添加 tab 栏,双击修改 Tab 栏等功能,其实它更像我们浏览器网页的顶部选项卡。...............

2022-06-20 07:00:00 2190 68

原创 Python学生信息管理系统【GUI界面版 + 期末报告书 + 功能实现讲解】

Python学生信息管理系统,具有GUI界面版 ,期末报告书 ,还有增删改查功能实现讲解,临近期末的小伙伴们不要错过噢

2022-06-13 07:35:35 2766 85

原创 【JavaScript 进阶教程】面向对象

ES6 是 JavaScript 语言的下一代标准,全称ECMAScript 6.0,ECMAScript 是JavaScript语言的国际标准,JavaScript是ECMAScript的实现,ES6 使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。......

2022-06-02 16:15:36 1892 55

原创 【jQuery案例】todolist待办事项清单 jQuery+JS实现

近期完成了一个仿 todolist 的一个任务事项管理页面,简洁的布局,斜对称的设计更加美观,仅仅用到了本地存储,纯前端,这篇文章给大家分享源码并分析一下其 jQuery 实现过程页面展示: 未添加事项页面:添加事项(回车,点击添加均可触发):做完事项后勾选左侧选项点击右侧橙色按钮删除事项 主题切换(目前写入了两个主题): 左侧工具栏操作说明.........

2022-05-24 07:00:00 920 86

原创 一篇文章掌握 jQuery 对象拷贝 与 多库共存解决【超详细深浅拷贝分析 + JQ插件使用推荐】

这篇文章卡卡西带大家学习掌握:对象拷贝,多库共存,jQuery插件使用三个板块内容

2022-05-19 07:00:00 465 96

原创 【JavaScript 零基础入门】内置对象 (一) ------ Math对象

在Java Script 中一共有三类对象,分别是 ‘自定义对象’,‘内置对象’,‘浏览器对象’,其中前两类属于JS基础中的内容,属于ECMA Script,而浏览器对象属于JS独有的一部分内容。在日常代码开发中有很多代码需要频繁使用,例如数学类,日期类,以及Array的一些方法等,对此便有了一些JS的自带对象,这些自带对象提供了很多可以直接使用的属性与方法,使得代码更为精炼。......

2022-05-17 07:38:01 1074 100

原创 轻松掌握 jQuery 事件基础 ----- on()绑定,off()解绑,自动触发事件 与 事件对象【四合一完整篇】

jQuery 事件基础 ------on() 绑定 与 off() 解绑【详解篇】

2022-05-15 09:09:04 718 110

原创 【Java Script 零基础入门】对象的创建与遍历

这篇文章带大家进入 Java Script 的对象阶段,Java Script 可以说是万物皆对象。对象是引用数据类型,是保存复杂数据类型的容器,它是多个属性和方法的集合。这篇文章的目标有两个:📑目标一:学会创建对象的三种方式 📑目标二:学会遍历对象的两种方式.........

2022-05-14 07:00:00 495 60

原创 VSCode 入门操作大全 + 实用插件推荐【零基础专属详细教程】

选择一个好的开发工具是很重要的,很多人在 webstorm 和 vscode 上很难抉择,我个人更喜欢使用 vscode,因为其简洁的操作风格和丰富的人性化的各种功能让我欲罢不能,这篇文章带给大家 vscode 的新手操作指南:...

2022-05-12 07:00:00 4442 180

原创 【jQuery 案例】电梯导航 切换 网页区域【功能实现详解】

🍍前言: 计算机 🖥️,手机 📱 是我们日常使用最多的物品,除了作为程序员的我们之外的大多数人使用计算机的用处都是:浏览网页,打打游戏 等等。在我们浏览网页时,我们滑到了页面下面,但是我们突然想去别的版块,或者页面顶部,这时候我们如果靠鼠标滚轮滑动会很慢,就算是拖动滚动条也不会精准的到达我们想要的到达的版块,这时候,网页电梯导航就起了很大的作用,可以让我们快速到达想要到达的地方。此篇文章适合jQuery新手学习,也适合大佬复习思路,卡卡西感谢各位的支持😍😍!!!二:...

2022-05-10 00:57:58 4090 224

原创 【操作系统】进程互斥 的 软件实现 算法剖析【详解】

最近在学习操作系统原理,学到了进程互斥和同步,也多找了些资料研究了一番,感觉理解的很透彻了,就把这些进程互斥的软件实现方法分享给大家,希望大家一样可以理解彻悟! 开始前我们先复习一下进程互斥存在的原因和什么是进程互斥,所谓进程互斥,先要了解到进程的并发,并发就会共享计算机资源,共享资源又分为了互斥共享与同时共享,互斥共享就是我们这篇文章研究的内容。文章目录:一:进程互斥引入1.1 互斥访问临界资源逻辑分步:1.2互斥访问临界资源原则:二:进程...

2022-05-08 20:34:45 1400 32

原创 jQuery 尺寸操作 与 位置操作 【后附本章案例】

🧡🧡🧡 原生 JS 学习中,我们学会了使用 offset 来获取元素距离 父元素(有定位的父元素) 或 文档元素 上(offsetLeft)左(offsetTop)的距离,还学会了使用 offsetWidth 来获取元素的尺寸,以及 scroll 事件中的scrollTop 卷上去头部尺寸的方法等等。jQuery 里也封装了一系列方法来完成 元素尺寸 以及 位置 的操作,学会了这个,我们便可以使用 jQuery 来完成以前用原生 JS 写过的京东放大镜,以及电梯导航等案例啦,大家下面跟我一起学习看看吧!..

2022-05-07 19:25:13 1087 47

原创 jQuery 创建元素、添加元素、删除元素 【一篇文章轻松拿下】

原生 JS 中,我们学习了一整套元素创建添加删除的操作,其中创建元素,我们用了 creatElement,添加元素有两种,分别是后面追加 apprndChild,和指定元素前插入 insertBefore,在 jQuery 里,也有一整套的元素创建添加删除的方法,下面带大家一起学习一下 jQuery 的元素创建,添加,和删除 三连拳法吧!!!一:元素创建元素的创建相对于原生 JS 简直不要容易太多,我们只需要一个 ‘ $ ’ 符号就可以走遍天下元素创建格式:$('<div>&..

2022-05-04 18:12:53 1708 59

原创 『 高达 购物车案例 』jQuery + Java Script 全功能实现【超详细 代码分析】

『 高达 购物车 』jQuery + Java Script 全功能实现【超详细 代码分析】

2022-05-01 01:43:21 4778 118

原创 jQuery each( ) 遍历 与 $.each( ) 遍历【一篇文章轻松拿下】

轻松掌握 jQuery 遍历操作 之 ' each( ) ' 与 ' $.each( ) ' 及其使用区别

2022-04-30 12:31:24 1538 12

原创 jQuery 获取文本内容 与 原生 JS 的异同?

hello hello,我们学习原生 JS 时已经学习掌握了两种获取和设置文本的办法,大家还记得吗?那就是 innerHTML 与 innerText,对吧,这两个基本原生方法的使用想必大家已经有些混淆了吧?不要慌张!下面我会带大家复习一下这两个方法的。对于本篇文章,将带大家认识 jQuery 的获取设置文本内容的方法,向 jQuery 的深渊迈步吧!!!一:html() 与 innerHTMLhtml() 是 jQuery 的方法,它等同于 innerHTML,二者均可...

2022-04-28 15:29:11 759 54

原创 jQuery 获取与设置 元素属性【一篇文章轻松拿下】

hello大家好呀!此篇文章带领大家熟练掌握 jQuery 的属性方面的操作,包括固有属性的获取与设置,自定义属性的获取与设置等等,走进 jQuery 的更深层次阶段一:固有属性的设置与获取 prop 什么是固有属性?固有属性即标签本身具有的属性,例如 a 标签的 href 属性,input 标签的 type 属性,这些就叫做元素的固有属性,此版块我们要学会获取与设置其固有属性。1.1 固有属性的获取element.prop('属性名')<b...

2022-04-25 20:34:59 2424 104

原创 下课倒计时【原生 JS 实现 可直接复制粘贴运行】

案例效果:代码实现:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .

2022-04-20 11:36:51 504 28

原创 你真的拿捏 jQuery 四大动画效果了吗?【入门篇超详细 零基础适用】

在艰难的原生 JS 路上我们是否做过各种各样的动画效果呢,例如轮播图的动画函数,下拉菜单,但是其实之前的显示与隐藏等小操作都属于动画效果,在 jQuery 领域我们可以将这些显示隐藏放慢100倍 1000倍来让你看清楚其动画效果,这些就用到了显示与隐藏的隐藏参数,下面大家看一下 jQuery 为我们写好了哪些动画函数呢?在开始前先给各位来一个温馨注意事项:"动画函数只要触发就一定会执行,这句话在第四板块会提及到,大家多注意 "jQuery 已封装好的动画函数分类:显示隐藏效果 ...

2022-04-16 18:18:48 2932 61

原创 jQuery API ( 三 ) -------- 链式编程 与 修改样式方法

今天这篇文章是 jQuery API 的第三篇,今天心情很好,因为破了300粉,希望所有代码人前端人在编程与写作的路上都能一帆风顺,全都早日拿认证。okk言归正传,这篇文章将带大家走进链式编程的世界,这也是 jQuery 的一个大大大大优点,其可以使代码的可读性,简洁性都得到进一步的升华,让你进入更高一层境界的代码世界。 还有一个就是对于样式的修改的进一步说明,不再单单的是一个 css 方法,我们会在这篇文章接触到 样式操作类 与 更多的样式操作方法。 ...

2022-04-12 23:46:30 1148 69

原创 前端项目 电影院选座付款系统 【原生 JS 实现 页面美观简洁】

本篇文章写的是一个电影院的选座与页面跳转系统,因为时间仓促,只写了 3号厅的选座系统,后期有时间会写一个完整的功能更完备的电影院系统。 本项目完全使用原生JS实现,共有下列功能:两种座位价格 22 元 和 23元,包场功能,清空已选座位功能,点击支付后会将总价格传入付款界面,数据在页面间传递使用的是 JS 的本地存储 .......效果展示:主页面:选座页面:点击选座后即可弹出选座框进入选座开始选座:座位价格分为两种,红色的为 2...

2022-04-11 17:13:22 4702 80

原创 python 用户信息管理系统【各个函数剖析 + 完整代码 零基础适用篇】

这个用户管理系统小白也能轻松掌握,只用了函数,用户信息只有两个:姓名(账号)和密码,采用字典存放数据,字典的键即为姓名,值为密码,功能分为两大部分,第一部分为用户的登录和注册,第二部分为管理员对信息的增删查改操作,以下为文章目录:文章目录:主选择界面:主界面效果:可以输入 1 或 2 来选择你想要登录注册还是管理员管理主界面函数:choose0()def choose0(): print('-------- 图书馆借阅管理系统 --------...

2022-04-10 12:41:55 3571 32

原创 案例 jQuery 实现 图片框切换【与原生 JS 对比】

我们学习原生 JS 时,写过一个图片框切换的案例,还记得采用的是什么方法做到导航栏和内容栏同步切换吗?用的是自定义属性的创建和获取,比较麻烦,我们还要使用for循环遍历绑定事件,但是学了 jQuery 之后,虽然只是入门,但以及可以完成一些基本的动态效果。我们来对比一下二者的实现部分:原生 JS: 原生 JS 就是在循环给每一个 li 绑定鼠标移动事件时使用setAttribute 设置一个自定义属性 index,然后绑定移动事件时使用 getAttri...

2022-04-09 16:16:24 1065 13

基于ajax的图书列表的增删改查

基于ajax的jQuery封装库的增删改查,入门ajax的首选案例

2022-10-23

大数据热点波动图,纯css3实现

通过css3动画设置的大数据热点波动图,主要利用了animation动画

2022-09-30

基于CSS的旋转木马相册的案例,页面简洁炫酷适合拿来做网页

基于HTML+CSS3,适合新入门前端的小白新人,用到了3D的相关知识点,复习巩固做网页都是好选择

2022-09-25

数据滚动大屏源码,原生js实现超级简单

原生js实现的数据滚动大屏案例,实现应该是全网最简单的,拿来直接使用即可,没有会员的小伙伴去我文章主页私聊获取

2022-09-12

汽车商城根据价格区间搜索车辆案例

利用了JavaScript进阶中的array新增的迭代方法实现页面渲染数据,筛选数据等功能,较JavaScript基础相比更为方便

2022-08-03

炫酷登录注册 完整功能版

炫酷登录注册页面的完整功能版本,包含了基于本地存储的注册,登录,修改密码等功能,适合用于新入门前端领域的小伙伴拿来学习使用

2022-07-13

一款非常炫酷登录注册页面

一个非常炫酷的的登录注册页面,登录注册切换由 jQuery 实现,原理简单易懂并且十几行代码就完成了,有兴趣的小伙伴拿来试试呗

2022-06-27

模拟浏览器网页顶部切换栏 (ES6面向对象版本)

模拟浏览器网页顶部切换栏 (ES6面向对象版本)

2022-06-19

前端小项目 todoList 待做事项清单源码文件

前端小项目 todoList 待做事项清单源码文件,使用 jquery + JavaScript + HTML +CSS 书写,讲解在文章主页

2022-05-24

高达购物车案例 资源,jQuery + Java Script 实现

高达购物车案例 资源,jQuery + Java Script 实现

2022-05-01

轮播图完整代码(改进添加了节流阀,直接更改图片使用即可)

本人的原创轮播图的完整版代码,讲解在上一篇文章中,点击左右按钮切换图片,自动播放,点击小圆点播放,图片与小圆点同步,节流阀等均有实现,直接更换图片使用即可,注意图片路径不要搞错,有需要的小伙伴直接拿就行,给个赞谢谢支持!!

2022-04-01

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除