北屋教程网

专注编程知识分享,从入门到精通的编程学习平台

MIUI主题[一时间]2.0更新,增加多功能时钟

MIUI主题[一时间]主打桌面时钟小部件样式设计,双击时钟下方左、右名称,切换左右小部件,双击时钟下方中间切换大部件,一共30多种

目前光时钟插件的代码已有一万多行

[一时间]主题终于迎来2.0更新,这次主要修复上一版本的息屏在无日程时还显示日程天数的问题,同时增加一款多功能时钟供大家使用

2025年了,AI还看不懂时钟,90%人都能答对,顶尖AI全军覆没

2025年,连小学生都会的看表技能,AI正确率只有13%,人类轻松拿下89%。

刚刷到这份ClockBench成绩单,第一反应是假消息。

再点开论文,720道题、180块表,从古董挂钟到极简表盘,全测一遍。

人类平均误差3分钟,AI动辄跑偏一小时,最离谱的模型直接把63%的钟表判成“时间不存在”。

这画面像极了不会调表的亲戚,指针乱指就宣布表坏了。

细看题型,分四大类:认时间、加减时间、指针旋转、时区换算。

AI在纯计算题里偶尔满分,一到读指针就翻车。

用EXCEL图表制作时钟「内容详细,配有大量动画操作,值得收藏」

我是一名办公软件爱好者,喜欢Excel,会函数、会基础操作、也会一点VBA。现在和大家分享、交流一些excel的基础知识,欢迎爱好的和需要学习的朋友,相互学习、一起进步。如果你喜欢我的文章,请关注我,以便第一时间看到我分享的内容。

今天我分享的是用图表制作时钟,我们先看下面的动图效果演示(这个是刚制作完成的,还未美化):


目录:

  1. 效果演示;
  2. 数据构建原理;
  3. 数据构建结果;

自制酷酷罗盘时钟(附代码)_制作罗盘



复制以下代码,到txt文档,保存,后缀改为html。即可。


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>罗盘时钟</title>
<script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<style>
* {
	margin:0;
	padding:0;
}
#wrap {
	position:fixed;
	left:0;
	top:300px;
	width:800px;
	height:800px;
	border:1px solid #000;
	position:fixed;
	left:0;
	top:0;
	color:gold;
	font-size:14px;
	position:relative;
	background:#000;
	line-height:20px;
}
#wrap .wrap_inner {
	width:800px;
	height:800px;
	background:#000;
	position:relative;
	border-radius:50%;
}
#wrap .wrap_inner .timeout {
	width:800px;
	height:800px;
	position:absolute;
	background:transparent;
}
#wrap .wrap_inner .timeout:nth-of-type(1) {
	transition:1s linear;
	box-shadow:0 0 20px gold;
	border-radius:50%;
}
#wrap .wrap_inner .timeout:nth-of-type(2) {
	width:600px;
	height:600px;
	left:100px;
	top:100px;
	transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(3) {
	width:400px;
	height:400px;
	left:200px;
	top:200px;
	transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(4) {
	width:300px;
	height:300px;
	left:250px;
	top:250px;
	transition:1s linear;
}
#wrap .wrap_inner .timeout:nth-of-type(5) {
	width:200px;
	height:200px;
	left:300px;
	top:300px;
	transition:1s linear;
}
#wrap .wrap_inner .timeout .secbox {
	width:400px;
	height:20px;
	position:absolute;
	left:400px;
	top:390px;
	transform-origin:left center;
}
#wrap .wrap_inner .timeout .minbox {
	width:300px;
	height:20px;
	position:absolute;
	left:300px;
	top:290px;
	transform-origin:left center;
}
#wrap .wrap_inner .timeout .houbox {
	width:200px;
	height:20px;
	position:absolute;
	left:200px;
	top:190px;
	transform-origin:left center;
}
#wrap .wrap_inner .timeout .datbox {
	width:150px;
	height:20px;
	position:absolute;
	left:150px;
	top:140px;
	transform-origin:left center;
}
#wrap .wrap_inner .timeout .daybox {
	width:100px;
	height:20px;
	position:absolute;
	left:100px;
	top:90px;
	transform-origin:left center;
}
#wrap .zhizhen {
	width:400px;
	height:20px;
	background:rgba(255,255,255,.4);
	position:absolute;
	left:400px;
	top:390px;
	z-index:999;
}
</style>
</head>
<body>
<div id="wrap">
    <div class="wrap_inner">
        <div class="timeout"></div>
        <div class="timeout"></div>
        <div class="timeout"></div>
        <div class="timeout"></div>
        <div class="timeout"></div>
        <div class="timeout"></div>
    </div>
    <div class="zhizhen"></div>
</div>

