登录
大陆仔天气预报
分类:JavaScript 访问:462 下载量:0

软件介绍

更新时间:2023-02-23

大陆仔天气预报是一个纯JS版的天气预报,调用了新浪的天气预报接口实现。具体功能如下:

● 支持根据用户IP来显示当地的天气预报 (使用了魔镜的 API)

● 支持用户搜索中国和国外城市的天气预报

● 将能够查询未来两天的天气情况。

使用方法:

该程序是基于jquery 1.32 和 daluzai JS函数库 1.3 开发的,所以在使用前请检测网站是否拥有jquery和daluzai函数库。 确认无误后那么就可以初始化大陆仔天气预报了

//创建天气预报核心对象
var weather_=new weather();

接着,配置将要使用的天气预报风格:(系统默认使用QQ的风格)

//设置样式
weather_.getStyle('qq');

大陆仔天气预报支持两套风格:QQ风格和未名风格。
QQ风格将和QQ天气预报一样的皮肤和显示方式,
未名风格则是官方自己开发的一套风格,因为图片的来源未知,因此起名为 未名风格。

接下来监听用户的所有事件,比如:点击按钮查询天气和回车查询天气等事件。

//监听用户事件
onEvent.onEvent();

最后,是大陆仔天气预报提供的帮助接口
大陆仔天气预报共提供了四个帮助函数,
分别是

.help('ver');
.help('about');
.help('style');
.help('');

使用weather_.help('ver'); 系统将返回当前使用的版本号;

使用weather_.help('ablout'); 系统将返回官方的信息;

使用weather_.help('style'); 系统将返回系统拥有的所有皮肤;

使用weather_.help(''); 系统将返回帮助所有的函数;

程序说明:

核心程序 weather.js
Weather.js 共有三个对象:
分别是
weather
uisy
onEvent

weather系统核心对象。处理了向新浪请求数据,天气预报皮肤,揣测天气预报对应的图片,页面的输出已经系统帮助的等功能。

uisy系统的JS和 CSS交互效果对象。

onEvent系统的所有响应事件。比如:用户的点击查询按钮,回车事件,系统正在查询,已经屏蔽报错等功能。

修改皮肤:

大陆仔天气预报的样式依赖于 daluzai CSS 底层库,其中,大陆仔天气预报样式在uisy/drivers/prviate.css

修改样式即可换肤。

特别说明:大陆仔产品一直遵循一个原则,CSS样式从来不用ID定义。所以,在修改皮肤时请不要使用ID定义样式,以免于JS的使用发生冲突。

本站所有资源都是由网友投稿发布,或转载各大下载站, 请自行检测软件的完整性!

本站所有资源仅供学习与参考,请勿用于商业用途,否则 产生的一切后果将由您自己承担!

如有侵权请联系我们删除下架,联系方式:study_golang@163.com

最新教程

查看更多
  • Vue.js 微实战--十天技能课堂
    Vue.js 微实战--十天技能课堂
    咨询微信:ycku_com;该课程是一门实战性质的课程,重点围绕Vue.js框架展开。课程中包含了四个小实战项目:计算器、打卡、史今查询和手机归属地。学习者将通过这些实际的小项目,学会如何使用Vue.js框架构建各种类型的应用。从简单的计算器到更复杂的打卡系统、查询功能和API调用,学习者将掌握Vue.js的核心概念、组件化开发、状态管理以及与后端API的交互。通过这些实战项目,学习者将能够获得丰
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让学生了解MySQL如何与客户端进行通信。此外,课程还将介绍如何优化MySQL的网络通信性能,包括连接池、网络压缩、SSL加密等高级技术。学生将通过实践项目,亲手
  • golang socket 编程
    golang socket 编程
    如有问题加微信:Le-studyg;本课程从基础概念讲起,涵盖了socket编程的核心概念、Golang的socket编程接口、常见协议和案例实战等内容。通过系统地学习,学员将掌握如何使用Golang进行高效的socket编程,从而为开发高性能的网络应用打下坚实的基础。
  • Golang云原生架构师课程
    Golang云原生架构师课程
    Go是一门并发支持、垃圾回收的编译型系统编程语言;本课程转载自哔哩哔哩:https://www.bilibili.com/video/BV1Mh411M7A
  • Golang深入理解GPM模型
    Golang深入理解GPM模型
    Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
  • Go语言课程Gin框架实战
    Go语言课程Gin框架实战
    Gin是一个用Go(Golang)编写的HTTPweb框架。它是一个类似于 martini 但拥有更好性能的API框架,由于 httprouter,速度提高了近40倍。如果你需要极好的性能,使用Gin吧。