前端技术
HTML
CSS
Javascript
前端框架和UI库
VUE
ReactJS
AngularJS
JQuery
NodeJS
JSON
Element-UI
Bootstrap
Material UI
服务端和客户端
Java
Python
PHP
Golang
Scala
Kotlin
Groovy
Ruby
Lua
.net
c#
c++
后端WEB和工程框架
SpringBoot
SpringCloud
Struts2
MyBatis
Hibernate
Tornado
Beego
Go-Spring
Go Gin
Go Iris
Dubbo
HessianRPC
Maven
Gradle
数据库
MySQL
Oracle
Mongo
中间件与web容器
Redis
MemCache
Etcd
Cassandra
Kafka
RabbitMQ
RocketMQ
ActiveMQ
Nacos
Consul
Tomcat
Nginx
Netty
大数据技术
Hive
Impala
ClickHouse
DorisDB
Greenplum
PostgreSQL
HBase
Kylin
Hadoop
Apache Pig
ZooKeeper
SeaTunnel
Sqoop
Datax
Flink
Spark
Mahout
数据搜索与日志
ElasticSearch
Apache Lucene
Apache Solr
Kibana
Logstash
数据可视化与OLAP
Apache Atlas
Superset
Saiku
Tesseract
系统与容器
Linux
Shell
Docker
Kubernetes
[EV视频剪辑]的搜索结果
这里是文章列表。热门标签的颜色随机变换,标签颜色没有特殊含义。
点击某个标签可搜索标签相关的文章。
点击某个标签可搜索标签相关的文章。
VUE
...上传文件,例如图片、视频等等。而在Vue.js中,我们可以利用FileReader API来实现这个功能。 下面是一个简单的代码示例: php-template 在这个例子中,我们使用了multiple属性来允许用户一次选择多个文件。然后在handleFiles方法中,我们遍历选定的文件数组,并利用FileReader API将文件内容读取出来。 以上就是我分享的一些尚未开发的Vue.js项目,希望大家能够从中找到自己的兴趣点,并且勇敢地尝试去做。相信只要你足够努力,你就一定能成为一名优秀的Vue.js开发者!
2023-04-20 20:52:25
380
梦幻星空_t
转载文章
..."https://developer.aliyun.com/group/?spm=a2c6h.12883283.1377930.25.7287201c9RKTCi&groupType=other","link":"https://developer.aliyun.com/","icon":"https://img.alicdn.com/tfs/TB1TlXBEkT2gK0jSZPcXXcKkpXa-200-200.png","btn2":"开发者藏经阁","tip":"打通开发者成长路径,学习中心 。全线阿里云技术大牛公开课,立即查看","btn1":"技术与产品技术圈","link2":"https://developer.aliyun.com/topic/ebook?spm=a2c6h.12883283.1362932.15.7287201c9RKTCi","title":"阿里云开发者社区"}],"search":[{"txt":"学习中心","link":"https://developer.aliyun.com/learning?spm=a2c6h.13788135.1364563.41.299f5f24exe3IS"},{"txt":"技能测试中心 ","link":"https://developer.aliyun.com/exam?spm=a2c6h.13716002.1364563.42.6cac18a3JWCM5U"},{"txt":"开发者云 ","link":"https://developer.aliyun.com/adc/?spm=a2c6h.13716002.1364563.59.6b0818a3DV0vzN"},{"txt":"在线编程 ","link":"https://developer.aliyun.com/coding?spm=5176.13257455.1364563.57.701e7facHvqi5r"},{"txt":"学习中心 ","link":"https://developer.aliyun.com/learning?spm=a2c6h.12883283.1364563.41.5f1f201c5CLDCC"},{"txt":"高校计划 ","link":"https://developer.aliyun.com/adc/college/?spm=a2c6h.13716002.1364563.58.6cac18a3JWCM5U"}],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0} }} {"$env":{"JSON":{} },"$page":{"env":"production"},"$context":{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里技术人对外发布原创技术内容的最大平台;社区覆盖了云计算、大数据、人工智能、IoT、云原生、数据库、微服务、安全、开发与运维9大技术领域。","link1":"https://developer.aliyun.com/group/?spm=a2c6h.12883283.1377930.25.7287201c9RKTCi&groupType=other","link":"https://developer.aliyun.com/","icon":"https://img.alicdn.com/tfs/TB1TlXBEkT2gK0jSZPcXXcKkpXa-200-200.png","btn2":"开发者藏经阁","tip":"打通开发者成长路径,学习中心 。全线阿里云技术大牛公开课,立即查看","btn1":"技术与产品技术圈","link2":"https://developer.aliyun.com/topic/ebook?spm=a2c6h.12883283.1362932.15.7287201c9RKTCi","title":"阿里云开发者社区"}],"search":[{"txt":"学习中心","link":"https://developer.aliyun.com/learning?spm=a2c6h.13788135.1364563.41.299f5f24exe3IS"},{"txt":"技能测试中心 ","link":"https://developer.aliyun.com/exam?spm=a2c6h.13716002.1364563.42.6cac18a3JWCM5U"},{"txt":"开发者云 ","link":"https://developer.aliyun.com/adc/?spm=a2c6h.13716002.1364563.59.6b0818a3DV0vzN"},{"txt":"在线编程 ","link":"https://developer.aliyun.com/coding?spm=5176.13257455.1364563.57.701e7facHvqi5r"},{"txt":"学习中心 ","link":"https://developer.aliyun.com/learning?spm=a2c6h.12883283.1364563.41.5f1f201c5CLDCC"},{"txt":"高校计划 ","link":"https://developer.aliyun.com/adc/college/?spm=a2c6h.13716002.1364563.58.6cac18a3JWCM5U"}],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0} }} } 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_39884323/article/details/110752404。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-01-31 19:12:04
256
转载
ReactJS
...你在网络上找照片或者视频时看到的那种链接。所以,当你告诉 小玩具穿哪件衣服时,你得确保那个名字是正确的网络地址!如果传递的不是字符串,而是数字或其他类型,就会触发“Invalid prop type”错误。 javascript class Image extends React.Component { render() { return ; } } function App() { return ; // 错误示例 } 在这个例子中,App组件尝试将一个数字传递给Image组件作为src属性,这违反了Image组件的类型约束,从而引发错误。 解决方案与最佳实践 1. 明确组件的类型约束 在创建组件时,通过propTypes或React.memo的type属性来定义组件接收的属性类型。这样可以确保在组件首次渲染时就对传入的属性进行验证。 javascript class Image extends React.Component { static propTypes = { src: PropTypes.string.isRequired, alt: PropTypes.string }; render() { return ; } } 2. 使用prop-types库 prop-types库提供了更强大的类型检查功能,可以帮助开发者在运行时捕获错误,并提供更详细的错误信息。 javascript import PropTypes from 'prop-types'; class Image extends React.Component { static propTypes = { src: PropTypes.string.isRequired, alt: PropTypes.string }; render() { return ; } } 3. 动态类型检查 对于更复杂的情况,你可能需要在运行时动态地检查传入的属性类型。这种情况下,可以使用JavaScript的内置函数或第三方库如is-type-of来进行类型检测。 javascript const isUrl = require('is-type-of/url'); class Image extends React.Component { constructor(props) { super(props); if (!isUrl(this.props.src)) { throw new Error(Invalid prop type for src: ${this.props.src}); } } render() { return ; } } 4. 错误处理与日志记录 当错误发生时,通过适当的错误处理机制捕获并记录错误信息,可以帮助开发者快速定位问题。哎呀,兄弟!在实际操作的时候,得记得把那些烦人的警告都关掉。咱们可不想因为一堆没必要的错误提示,让用户体验变得糟糕了吧?对吧?这样子,用户就能愉快地玩耍,咱们也能省心不少! javascript try { // 尝试执行可能引发错误的操作 } catch (error) { console.error(error); } 总结 “Invalid prop type”错误是React开发过程中常见且易处理的问题。通过明确组件的类型约束、利用prop-types库、进行动态类型检查以及妥善处理错误,我们可以有效地避免这类问题,提升应用的稳定性和用户体验。记得,在日常开发中保持代码的健壮性,不仅可以减少错误的发生,还能让团队成员间的协作更加顺畅。希望这篇文章能帮助你在面对类似问题时,更加游刃有余。
2024-09-10 15:47:38
26
幽谷听泉
转载文章
....net/geeklevin/article/details/121302367。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。 之前学委发表了一篇文末抽奖的文章:Python中处理字符串的常用函数汇总【文末送书】 学委喜欢下面这句话: 生活不尽如人意 但总有美好事情发生 抽奖就是这样一件美妙的事情,也是一个充满期待的时刻,不是吗? 学委花了几天把抽奖过程和结果全网公开,配上了动感的🎵,我们看看视频吧: 离谱!怒改抽奖程序背后原因令人暖心! 最后恭喜 IT莫扎特 喜提Python好书。 (PS:视频情节纯属玩梗硬编,如果李杜在世,他们必是顶尖程序玩家,个人非常喜欢里面的两位著名诗人) prize 工具文章介绍 【开源项目】一款prize万能抽奖小工具发布 在这篇发布中,学委定了一个抽奖时间11月10号晚上10点公布,视频中时手动的 前文贴图的prize python库是周日发布的【0.0.2】 版本 这次,重大更新推出之【定时抽奖】 特地追加了一个【定时抽奖】功能! 更多说明看下图: 再温习一遍【prize】工具如何进行抽奖操作? 第一步: 打开prize:创建了桌面快捷方式,可以双击prize即可打开。(否则打开终端/command,输入: prize) 第二步:在弹出的主界面内,复制黏贴信息,根据情况选择按行解析还是其他格式,然后点击生成【卡片格子】 第三步:点击【重新抽奖】 定时抽奖如何进行 前面两步跟上面的即时抽奖别无二致,下面是第三步。 第三步:进入菜单【更多配置】-> 【定时抽奖】 第四步:再弹出的字窗口内设置时/分/秒 ,然后点击【预约抽奖】,最后就是等待prize工具自动准点抽奖了。 懒得看文字步骤的,看看上面的视频吧 视频内介绍了: 安装/操作/定时等等操作。 包括了Windows操作系统和MacOS上如何操作prize "重现"了李白和杜甫的深厚情谊! 好,对于这个工具有其他改进意见可以评论提出。 对了,喜欢Python的朋友,请关注学委的 Python基础专栏 or Python入门到精通大专栏 持续学习持续开发,我是雷学委! 编程很有趣,关键是把技术搞透彻讲明白。 欢迎关注微信,点赞支持收藏! 本篇文章为转载内容。原文链接:https://blog.csdn.net/geeklevin/article/details/121302367。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-23 19:19:10
121
转载
VUE
...才加载资源,如图片或视频,提高页面初始加载速度。在滚动加载中,通常指在用户滚动到特定位置时才加载对应的图片或内容。
2024-06-16 10:44:31
97
断桥残雪_
转载文章
...可以看B站这位大佬的视频游戏王Lua脚本编写教程·改二_哔哩哔哩_bilibili 关于技能的发动: 1、GAS中取对象的技能设计,使用targetData Actor来表征选选择对象的信息。 另一种实现方式是设定一个定时器,当技能开始的时候⏲,如果超时没有获取到对象,那么就当作对局失败或者技能发动失败处理。我偏向于后者的实现。 2、关于效果的类型,我们可以看到ygopro和DL的分类大体相似,如果用GAS设计技能的话也可以从简单的技能类型设计起来 3、卡片的表示 沿用ygopro的卡片类型的定义,在游戏中用Pawn做为基类。初始化的时候传入基本的信息,一开始将cards.db读入内存,用map存储,后续信息的查找都查询该map 效果卡片,仍然可以用lua实现逻辑,具体的后续再看看怎么实现比较合适。 4、设计简单的演示方案,仍然是从最简单的初代规则和初代卡牌考虑 a:summon a monster 利用动态资源加载的方式,先完成了一个简单的召唤逻辑。 先实现最基本的功能。后面再考虑详细的state信息 接下来实现三种基本的技能方式,然后看看技能资源该如何组织比较好 b:进行攻击 c:装备卡发动 d:生命值回复效果 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_33232568/article/details/117932910。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-12-07 13:59:47
149
转载
转载文章
...I神器联动,十倍提升视频创作效率 💛Python量化交易实战 💛 入门级 手把手带你打造一个易扩展、更安全、效率更高的量化交易系统 🧡 Python实战微信订餐小程序 🧡 进阶级 本课程是python flask+微信小程序的完美结合,从项目搭建到腾讯云部署上线,打造一个全栈订餐系统。 本篇文章为转载内容。原文链接:https://blog.csdn.net/liangzijiaa/article/details/131335933。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-02-09 12:42:15
704
转载
转载文章
...发效率,尤其针对高清视频流媒体、在线教育、电商直播等高流量应用场景,大幅降低了延迟,提升了用户体验。同时,腾讯云也在CDN技术研发方面取得突破,结合AI智能预测算法,实现了热点内容的预加载与精准推送,极大地提高了缓存命中率,减少了回源带宽消耗。 此外,面对网络安全威胁的升级,百度智能云推出的CDN服务在加速功能基础上,集成了深度防御体系,不仅能抵御大规模DDoS攻击,还能有效防止恶意爬虫对源站资源的过度消耗,充分保障了企业级用户的服务连续性和数据安全性。 在全球范围内,CDN行业正在经历一场深刻的变革,5G、物联网、区块链等新兴技术的融入,将进一步拓宽CDN的应用场景,使其在未来数字时代发挥更加关键的作用。例如,Akamai Technologies公司就正在进行基于5G网络环境下的CDN架构升级,旨在构建一个能适应未来超低延迟、超高带宽需求的内容分发生态系统。 总的来看,无论是国内还是国际,CDN技术都在不断迭代更新,以满足瞬息万变的互联网市场需求,特别是在提升用户体验、保障网站稳定性以及应对日益复杂的安全挑战等方面,正以前沿科技驱动行业发展,赋能数字经济建设。在这样的背景下,对于企业和开发者来说,深入理解和合理运用CDN技术,无疑将成为提升自身竞争力、赢得市场份额的关键所在。
2024-03-22 12:25:22
567
转载
Mahout
...果,特别是在新闻、短视频等具有时效性和个性化需求强烈的场景下。 综上所述,尽管Mahout在处理稀疏矩阵异常方面已提供了一定程度的支持,但面对当前推荐系统领域的最新研究进展和实际应用需求,我们仍需紧跟前沿动态,探索更加高效且适应性强的解决方案,以实现推荐系统的精准化和智能化。
2023-01-23 11:24:41
144
青春印记
转载文章
...ort flash.events.MouseEvent; import flash.events.NetStatusEvent; import flash.net.NetConnection; import flash.net.Responder; public class Main extends MovieClip { public var nc:NetConnection; public var myRespond:Responder; public function Main():void { txt.text=""; bt.label="请点击链接"; myRespond=new Responder(success,failed); bt.addEventListener(MouseEvent.CLICK,clickHandler); } private function clickHandler(e:MouseEvent) { if (bt.label=="请点击链接") { bt.label="请点击断开"; nc=new NetConnection(); nc.connect("rtmp://localhost/viniFMS"); nc.addEventListener(NetStatusEvent.NET_STATUS,statusHandler); nc.call("sayServermsg",myRespond,"Hi"); } else { txt.text=""; bt.label="请点击链接"; nc.close(); } } private function statusHandler(e:NetStatusEvent) { if (e.info.code=="NetConnection.Connect.Success") { trace("ok"); } } private function success(result:Object) { trace("成功:"+result.toString()); txt.text=result.toString(); } private function failed(result:Object) { trace("失败:"+result.toString()); } } } 将as文件保存为Main.as 在test.fla的属性那的文档类输入Main。保存。 Three:建立通讯文件(.asc) 1.选择文件>新建>actionscript通信文件。 输入以下代码: application.onConnect=function(client){ application.acceptConnection(client); client.sayServermsg=function(msg){ return msg+",欢迎你来到FMS的世界 !"; } } 将文件保存到fms的application的文件夹下的viniFMS文件夹下,文件名为:main.asc. 确保FMS的服务已经打开,80端口没有被php等占用。 然后运行flash,点击按钮。就会有结果出现了。如下图所示。 再点击按钮。关闭连接。再点就是打开。如此循环。客户端会得到服务器端返回的 数据。 一个客户端用actionscript编码来连接到服务器,处理事件,和做其它工作。通过flash CS3你可以使用actionscript 3.0,2.0或1.0,但是actionscript3.0提供更多特性。要想使用flex,你必须使用actionscript 3.0. Actionscript3.0显著的不同于actionscript 2.0。这个向导假设你是在正在编写actionscript 3.0的类,这些类是一些外部的.as文件,有符合你的开发环境的目录结构的包的名称 转载于:https://blog.51cto.com/vini123/681426 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_33895475/article/details/91647859。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-09-10 18:10:29
66
转载
Greenplum
...商品推荐,还是在音乐视频平台刷到的个性化内容推送,甚至是社交媒体上为你精心匹配的好友建议,可以说它们简直就是无处不在,充斥着我们的日常生活。然而,现如今啊,随着数据量蹭蹭地往上涨,怎么才能把这些海量数据吃得透透的,并且精准地给用户推送他们想要的东西,这可真成了我们眼前一道躲不过去的大难题了。 这就是我们要讨论的主题——使用Greenplum进行实时推荐系统开发。Greenplum这个家伙,是Pivotal公司家的明星产品,一款超级给力的分布式数据库系统。它特擅长对付那种海量数据,而且还能做到实时分析,就像个数据处理的超能勇士一样。 二、绿萍普的基本概念与特性 首先,我们需要了解什么是Greenplum。简单来说,Greenplum是一种基于PostgreSQL的关系型数据库管理系统。它具有以下特点: 1. 分布式架构 Greenplum采用了MPP(Massively Parallel Processing)架构,可以将数据分布在多个节点上进行处理,大大提高了处理速度。 2. 实时查询 Greenplum支持实时查询,可以在海量数据中快速找到需要的信息。 3. 高可用性 Greenplum采用了冗余设计,任何一个节点出现问题,都不会影响整个系统的运行。 三、Greenplum在实时推荐系统中的应用 接下来,我们将详细介绍如何使用Greenplum来构建一个实时推荐系统。 首先,我们需要收集用户的行为数据,如用户的浏览记录、购买记录等。这些数据可以通过日志文件、API接口等方式获取。 然后,我们可以使用Greenplum来存储和管理这些数据。比如说,我们可以动手建立一个用户行为记录表,就像个小本本一样,把用户的ID号码、干了啥类型的行为、啥时候干的这些小细节,都一五一十地记在这个表格里。 接着,我们需要计算用户的历史行为模式,以便于对用户进行个性化推荐。这可以通过一些机器学习算法来完成,如协同过滤、矩阵分解等。 最后,我们可以使用Greenplum来进行实时推荐。当有新的用户行为数据蹦出来的时候,我们能立马给用户行为表来个实时更新。接着,咱们通过一套算法“火速”算出用户的最新行为习惯,最后就能生成专属于他们的个性化推荐啦! 四、代码示例 下面是一段使用Greenplum进行实时推荐的代码示例: sql CREATE TABLE user_behavior ( user_id INT, behavior_type TEXT, behavior_time TIMESTAMP ); INSERT INTO user_behavior VALUES (1, 'view', '2021-01-01 00:00:00'); INSERT INTO user_behavior VALUES (1, 'buy', '2021-01-02 00:00:00'); INSERT INTO user_behavior VALUES (2, 'view', '2021-01-01 00:00:00'); -- 计算用户行为模式 SELECT user_id, behavior_type, COUNT() as frequency FROM user_behavior GROUP BY user_id, behavior_type; -- 实时推荐 INSERT INTO user_behavior VALUES (3, 'view', '2021-01-01 00:00:00'); SELECT u.user_id, m.product_id, m.rating FROM user_behavior u JOIN product_behavior b ON u.user_id = b.user_id AND u.behavior_type = b.behavior_type JOIN matrix m ON u.user_id = m.user_id AND b.product_id = m.product_id WHERE u.user_id = 3; 以上代码首先创建了一个用户行为表,然后插入了一些样本数据。然后,我们统计了大家的使用习惯频率,最后,根据每个人独特的行为模式,实时地给出了个性化的推荐内容~ 五、结论 总的来说,使用Greenplum进行实时推荐系统开发是一个既有趣又有挑战的任务。通过巧妙地搭建架构和精挑细选高效的算法,我们能够轻松应对海量数据的挑战,进而为用户提供贴心又个性化的推荐服务。就像是给每一片浩瀚的数据海洋架起一座智慧桥梁,让每位用户都能接收到量身定制的好内容推荐。 当然,这只是冰山一角。在未来,随着科技的进步和大家需求的不断变化,咱们的推荐系统肯定还会碰上更多意想不到的挑战,当然啦,机遇也是接踵而至、满满当当的。但是,只要我们敢于尝试,勇于创新,就一定能创造出更好的推荐系统。
2023-07-17 15:19:10
745
晚秋落叶-t
转载文章
...来更多的多媒体元素(视频和音频); 7、可以很好的替代Flash和Silverlight; 8、涉及到网站的抓取和索引的时候,对于SEO很友好; 9、被大量应用于移动应用程序和游戏。 缺点 a)、安全:像之前Firefox4的web socket和透明代理的实现存在严重的安全问题,同时web storage、web socket 这样的功能很容易被黑客利用,来盗取用户的信息和资料。 b)、完善性:许多特性各浏览器的支持程度也不一样。 c)、技术门槛:HTML5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,像web worker、web socket、web storage 等新特性,后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战 d)、性能:某些平台上的引擎问题导致HTML5性能低下。 e)、浏览器兼容性:最大缺点,IE9以下浏览器几乎全军覆没。 详细了解HTML5概要与新增标签地址(大神果哥):https://www.cnblogs.com/best/p/6096476.html posted @ 2018-08-12 12:45 韦邦杠 阅读(...) 评论(...) 编辑 收藏 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_42981419/article/details/86162058。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-14 16:22:34
272
转载
Superset
...简单,就跟你平时点开视频网站的小播放键一样,你只需要轻轻一点查询编辑器右下角那个醒目的“预览”按钮,一切就尽在眼前啦!瞧瞧这个预览窗口,这里展示了咱们正在使用的所有列,还附带了我们对这些列的处理手法,也就是聚合方式,一目了然! 例如,如果我们只想看到某一类产品的销售额,我们应该选择"product_type"和"sales_amount"这两列,并设置聚合方式为"SUM(sales_amount)"。 步骤二:处理缺失值和异常值 如果我们发现我们的数据集中存在缺失值或者异常值,我们需要先处理这些问题。在 Python 中,我们可以使用 Pandas 库来处理这些问题。例如,我们可以使用 dropna() 方法来删除含有缺失值的行,或者使用 fillna() 方法来填充缺失值。对于异常值,我们可以使用箱线图来识别并处理。 步骤三:设计可视化 最后,我们需要根据我们的需求来设计我们的可视化。在 Superset 中,我们可以很容易地改变我们可视化的类型、颜色、标签等属性。同时呢,咱们也得留心一下咱的标题和图例这些小细节,确保它们能明明白白地把我们的意思传达出去,让人一看就懂。 例如,如果我们想比较两种产品的销售额,我们应该选择柱状图作为我们的可视化类型,并给每种产品分配不同的颜色。同时,我们也应该在标题和图例中明确指出我们正在比较的是哪两种产品。 五、结论 总的来说,处理数据列映射异常是一项非常重要的任务。瞧,如果我们认真检查咱们的查询,把那些躲猫猫的缺失值和捣乱的异常值都妥妥地处理好,再巧妙地设计我们的可视化图表,那就能确保咱们的数据列映射绝对精准无误。这样一来,生成的可视化效果自然就棒棒哒,既有效又直观!希望这篇文章能帮助你解决你在 Superset 中遇到的问题。
2023-09-13 11:26:54
100
清风徐来-t
转载文章
...节省很多时间。 学习视频 编程学习一定要多多看视频,书籍和视频结合起来学习才能事半功倍。 100道练习题 实战案例 光学理论是没用的,学习编程切忌纸上谈兵,一定要动手实操,将自己学到的知识运用到实际当中。 最后祝大家天天进步!! 上面这份完整版的Python全套学习资料已经上传至CSDN官方,朋友如果需要可以直接微信扫描下方CSDN官方认证二维码免费领取【保证100%免费】。 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_67991858/article/details/128340577。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-11-14 09:38:26
43
转载
转载文章
...支持图片,还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto。目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6。 prettyPhoto插件的项目地址:http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 建议英文好的朋友直接去官网上了解这个插件的用法,如果你的英文很烂,那么也别急,下面我就给大家来一一介绍prettyPhoto的使用方法。 二、prettyPhoto使用方法介绍 1、引入jquery核心库和prettyPhoto插件库以及prettyPhoto样式表文件 复制代码代码如下: <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /> <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 2、初始化jquery插件,以下是最简单的配置的js代码 复制代码代码如下: $(document).ready(function(){ $("a[rel^='prettyPhoto']").prettyPhoto(); }); 下面是每种类型的html代码 1、单张图片 复制代码代码如下: <a href="images/fullscreen/2.jpg" rel="prettyPhoto" title="This is the description"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /> </a> 2、图片相册 复制代码代码如下: <a href="images/fullscreen/1.jpg" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures."> <img src="images/thumbnails/t_1.jpg" width="60" height="60" alt="Red round shape" /> </a> <a href="images/fullscreen/2.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="Nice building" /> </a> <a href="images/fullscreen/3.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_3.jpg" width="60" height="60" alt="Fire!" /> </a> <a href="images/fullscreen/4.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_4.jpg" width="60" height="60" alt="Rock climbing" /> </a> <a href="images/fullscreen/5.jpg" rel="prettyPhoto[pp_gal]"> <img src="images/thumbnails/t_5.jpg" width="60" height="60" alt="Fly kite, fly!" /> </a> 3、单个flash 复制代码代码如下: <a href="http://www.adobe.com/products/flashplayer/include/marquee/design.swf?width=792&height=294" rel="prettyPhoto[flash]" title="Flash 10 demo"> <img src="images/thumbnails/flash-logo.jpg" alt="Flash 10 demo" width="60" /> </a> 4、YouTube视频 复制代码代码如下: <a href="http://www.youtube.com/watch?v=qqXi8WmQ_WM" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 5、Vimeo 复制代码代码如下: <a href="http://vimeo.com/8245346" rel="prettyPhoto" title=""> <img src="images/thumbnails/flash-logo.jpg" alt="YouTube" width="60" /> </a> 6、QuickTime影片 复制代码代码如下: <a title="Despicable Me" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/universal/despicableme/despicableme-tlr1_r640s.mov?width=640&height=360"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Despicable Me" width="50" /> </a> <a title="Tales from Earthsea" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/disney/talesfromearthsea/talesfromearthsea-tlr1_r640s.mov?width=640&height=340"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Tales from Earthsea" width="50" /> </a> <a title="Grease Sing-A-Long" rel="prettyPhoto[movies]" href="http://trailers.apple.com/movies/paramount/greasesingalong/greasesingalong-tlr1_r640s.mov?width=640&height=272"> <img src="/wp-content/themes/NMFE/images/thumbnails/quicktime-logo.png" alt="Grease Sing-A-Long" width="50" /> </a> 7、外部网站(iframe) 复制代码代码如下: <a href="http://www.google.com?iframe=true&width=100%&height=100%" rel="prettyPhoto[iframes]" title="Google.com opened at 100%">Google.com</a> <a href="http://www.apple.com?iframe=true&width=500&height=250" rel="prettyPhoto[iframes]">Apple.com</a> <a href="http://www.twitter.com?iframe=true&width=400&height=200" rel="prettyPhoto[iframes]">Twitter.com</a> 8、普通文本 复制代码代码如下: <a href="inline-1" rel="prettyPhoto" ><img src="/wp-content/themes/NMFE/images/thumbnails/earth-logo.jpg" alt="" width="50" /></a> <div id="inline-1" class="hide"> <p>这里是普通的文本</p> <p>今天给大家介绍的prettyPhoto希望大家能喜欢,这个是播放普通文本的html</p> </div> 9、AJAX内容 复制代码代码如下: <a rel="prettyPhoto[ajax]" href="/demos/prettyPhoto-jquery-lightbox-clone/xhr_response.html? ajax=true&width=325&height=185">Ajax content</a> 三、总结 prettyBox图片播放插件很好用,赶紧用它来打造你的专属相册吧! 本篇文章为转载内容。原文链接:https://blog.csdn.net/gong1422425666/article/details/72817469。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2024-01-14 22:09:23
279
转载
Nginx
...可以在平台上观看课程视频。为了提高用户体验,你决定为每个学生提供个性化的推荐视频。这种时候,你大概更想每次都拿到最新鲜的推荐列表,而不是老是翻那堆缓存里的东西吧? nginx location /recommendations { proxy_cache my_cache; proxy_cache_bypass $http_x_user_id; proxy_pass http://video_server; } 在这个配置中,$http_x_user_id是一个自定义的HTTP头,当你在请求头中添加这个头时,Nginx就会绕过缓存。 5. 总结与展望 总之,proxy_cache_bypass是Nginx缓存机制中一个非常有用的工具,它允许我们在特定条件下绕过缓存,直接向后端服务器发送请求。用好了这个指令啊,就好比给网站的缓存装了个聪明的小管家,让它该存啥不该存啥都安排得明明白白的。这样不仅能加快网页加载速度,还能让用户打开网站的时候感觉特别顺畅,那体验感直接拉满! 未来,随着互联网技术的不断发展,我相信proxy_cache_bypass会有更多的应用场景。说不定哪天啊,它就更聪明了,自己能分得清哪些请求得绕开缓存走,哪些直接就能用缓存搞定。不管咋说呢,咱们都得对新玩意儿保持那份好奇,老想着学点新鲜的,让自己一直进步才行啊! 最后,我想说的是,Nginx不仅仅是一个工具,它更像是一个伙伴,陪伴着我们一起成长。希望这篇文章能对你有所帮助,如果有任何问题或者想法,欢迎随时交流!
2025-04-18 16:26:46
97
春暖花开
Javascript
...线购物,从即时通讯到视频会议,几乎所有的应用都需要与人进行实时互动。在这些交流互动里,沟通可是扮演着超级重要的角色,特别是在那些有多人一起参与或者需要咱们格外注意保护隐私的情况里,通信更是关键得不得了! 那么,如何实现高效、安全且易于使用的通信呢?这就是今天我们要讨论的话题——利用WebRTC技术实现点对点通信。 二、什么是WebRTC WebRTC(Web Real-Time Communication)是一种开源协议,由Google于2011年推出,旨在使网页能够进行实时音频、视频通话以及数据传输。它的特点是无需依赖任何第三方软件,只需通过浏览器就能完成通信。 三、WebRTC的工作原理 WebRTC的工作原理可以简单地概括为三个步骤: 1. 媒体流获取 浏览器会调用getUserMedia API,请求用户的摄像头和麦克风权限,获取用户的实时音频和视频流。 2. 信道建立 浏览器将媒体流封装成ICE候选信息,并发送给服务器或者其他浏览器。 3. 信令交换 通过WebSocket等网络传输机制,浏览器之间进行信令交换,协商并创建出一个可用于数据传输的安全连接。 四、如何利用WebRTC实现点对点通信 下面,我们通过一个简单的例子来说明如何利用WebRTC实现点对点通信。 首先,在HTML文件中添加以下代码: html 然后,在JavaScript文件中添加以下代码: javascript // 获取本地视频 const localStream = await navigator.mediaDevices.getUserMedia({ audio: true, video: true }); // 创建RTC对讲机 const pc = new RTCPeerConnection(); // 添加媒体流 pc.addTransceiver('audio'); pc.addTransceiver('video'); // 获取远程视频容器 const remoteVideo = document.getElementById('remoteVideo'); // 将本地视频流添加到远程视频容器 pc.getSenders().forEach((sender) => { sender.track.id = 'localVideo'; remoteVideo.srcObject = sender.track; }); // 接收媒体流 pc.ontrack = (event) => { event.streams.forEach((stream) => { stream.getTracks().forEach((track) => { track.id = 'remoteVideo'; const videoElement = document.createElement('video'); videoElement.srcObject = track; document.body.appendChild(videoElement); }); }); }; // 连接到其他客户端 function connect(otherUserURL) { // 创建新的RTCPeerConnection对象 const otherPC = new RTCPeerConnection(); // 设置回调函数,处理ICE候选信息和数据通道 otherPC.onicecandidate = (event) => { if (!event.candidate) return; pc.addIceCandidate(event.candidate); }; otherPC.ondatachannel = (event) => { event.channel.binaryType = 'arraybuffer'; channel.send('hello'); }; // 发送offer const offerOptions = { offerToReceiveAudio: true, offerToReceiveVideo: true }; pc.createOffer(offerOptions).then((offer) => { offer.sdp = SDPUtils.replaceBUNDLE_ID(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(offer.sdp, otherUserURL); offer.sdp = SDPUtils.replaceICEServers(offer.sdp, iceServers); return otherPC.setRemoteDescription(new RTCSessionDescription(offer)); }).then(() => { return otherPC.createAnswer(); }).then((answer) => { answer.sdp = SDPUtils.replaceBUNDLE_ID(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICE_UFRAG_AND_FINGERPRINT(answer.sdp, otherUserURL); answer.sdp = SDPUtils.replaceICEServers(answer.sdp, iceServers); return pc.setRemoteDescription(new RTCSessionDescription(answer)); }).catch((err) => { console.error(err.stack || err); }); } 在这个例子中,我们首先通过getUserMedia API获取用户的实时音频和视频流,然后创建一个新的RTCPeerConnection对象,并将媒体流添加到这个对象中。 接着,我们设置了回调函数,处理ICE候选信息和数据通道。当你收到ICE候选信息的时候,我们就把它塞到本地的那个RTCPeerConnection对象里头;而一旦收到数据通道的消息,我们就会把它的binaryType调成'arraybuffer'模式,然后就可以在通道里畅所欲言,发送各种消息啦。 最后,我们调用connect函数,与其他客户端建立连接。在connect函数里头,我们捣鼓出了一个崭新的RTCPeerConnection对象,就像组装一台小机器一样。然后呢,我们还给这个小家伙绑定了几个“小帮手”——回调函数,用来专门处理ICE候选信息和数据通道这些重要的任务,让它们能够实时报告状况,确保连接过程顺畅无阻。然后呢,我们给对方发个offer,就像递出一份邀请函那样。等对方接收到后,他们会回传一个answer,这就好比他们给出了接受邀请的答复。我们就把这个answer,当作是我们本地RTCPeerConnection对象的远程“地图”,这样一来,连接就算顺利完成啦! 五、结论 WebRTC技术为我们提供了一种方便、快捷、安全的点对点通信方式,大大提高了应用的交互性和实时性。当然啦,这只是个入门级的小例子,实际上的运用场景可能会复杂不少。不过别担心,只要咱们把WebRTC的核心原理和使用技巧都整明白了,就能根据自身需求灵活施展拳脚,开发出更多既有趣又有用的应用程序,保证让你玩得飞起! 未来,随着5G、物联网等技术的发展,WebRTC将会发挥更大的作用,成为更多应用场景的首选方案。让我们一起期待这个充满可能的新时代吧!
2023-12-18 14:38:05
315
昨夜星辰昨夜风_t
转载文章
...删除相应内容。 B站视频网址:(本次仅涉及P40-P43和P60)【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 菜鸟教程网址:HTML 教程 | 菜鸟教程 (runoob.com) 一、获取表单 <!-- 获取表单(前两种常用)1. document.getElementById("id属性值");通过form标签的id属性值获取表单对象2.document.表单的nane属性值:通过表单的name属性值获取表单对象3.document.forms[下标]: 通过指定下标获取表单元素4.document.forms[表单的name属性值];通过表单的name属性值获取表单对象document.forms:获取HTML文档中所有的表单对象--> <form id="myform1" name= "myform1" action=""></form><form id="myform2" name= "myform2" action=""></form><script type="text/javascript">// 1. document.getElementById("id属性值");console.log(document.getElementById("myform1"));// 2. document.表单的name属性值; console.log(document.myform2);console.log("----------------");//获取所有的表单对象console.log(document.forms); // 3. document.forms[下标];console.log(document.forms[0]);// 4. document.forms[表单的name属性值]; console.log(document.forms["myform2"]);</script> 运行效果截图: 二、获取表单元素 获取表单元素1.获取input元素1. document.getElementById("id属性值"): 通过元素的id属性值获取表单元素对象2.表单对象.表单元素的name属性值;通过表单对象中对应的元素的name属性值获取3. document.getELementsByName("name属性值");通过表单元素的name属性值获取4. document.getELementsByTagName("标签名/元素名");通过标签名获取表单元素对象2.获取单选按钮注:相同的一组单选按钮,需要设置相同的name属性值1. document.getElementByName("name属性值");通过name属性值获取2.判断单选按钮是否选中checked选中状态在JS代码中checked=true表示选中checked=false表示不选中在HTML标签中checked=checked或checked表示选中不设置checked属性表示不选中3.获取单选按钮的值元表.value;3.获取多选按钮与单选按钮相同4.获取下拉选项1.获取下拉框对象var对象 = document.getElementById("id属性值");2.获取下拉框的下拉选项列表var options = 下拉框对象.options;3.获取下拉框被选中项的索引var index = 下拉框对象.selectedIndex;4.获取下拉框被选中项的值var 值 = 下拉框对象.value;5.通过选中项的下标获取下拉框被选中项的值var 值 = 下拉框对象.options[index].value;6.获取下拉框被选中项的文本var文本值一下拉框对象.options[index].text;注:1.获取下拉框选中项的值时: (value)如果option标签设置了value属性值,则获取value属性对应的值;如果option标签未设置value属性值,则获取的是option双标签中的文本值2.下拉框的选中状态:选中状态: selected = selected、 selected、 selected = true未选中状态:不设置selected属性、 selected=false; <form id='myform' name="myform" action="" method="get">姓名:<input type="text" id="uname" name="uname" value="zs"/><br />密码:<input type= "password" id="upwd" name="upwd" value= "1234"/><br /><input type="hidden" id= "uno" name="uno" value="隐藏域"/>个人说明:<textarea name="intro" ></textarea><br><button type="button" onclick="getTxt();" >获取元素内容</button><hr><br><input type="text" name="inputName" class="test" value="aaa" /><input type="radio" name="rad" class="test" value="1" /> 男<input type="radio" name="rad" class="test" value="2" /> 女<button type="button" onclick="getRadio()">获取单选按钮</button><br><hr><br>全选/全不选: <input type="checkbox" id="control" onclick="checkAllOrNot()" /><button type="button" onclick= "checkFan()">反选</button><br><input type="checkbox" name= "hobby" value="sing" />唱歌<input type="checkbox" name= "hobby" value="dance" />跳舞<input type="checkbox" name= "hobby" value="rap" />说唱<button type="button" onclick="getCheckBox()">获取多选按钮</button><br><hr><br>来自:<select id="ufrom" name= "ufrom" ><option value = "" >请选择</option><option value = "Beijing" selected="selected" >北京</option><option value = "Shanghai">上海</option><option value = "Hangzhou">杭州</option></select><button type="button" onclick= "getSelect()" >获取下拉选项</button></form><script type=" text/javascript">function getTxt() {// 1. document.getElementById("id属性值");var uname = document.getElementById("uname").value;console.log(uname);// 2.表单对象.表单元表的name属性值;var pwd = document.getElementById("myform").upwd.value;console.log(pwd);// 3. document.getELementsByName("name属性值");var uno = document.getElementsByName("uno")[0].value;console.log(uno);// 4. document.getELementsByTagName("标签名/元素名");var intro = document.getElementsByTagName("textarea")[0].value;console.log(intro);}function getSelect() {//获取下拉框对象var ufrom = document.getElementById("ufrom");console.log(ufrom);//获取下拉框的下拉选项列表var opts = ufrom.options;console.log(opts);//获取下拉框被选中项的索引var index = ufrom.selectedIndex;console.log("选中项的下标:" + index);//获取下拉框被选中项的值var val = ufrom.value;console.log("被选中项的值:" + val);//通过选中项的下标获取下拉框被选中项的值var val2 = ufrom.options[index].value;console.log("被选中项的值:"+ val2);//获取下拉框被选中项的文本var txt=ufrom.options[index].text; console.log("被选中项的文本:"+ txt);}</script> 运行效果截图: 三、提交表单 提交表单一、使用普通按钮type="button"1.给按钮绑定click点击事件,绑定函数2.在函数中,进行表单校验(非空校验、 合法性校验等)3.如果校验通过,则手动提交表单表单对象.submit();二、使用提交按钮type="submit"1.给按钮绑定click点击事件,绑定函数2.函数需要有返回值,返回true或false (如果return false, 则表单不会提交:如果return true,则提交表单)onclick="return 函数名()"3.在函数中,进行表单校验(非空校验、 合法性校验等)4.如果校验通过,返回true;如果校验不通过,则返回false, 则表单不会提交:如果return true,则提交表单)三、使用提交按钮type="submit"1.给表单form元素绑定submit提交事件,绑定函数2.函数需要有返回值,返回true或false (如果return false, 则表单不会提交;如果return trueonsubmit="return函数名()" 3.在函数中,进行表单校验(非空校验、 合法性校验等)4.如果校验通过,返回true;如果校验不通过,则返回false <!--使用普逍按钮 type= "button"--><form id= 'myform' name= "myform" action="http://www.baidu.com" method="get" >姓名: <input name= "uname" id="uname"/> <span id = "msg" style="font-s1ze: 12px; color: red;"></span><br /><button type="button" onclick="submitForm1()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform2' name= "myform2" action="http://www.baidu.com" method="get" >姓名: <input name= "uname2" id="uname2"/> <span id = "msg2" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit" onclick="return submitForm2()">提交</button></form><!--使用提交按钮 type= "submit"--><form id= 'myform3' name= "myform3" action="http://www.baidu.com" method="get" onsubmit="return submitForm3()">姓名: <input name= "uname3" id="uname3"/> <span id = "msg3" style="font-s1ze: 12px; color: red;"></span><br /><button type="submit">提交</button></form><script type="text/javascript">// 表单校验// 提交表单function submitForm1() {//得到文本框的值var uname = document.getElementById("uname").value;//判断是否为空if (isEmpty(uname)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg").innerHTML="性名不能为空!" ;//阻止表单提交return;}//手动提交表单document.getElementById("myform").submit(); }function submitForm2() {//得到文本框的值var uname2 = document.getElementById("uname2").value;//判断是否为空if (isEmpty(uname2)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg2").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}function submitForm3() {//得到文本框的值var uname3 = document.getElementById("uname3").value;//判断是否为空if (isEmpty(uname3)) { //为空//设置提示信息(设置span元素的值)document.getElementById("msg3").innerHTML="性名不能为空!" ;//阻止表单提交return false;}return true;}/ 判断字符串是否为空如果为空,返回true如果非空,返回falsetrim() :字符串方法, 去除字符串前后空格@param {Object} str/function isEmpty(str) {//判断是否为空if (str == null || str.trim() == "") {return true;}return false;}</script> 运行效果截图: 四、原生Ajax实现流程 <!-- Ajax 异步无刷新技术原生Ajax的实现流程1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();2.打开请求xhr.open(method, uri, async) ;method:请求方式,通常是GEI|POSTurl:请求地址async:是否异步。如果是true表示异步,false表示同步3.发送请求xhr.send(params);params:请求时需要传递的参数如果是GET请求,设置nu11。 (GET请求的参数设置在url后面)如果是POST请求,无参数设置为null,有参数则设置参数4.接收响应xhr.status响应状态(200=响应成功, 404=资源末找到,500=服务器异常)xhr.responseText 得到响应结果 --> <script type="text/javascript">// 同步请求function text01() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", false);// 3.发送请求xhr.send(null);// 4.判断响应状态if (xhr.status == 200) {console.log("响应成功");} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)}console.log("同步请求...");}text01();// 异步请求function text02() {// 1.得到XMLHttpRequest对象var xhr = new XMLHttpRequest();// 2.打开请求xhr.open("get", "js/date.json", true);// 3.发送请求xhr.send(null);// 由于是异步请求,所以需要知道后台已经将请求处理完毕,才能获取响应结果// 遇过监听readyState的变化来得知后面的处理状态 4=完全处理xhr.onreadystatechange = function(){if(xhr.readyState == 4){// 4.判断响应状态if (xhr.status == 200) {// 得到响应结果 console.log(xhr.responseText);} else {console.log("状态码:" + xhr.status + ",原因:" + xhr.responseText)} }}console.log("异步请求...");}text02();</script> 运行效果截图: 本篇文章为转载内容。原文链接:https://blog.csdn.net/m0_61507413/article/details/122895643。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-22 17:32:41
521
转载
转载文章
...p?gid=3 二、视频教程汇总 1.老罗Android开发视频教程 http://www.apkbus.com/Android-246-1.html 2. mars安卓开发视频教程 http://www.apkbus.com/Android-248-1.html 3.ios开发视频教程 http://iphone.apkbus.com/ 三、论坛经典内容汇总 1.美女象棋源码 http://www.apkbus.com/android-106605-1-1.html 2.Adnroid 安全卫士源码 http://www.apkbus.com/android-83653-1-1.html 3.百度地图SDK for Android 2.1版下载 http://www.apkbus.com/android-105237-1-1.html 4.eclipse不自定弹出提示(alt+/快捷键失效) http://www.apkbus.com/android-104663-1-1.html 5.Android即时通信系统的实现 http://www.apkbus.com/android-104564-1-1.html 6.Android编程14个很有用的代码片段 http://www.apkbus.com/android-104070-1-1.html 7.音乐播放器频谱绘制 http://www.apkbus.com/android-98147-1-1.html 8.Android开发手册(离线版)与(在线版)谭东编写 http://www.apkbus.com/android-97714-1-1.html 9.Sqlite+listview 的实例 http://www.apkbus.com/android-96910-1-1.html 10.iReader,QQ阅读书架效果的实现(附源码) http://www.apkbus.com/android-99130-1-1.html 11.Android 对话框(Dialog)大全 http://www.apkbus.com/android-98097-1-1.html 12.九宫格密码解锁(修正版) http://www.apkbus.com/android-97699-1-1.html 13.Android Chart图开源库AChartEngine教程 http://www.apkbus.com/android-94575-1-1.html 14.基于Socket的Android手机视频实时传输 http://www.apkbus.com/android-91517-1-1.html 15. 喷泉粒子系统源码 http://www.apkbus.com/android-106463-1-1.html 本篇文章为转载内容。原文链接:https://blog.csdn.net/m_3251388/article/details/8888970。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-04-15 17:53:42
321
转载
Saiku
...同技能水平用户的教程视频、指南和在线问答社区,帮助用户更快掌握Saiku的使用技巧。 四、结语 从实践到反馈的闭环 改进Saiku配置文件编辑器的直观性是一个持续的过程,需要结合用户反馈不断迭代优化。哎呀,听我说啊,要是咱们按照这些建议去操作,嘿,那可是能大大提升大家用咱们Saiku的体验感!这样一来,不光能让更多的人知道并爱上Saiku,还能让数据分析这块儿的整体发展更上一层楼呢!你懂我的意思吧?就像是给整个行业都添了把火,让数据这事儿变得更热乎,更受欢迎!哎呀,兄弟!在咱们这项目推进的过程中,得保持跟用户之间的交流超级通畅,听听他们在使用咱们产品时遇到的具体难题,还有他们的一些建议。这样咱们才能对症下药,确保咱们改进的措施不是空洞的理论,而是真正能解决实际问题,让大家都满意的好办法。毕竟,用户的反馈可是我们优化产品的大金矿呢! --- 通过这次深入探讨,我们不仅认识到Saiku配置文件编辑器在直观性上的挑战,也找到了相应的解决路径。哎呀,希望Saiku在将来能给咱们的数据分析师们打造一个既温馨又高效的工具平台,就像家里那台超级好用的咖啡机,让人一上手就爱不释手。这样一来,大家就能专心挖出数据背后隐藏的金矿,而不是老是跟那些烦人的技术小难题过不去,对吧?
2024-10-12 16:22:48
73
春暖花开
转载文章
...设置 · 拍摄照片和视频 · 连接WLAN网络和断开连接 · 查看WLAN连接 · 读取手机状态和身份 · 关闭其他应用 · 直接拨打电话号码 · com.android.launcher.permission.READ_SETTINGS · com.android.launcher.permission.UNINSTALL_SHORTCUT · 让应用始终运行 · 修改系统设置 · 发送短信 · 检索正在运行的应用 · com.tencent.permission.VIRUS_SCAN · 查阅敏感日志数据 · 控制闪光灯 · 与蓝牙设备配对 · 访问蓝牙设置 · 发送持久广播 · android.permission.WRITE_OWNER_DATA · android.permission.SYSTEM_OVERLAY_WINDOW · 更改网络连接性 · com.android.launcher.permission.WRITE_SETTINGS · com.android.launcher3.permission.READ_SETTINGS · com.android.launcher3.permission.WRITE_SETTINGS · com.htc.launcher.permission.READ_SETTINGS · com.htc.launcher.permission.WRITE_SETTINGS · com.huawei.launcher3.permission.READ_SETTINGS · com.google.android.launcher.permission.READ_SETTINGS · com.google.android.launcher.permission.WRITE_SETTINGS · 读取日历活动和机密信息 · 添加或修改日历活动,并在所有者不知情的情况下向邀请对象发送电子邮件 · com.sonyericsson.home.permission.BROADCAST_BADGE · com.sec.android.provider.badge.permission.READ · com.sec.android.provider.badge.permission.WRITE · 查找设备上的帐户 · 添加或移除帐户 · 创建帐户并设置密码 · 读取同步设置 · 启用和停用同步 · 停用屏幕锁定 · 允许接收WLAN多播 · com.qq.qcloud.permission.ACCESS_ALBUM_BACKUP_LIST · com.android.vending.BILLING · 关闭其他应用 · 控制近距离通信 · com.tencent.photos.permission.DATA · com.tencent.msf.permission.account.sync · com.tencent.music.data.permission · com.tencent.msf.permission.ACCOUNT_NOTICE · 连接WLAN网络和断开连接 · 完全的网络访问权限 · 查看WLAN连接 · 查看网络连接 · 精确位置(基于GPS和网络) · 大致位置(基于网络) · 拍摄照片和视频 · 读取手机状态和身份 · 防止手机休眠 · com.android.launcher.permission.INSTALL_SHORTCUT · 修改或删除您的USB存储设备中的内容 · 开机启动 · com.tencent.msg.permission.pushnotify · com.tencent.msf.permission.account.sync · 读取您的USB存储设备中的内容 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_30590615/article/details/117615194。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-10-10 14:42:10
104
转载
转载文章
...虫技术,学的是黑马的视频资源,由于是几年前的视频啦,京东页面有些许变化,在此记录我遇到的问题,使用的爬虫技术是httpClient和jsoup,项目搭建使用的springboot+ jpa。 首先给出主页的代码: @Componentpublic classItemTask { @AutowiredprivateHttpUtils httpUtils; @AutowiredprivateItemService itemService;public static final ObjectMapper MAPPER = newObjectMapper();//设置定时任务执行完成后,再间隔100秒执行一次 @Scheduled(fixedDelay = 1000 100)public void process() throwsException {//分析页面发现访问的地址,页码page从1开始,下一页page加2 String url = "https://search.jd.com/Search?keyword=%E6%89%8B%E6%9C%BA&suggest=1.his.0.0&wq=%E6%89%8B%E6%9C%BA&s=121&click=0&page=";//遍历执行,获取所有的数据 for (int i = 1; i < 10; i = i + 2) {//发起请求进行访问,获取页面数据,先访问第一页 String html = this.httpUtils.getHtml(url +i);//解析页面数据,保存数据到数据库中 this.parseHtml(html); } System.out.println("执行完成"); }//解析页面,并把数据保存到数据库中 private void parseHtml(String html) throwsException {//使用jsoup解析页面 Document document =Jsoup.parse(html);//获取商品数据 Elements spus = document.select("divJ_goodsList > ul > li");//遍历商品spu数据 for(Element spuEle : spus) {//获取商品spu String attr = spuEle.attr("data-spu");long spu = Long.parseLong(attr.equals("")?"0":attr);//Long spu = Long.parseLong(spuEle.attr("data-spu"));//获取商品sku数据 Elements skus = spuEle.select("li.ps-item img");for(Element skuEle : skus) {//获取商品sku Long sku = Long.parseLong(skuEle.attr("data-sku"));//判断商品是否被抓取过,可以根据sku判断 Item param = newItem(); param.setSku(sku); List list = this.itemService.findAll(param);//判断是否查询到结果 if (list.size() > 0) {//如果有结果,表示商品已下载,进行下一次遍历 continue; }//保存商品数据,声明商品对象 Item item = newItem();//商品spu item.setSpu(spu);//商品sku item.setSku(sku);//商品url地址 item.setUrl("https://item.jd.com/" + sku + ".html");//创建时间 item.setCreated(newDate());//修改时间 item.setUpdated(item.getCreated());//获取商品标题 String itemHtml = this.httpUtils.getHtml(item.getUrl()); String title= Jsoup.parse(itemHtml).select("div.sku-name").text(); item.setTitle(title);//获取商品价格 String priceUrl = "https://p.3.cn/prices/mgets?skuIds=J_"+sku; String priceJson= this.httpUtils.getHtml(priceUrl);//解析json数据获取商品价格 double price = MAPPER.readTree(priceJson).get(0).get("p").asDouble(); item.setPrice(price);//获取图片地址 String pic = "https:" + skuEle.attr("data-lazy-img").replace("/n9/","/n1/"); System.out.println(pic);//下载图片 String picName = this.httpUtils.getImage(pic); item.setPic(picName);//保存商品数据 this.itemService.save(item); } } } } 分享一下我学习中遇到的问题: 1.爬取数据为null,需要登录京东 看到这段代码应该就明白了吧,就是京东发现并非人为操作,需要登陆账号了。解决办法也很简单,只需要自己模拟浏览器登陆即可 在HttpUttils加上这段,两个方法中的HTTPGet对象都需要设置一下。 //设置请求头模拟浏览器 httpGet.setHeader("User-Agent","Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:72.0) Gecko/20100101 Firefox/72.0"); 2.java.lang.NumberFormatException: For input string: "",获取的spu为空串,加上一个前置空串判断即可 解决如下: //获取商品spu String attr = spuEle.attr("data-spu");//判断是否为空串 long spu = Long.parseLong(attr.equals("")?"0":attr); 以上两个bug是我学习遇到的,现已解决,爬取数据如下: 本篇文章为转载内容。原文链接:https://blog.csdn.net/weixin_32161697/article/details/114506244。 该文由互联网用户投稿提供,文中观点代表作者本人意见,并不代表本站的立场。 作为信息平台,本站仅提供文章转载服务,并不拥有其所有权,也不对文章内容的真实性、准确性和合法性承担责任。 如发现本文存在侵权、违法、违规或事实不符的情况,请及时联系我们,我们将第一时间进行核实并删除相应内容。
2023-03-13 10:48:12
104
转载
站内搜索
用于搜索本网站内部文章,支持栏目切换。
知识学习
实践的时候请根据实际情况谨慎操作。
随机学习一条linux命令:
du -sh *
- 显示当前目录下所有文件和目录大小。
推荐内容
推荐本栏目内的其它文章,看看还有哪些文章让你感兴趣。
2023-04-28
2023-08-09
2023-06-18
2023-04-14
2023-02-18
2023-04-17
2024-01-11
2023-10-03
2023-09-09
2023-06-13
2023-08-07
2023-03-11
历史内容
快速导航到对应月份的历史文章列表。
随便看看
拉到页底了吧,随便看看还有哪些文章你可能感兴趣。
时光飞逝
"流光容易把人抛,红了樱桃,绿了芭蕉。"