js作品展示代码 - 腾讯云开发者社区

文章/答案/技术大牛

发布

hackathon最终作品展示

作品名称：智能抓拍四旋翼飞行器运用技术：飞行器: STM32 + pid控制算法，无线视频传输，无线充电技术。...现场演示：纲目 1：说明团队，成员与作品名称。，， 2：开始现场视频的实时演示与抓拍。说明因为时间有限飞行器不能现场试飞。 3：运用的主要技术。 4：实现功能的流程。 5：描述团队团队成员的主攻点。...6：展示小彩蛋。以及数据来源。 7：结束语。原创文章，转载请注明：转载自URl-team 本文链接地址: hackathon最终作品展示 No related posts.

9514 0

bootstrap实战作品展示站点

image.png image.png 上中下式排版：菜单/传送带/描述

7082 0

您找到你想要的搜索结果了吗？

是的

没有找到

按比例展示不同内容的JS代码

Math.random()是令系统随机选取0-1之间的14位的随机数 10就等于是100%的几率，现在的一个展示的是70%一个展示的是30%的几率，一般用于一个页面下有多条数据要展示的情况做的流量分流的效果

3.7K3 0

使用 .icu 域名展示在线作品的好处

在构建您的在线作品集时，选择正确的域名是至关重要的。.icu 域名扩展因其独特的功能和全球影响力从而成为在线作品集的热门选择。在这篇文章中，我们将探讨使用 .icu 域名来展示在线作品集的好处。...如果您想扩展业务或向国际受众展示您的作品，那么此域名扩展是一个绝佳的选择。 3 展示您的工作 .icu域名扩展可以展示出您的作品集和创意。...通过独特且令人难忘的 .icu 域名，您可以帮助潜在客户在看到您的作品集前先了解您的创意方向。 4 建立您的品牌您的域名是个人品牌的重要组成部分，而 .icu 域名扩展可以帮助建立和推广您的品牌。...★ 结语★ 总而言之，.icu 域名扩展是构建您在线作品集绝佳选择，因为其多功能、令人难忘且具备全球影响力。...其独特的功能和广泛的吸引力使其成为想要展示自己作品、建立自己品牌并与志同道合的同行联系的第一选择。

2K6 0

Js获取系统当前时间展示