<script>
 var Months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];
 var Days = ['一号', '二号', '三号', '四号', '五号', '六号', '七号', '八号', '九号', '十号', '十一号', '十二号', '十三号', '十四号', '十五号', '十六号', '十七号', '十八号', '十九号', '二十号', '二十一号', '二十二号', '二十三号', '二十四号', '二十五号', '二十六号', '二十七号', '二十八号', '二十九号', '三十号', '三十一号'];
 var Dates = ['星期一', '星期二', '星期三', '星期四', '星期五', '星期六', '星期日'];
 var Hours = ['零点', '一点', '二点', '三点', '四点', '五点', '六点', '七点', '八点', '九点', '十点', '十一点', '十二点', '十三点', '十四点', '十五点', '十六点', '十七点', '十八点', '十九点', '二十点', '二十一点', '二十二点', '二十三点'];
 var Minutes = ['一分', '二分', '三分', '四分', '五分', '六分', '七分', '八分', '九分', '十分', '十一分', '十二分', '十三分', '十四分', '十五分', '十六分', '十七分', '十八分', '十九分', '二十分', '二十一分', '二十二分', '二十三分', '二十四分', '二十五分', '二十六分', '二十七分', '二十八分', '二十九分', '三十分', '三十一分', '三十二分', '三十三分', '三十四分', '三十五分', '三十六分', '三十七分', '三十八分', '三十九分', '四十分', '四十一分', '四十二分', '四十三分', '四十四分', '四十五分', '四十六分', '四十七分', '四十八分', '四十九分', '五十分', '五十一分', '五十二分', '五十三分', '五十四分', '五十五分', '五十六分', '五十七分', '五十八分', '五十九分', '六十分'];
 var Second = ['一秒', '二秒', '三秒', '四秒', '五秒', '六秒', '七秒', '八秒', '九秒', '十秒', '十一秒', '十二秒', '十三秒', '十四秒', '十五秒', '十六秒', '十七秒', '十八秒', '十九秒', '二十秒', '二十一秒', '二十二秒', '二十三秒', '二十四秒', '二十五秒', '二十六秒', '二十七秒', '二十八秒', '二十九秒', '三十秒', '三十一秒', '三十二秒', '三十三秒', '三十四秒', '三十五秒', '三十六秒', '三十七秒', '三十八秒', '三十九秒', '四十秒', '四十一秒', '四十二秒', '四十三秒', '四十四秒', '四十五秒', '四十六秒', '四十七秒', '四十八秒', '四十九秒', '五十秒', '五十一秒', '五十二秒', '五十三秒', '五十四秒', '五十五秒', '五十六秒', '五十七秒', '五十八秒', '五十九秒', '六十秒'];
 var Otimeout = document.querySelectorAll('.timeout');

 var date = new Date();
 var month = date.getMonth() + 1;
 var data = date.getDate();
 var day = date.getDay();
 var hours = date.getHours();
 var minutes = date.getMinutes();
 var seconds = date.getSeconds();
 console.log(day)
 console.log(data)
 var nowsecond = 'rotate(' + -6 * (seconds - 1) + 'deg)'
 Otimeout[0].style.transform = nowsecond;
 var nowminutes = 'rotate(' + -6 * (minutes - 1) + 'deg)'
 Otimeout[1].style.transform = nowminutes;
 var nowhours = 'rotate(' + -15 * (hours) + 'deg)'
 Otimeout[2].style.transform = nowhours;
 var nowday = 'rotate(' + -51.4 * (day - 1) + 'deg)'
 Otimeout[3].style.transform = nowday;
 var nowdata = 'rotate(' + -11.6 * (data - 1) + 'deg)'
 Otimeout[4].style.transform = nowdata;

 (function() {

     //秒
     for (var i = 0; i < 60; i++) {
         var secbox = document.createElement('div');
         secbox.className = 'secbox'
         var Rotate = 'rotate(' + 6 * i + 'deg)'
         // console.log(Rotate)
         secbox.style.transform = Rotate
         secbox.innerText = Second[i]
         secbox.style.textAlign = 'right'
         Otimeout[0].appendChild(secbox);
     }

     //分
     for (var i = 0; i < 60; i++) {
         var minbox = document.createElement('div');
         minbox.className = 'minbox'
         var Rotate = 'rotate(' + 6 * i + 'deg)'
         // console.log(Rotate)
         minbox.style.transform = Rotate
         minbox.innerText = Minutes[i]
         minbox.style.textAlign = 'right'
         Otimeout[1].appendChild(minbox);
     }
     //时
     for (var i = 0; i < 24; i++) {
         var houbox = document.createElement('div');
         houbox.className = 'houbox'
         var Rotate = 'rotate(' + 15 * i + 'deg)'
         // console.log(Rotate)
         houbox.style.transform = Rotate
         houbox.innerText = Hours[i]
         houbox.style.textAlign = 'right'
         // houbox.style.textIndent = '1em'
         Otimeout[2].appendChild(houbox);
     }
     //星期
     for (var i = 0; i < 7; i++) {
         var datbox = document.createElement('div');
         datbox.className = 'datbox'
         var Rotate = 'rotate(' + 51.4 * i + 'deg)'
         // console.log(Rotate)
         datbox.style.transform = Rotate
         datbox.innerText = Dates[i]
         datbox.style.textAlign = 'right'
         Otimeout[3].appendChild(datbox);
     }
     //天
     for (var i = 0; i < 31; i++) {
         var daybox = document.createElement('div');
         daybox.className = 'daybox'
         var Rotate = 'rotate(' + 11.6 * i + 'deg)'
         // console.log(Rotate)
         daybox.style.transform = Rotate
         daybox.innerText = Days[i]
         daybox.style.textAlign = 'right'
         Otimeout[4].appendChild(daybox);
     }

     (function() {
         var count = seconds - 1;
         var con = minutes - 1;
         var cos = hours - 2;
         var timer = setInterval(function() {
             count++
             var rotate = 'rotate(' + -6 * count + 'deg)'
             Otimeout[0].style.transform = rotate
             if (count % 60 == 0) {
                 con++;
                 var rotate1 = 'rotate(' + -6 * con + 'deg)'
                 Otimeout[1].style.transform = rotate1
                 if (con % 60 == 0) {
                     cos++;
                     var rotate2 = 'rotate(' + -15 * cos + 'deg)'
                     Otimeout[2].style.transform = rotate2

                 }
             }
         }, 1000)
     })();
 })()

 function $(id) {
     return document.querySelector(id)
 }