获取当前显示的日期 2019-10-14 09：18 星期一 setInterval(function () { var dat...

17.4K3 0

原生JS实现影集展示特效

分享一个用原生JS实现的影集展示特效，效果如下：实现的代码如下：原生JS实现影集展示特效 <style type

18.7K1 0

原生JS实现球面展示特效

分享一个由原生JS实现的球面展示效果，效果如下：实现代码如下：原生JS...实现球面展示特效 body { background-color: #000; } #div1...hover { color: red } JS...setInterval W3C 阿里代码

15.9K1 0

不只是作品集：用 Next.js 打造我的数字作品库

今天想和大家分享的，是我在这个过程中做出来的一个小成果：一个个人作品信息展示的模板。我觉得它设计得挺干净，结构也清晰，不管是拿来即用，还是当作学习参考，应该都还不错。...于是，我决定把它单独抽离出来，搭建成了一个专注的作品展示项目。在保留其原设计精髓的基础上，我根据自己的偏好做了一些调整，加入了一些个性化的交互细节和动画效果，让整个界面在简洁之中多了一点灵动的气息。...技能雷达图、项目迭代历史，让抽象的能力变得具体可见技术栈展开代码语言：MarkdownAI代码解释-框架：Next.js16、React19、TypeScript5-样式：TailwindCSSv4、tw-animate-css...+ShadcnUI构建的个人作品展示模板，是我在探索现代前端技术栈过程中的一次实践与沉淀。...如果你也在构建个人项目、整理作品集，或单纯想学习Next.js全栈实践，这个项目或许能给你一些参考。

4461 0

本周精选优秀UI作品赏析-No.70（配色，展示诀窍和灵感）

更多作品赏析文章点这里 001.Freehand-家政清洁应用 by Farhan Bagas 点评：作者真的很善于用色，蓝色的点睛色，蓝色的家政服装和黄色的对比色，这样的巧思非常适合于呈现页面。...19261133-Freehand-Cleaning-Service-Mobile-App 002.医疗服务类应用 by Marufa Akter Riya 点评：页面里边的内容咱们这次不多评价，但是展示效果还是不错的...，各位小伙伴也可以试试看这样的展示。...https://dribbble.com/shots/19245407-Smart-Home-Automation-App 004.艺术作品售卖应用 by Anya 点评：NFT市场。...（此处我要加狗头），所以，为了设计而设计，咱们应该摒弃，不过看看配色和展示还是不错的。

7252 0

本周精选优秀UI作品赏析-No.71（配色，展示诀窍和灵感）

需要说明，Dribbble设计还是主要看展示为主，里边的很多设计小细节也经不起推敲，这一点务必注意哈。...更多作品赏析文章点这里 001.The Gardener-园艺类应用 by blacklead studio 点评：园艺类应用，作者很善于用图。这次直接上了3D风格的植物。...Ridoy Ahmed Tamim 点评：浅浅的带有颜色的卡片给人的感觉很舒服，用在化妆品售卖展示上，让人更有聚焦感。也很清爽。...dribbble.com/shots/19473826-Travel-Destination 007.品牌感塑造 by Designer Nishad 点评：品牌化可以先从logo入手，然后到周边设计和展示...不过，总体来说，作为展示稿，效果还是不错的。 https://dribbble.com/shots/19498636-Notes-Mobile-Apps-Design

1.2K3 0

可视化展示js插件原

1.Echarts.js http://echarts.baidu.com/ 版本3的 http://echarts.baidu.com/echarts2/doc/example.html 版本2的...-- 引入 echarts.js --> js"> <!...myChart.setOption(option); 2.HighCharts.js https://www.hcharts.cn/ 用的人也比较多...不过使用的较少其他文档收录： 1、Web工程师必备的43款可视化工具：http://www.csdn.net/article/1970-01-01/2813666 2、36个可实现超棒数据可视化效果的js

3.1K3 0

基于TensorFlow构建的face-api.js人脸识别【代码+效果展示+在线体验】

我使用的是基于TensorFlow构建的face-api.js库，事实上它可以嵌入在网站上并让网站拥有功能齐全的实时人脸检测能力，而且可与任何网络摄像头或手机摄像头配合使用。...│tiny_face_detector_model-shard1 │ │tiny_face_detector_model-weights_ │index.html │fun.js...│faceapi.min.js 二、环境 window10 ➕vscode➕浏览器三、具体实现 1️⃣index.html js"> js"> 2️⃣fun.js 代码如下（示例）： const video = document.getElementById("video"

3.8K4 0

冬天过节网站雪花飘落代码JS特效代码下载雪花飘落代码添加教程 5种效果+效果展示

将代码添加到你的页面就可以了。...以下js文件中可以自行调整雪花大小，也可自行更换雪花样式如果觉得代码大小合适可以直接网站引用插入网站底部后即可依赖 JQurey，如果没效果，请确认网页是否已载入 JQurey...很简单，在浏览器按下 F12，然后在 console 里面粘贴一下 JS 代码（不含前后的 script 标签），然后回车执行即可看到效果唯美浪漫雪花飘落jquery特效代码代码添加如下： <script...：隐藏内容评论可见前往评论 html5 canvas制作3D逼真冬天雪景雪花飘场景演示页面：代码添加如下：平安夜/圣诞夜jquery snow.js雪花飘落效果 (适用于平安夜，.../xue3/jq.snow.js"> <!

10.8K3 0

Qt开源作品10-代码统计组件

一、前言代码行数统计主要用来统计项目中的所有文件的代码行数，其中包括空行、注释行、代码行，可以指定过滤拓展名，比如只想统计.cpp的文件，也可以指定文件或者指定目录进行统计。...，途中重构过两次，大的结构改动，统计了下好像有15W行左右的代码，纯代码大概在10W，其余是空行和注释行，着实把自己吓了一跳，还算是中型项目了，然后又统计了下自定义控件的所有代码，我勒个去，总代码23W...主要功能：可分别统计代码行/空行/注释行支持指定过滤拓展名支持指定文件或者指定目录进行统计分步显示统计结果,不卡主界面分别展示每个统计过的文件的大小/总行数/代码行数等二、代码思路 void...)) { isNote = false; } } } } 三、效果图 [countcode.gif] 四、开源主页以上作品完整源码下载都在开源主页...，会持续不断更新作品数量和质量，欢迎各位关注。

9365 0

基于HTML的PDF展示 pdf.js

很不错的一个插件，推荐给大家 pdf.js 是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持。...在线演示：http://mozilla.github.com/pdf.js/web/viewer.html https://github.com/tonyqus/pdf.js

9.5K8 0

CSS+JS实现图片集展示

首先，说说实现的效果： 1、图片的展示与翻页； 2、点击图片放大图片。实现的效果如下所示： ? 初始化和第一张 ? 中间的图片 ? 最后一张图片 ?...单击放大显示图片详细与信息实现的内容很简单，是常规图片的展示方式，下面说说我的实现思路。...1、图片的展示与翻页 a、图片展示图片展示是通过标签实现的： <...-o-border-radius:5px; border-radius:5px } js.../jquery-1.8.3.js"> var imgIndex = 1; function showImg(index){

6.2K6 0

Arcgis for js实现北京地铁的展示