</script>

</body>
</html>

Qt使用教程:创建移动应用程序(二)

Qt Enterprise最新版下载>

创建Accelbubble主视图

当您倾斜设备时应用程序的主视图会显示一个SVG泡沫图像在屏幕上移动。为了在项目中使用Bluebubble.svg,您可以将其复制到项目目录中(QML文件相同的子目录中),该图像会出现在资源中。您也可以使用任何其他图像或QML类型来代替。

想要在Design模式下创建UI:

1. 在Projects视图中,双击MainForm.ui.qml文件来在Qt Quick Designer中打开它。

web前端必学功法之一:左右移动_web左右自动怎么设置

## web前端必学功法之一:左右移动

案例效果:

![在这里插入图片描述](
https://img-blog.csdnimg.cn/132bfce9fba8474f8ac64ed97e55ddd0.gif#pic_center)

左右移动

思路分析:

移动WebApp高性能解决方案——MIP

介绍

MIP(Mobile Instant Pages - 移动网页加速器),是一套应用于移动网页的开放性技术标准。通过提供 MIP-HTML 规范、MIP-JS 运行环境以及 MIP-Cache 页面缓存系统,实现移动网页加速。




“移动”正在吞没整个世界,包括广告技术

我们听说过大规模的广告技术整合多年来说话。无论是通过并购,收购营销技术的公司,都有曾验证过的预测。

笔者认为它会少一点戏剧性的演变,很显然“移动”正在改变着当今的数字世界。手机终端是我们以大比分见到的最持久的通道。有统计显示,用户查看自己的手机,一天150次,这是前所未有的。

在转向手机应用程序经济,给予消费者更多的控制他们的生活与按需访问任何事情,更好的零售经验和创新的媒体的机会。开始移动很快会延伸到可穿戴设备应用程序当中,汽车和电视连接。应用程序从Web的改变可能比远大于广告技术来得快。

Google移动搜索开始标记结果网站是否兼容移动设备浏览

Google今年一直在努力提升移动搜索的查询量,希望移动搜索可以超越桌面搜索。今天它在代表用户控制移动搜索体验方面又再进了一步——不过不知道这是不是一件好事。Google宣布它现在会在用户的搜索结果中标记出一些不兼容移动设备的网站,也就是说这些网站当中的某些内容可能无法在用户的设备上显示,现在不支持移动设备的网站代码通常会导致页面内容缺失或者空白屏幕的情况。

需要了解的一点是,Google没有说它会在搜索结果中过滤掉这些网站,也不会以任何的形式限制用户访问它们。不过我估计这些警告信息会导致很多使用不支持移动设备的代码(甚至部分不支持)编写的网站会出现流量下降。

为什么移动平台还是 Native 更流行,较少 HTML5 应用?

主要还是Html5 Native渲染不过关,Network Access已经不是问题了

优秀的Html5&Javascript Container出现才能根本解决问题,现在要想效果好只能拼硬件

本人经验是硬件越好效果越好,iOS webkit效果好于Android webkit,Samsung 的Rom对Browser core有优化同样的配置效果更好些

Html5渲染效果比不上Native App 跟 Android App没有iOS App流畅是一样一样滴,中间隔太多层了,除非OS内核直接嵌入渲染引擎,也许我想多了

<< < 81 82 83 84 85 86 87 88 89 90 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言