概述：通过获取百度地铁图数据，将北京市地铁图在Arcgis for js中实现展示。...在map的load事件完成后将站点和线路添加到地图，代码如下： map.on("load",function(){ var legendDiv =...map.setExtent(mulPt.getExtent().expand(1.5)); }); 3、添加地图事件添加鼠标经过和单机等事件，代码如下...; map.setExtent(geometry.getExtent().expand(1.8)); }); 到此，基本功能已完成，完整代码如下.../library/3.9/3.9/init.js"> js"> <script src="jquery

3.5K4 0

基于Lealfet.js展示Turf.js生成的平滑曲线实践

那么本文分享一款webgis的解决方案，基于Turf.js组件来动态生成平滑曲线，然后在webgis框架中进行展示。对于不熟悉或者没用过turf.js的小伙伴起到抛砖引玉的作用。...为了展示最原始的线对象，我们采用Leaflet作为地图展示组件，再一起回顾一下Leaflet当中如何进行地图展示，以及集成Turf.js组件。1、创建网页框架首先创建一个html页面。...在页面中我们需要引入Leaflet.css和Leaflet.js两个基础组件，同时引入Turf.js这个组件。关键代码如下：展示确实不够平滑。二、Turf.js平滑曲线改造首先对turf.js对于平滑曲线改造的方法进行一个简单的介绍。...序号弯曲度实际效果10.1与原始拟合20.4有一定弯曲30.85弯曲较大最后给出完整的示例代码，请注意在运行时替换本地图源地址。<!

1940 0

“协力抗疫，码力全开”线上公益黑客马拉松参赛作品展示

三、亮点展示&公益点： 1. 专业：有强大的专业内容团队支援。 2. 及时：第一时间收集疫情信息并给予展示。 3. 公益：发起爱心打卡活动，后期会开展类似种树捐步活动支援抗疫。...：口罩给我（小程序）项目简介：核心功能：答题互动应用场景：线上疫情知识科普实现思路：借助小程序云开发实现功能亮点展示：开箱即用；用完即走；可扩展性强公益点：增强人们的抗疫信心，减少不必要的恐慌。...以小区为单位实现资源再分配应用场景：特殊时期（灾疫），物资，社会资源的供给需求，信息的上传下达以及小区管理，实现计划经济下的自制实现思路：用技术手段实现企业-社区模式，以及定位，对灾疫的分析提供周边资源调配亮点展示...：紧急物资匹配项目简介：主要计划实现物资需求方在线发布需求，自动匹配相关物资供应方进行匹配；应用场景：医院紧缺物资采购；实现思路：采集双方需求，采用关键字和类目匹配；亮点展示：物资需求匹配；公益点：纯免费...亮点展示：包括腾讯健康在内的疫情地图，要么只有省市级疫情，要么需要用户自己去查找地点疫情，前者信息对老百姓没意义，后者只能查看已经发生的疫情，而对未发生疫情的地点，缺少监控和及时通知功能，所以实用性也不大

13.3K64 3

CSS+JS实现图片集展示（二）

题目与上面的两篇文章有所重复，但是内容与上两篇上有所区别，本文中，实现的图片集展示的效果为： 1、详细图和缩略图的同步展示； 2、图片的自动播放； 3、显示图片的缩影图的焦点显示与别的图片的遮盖显示...最后一张状态这种方式的图片展示一般用的图片新闻或者类似的东西中比较常见，例如百度首页的新闻就是用类似的方式来展示的，如下： ? 百度首页新闻下面将我实现的代码贴出来，以供大家参考。...text-align: center; margin-left: 25%; } js.../jquery-1.8.3.js"> js/jquery.showimg.js"> var...script> 思路很简单，我相信大家看完代码就知道是什么思路

3.8K1 0

点击加载更多

hackathon最终作品展示

bootstrap实战作品展示站点

按比例展示不同内容的JS代码

使用 .icu 域名展示在线作品的好处

Js获取系统当前时间展示

原生JS实现影集展示特效

原生JS实现球面展示特效

不只是作品集：用 Next.js 打造我的数字作品库

本周精选优秀UI作品赏析-No.70（配色，展示诀窍和灵感）

本周精选优秀UI作品赏析-No.71（配色，展示诀窍和灵感）

可视化展示js插件原

基于TensorFlow构建的face-api.js人脸识别【代码+效果展示+在线体验】

冬天过节网站雪花飘落代码JS特效代码下载雪花飘落代码添加教程 5种效果+效果展示

Qt开源作品10-代码统计组件

基于HTML的PDF展示 pdf.js

CSS+JS实现图片集展示

Arcgis for js实现北京地铁的展示

基于Lealfet.js展示Turf.js生成的平滑曲线实践

“协力抗疫，码力全开”线上公益黑客马拉松参赛作品展示

CSS+JS实现图片集展示（二）

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