Linux 中的桌面环境也是一个程序，它和内核不是绑定的，两者的开发也不是同步的；给不带界面的 Linux 系统安装上一个桌面环境，你就能看到各种漂亮的窗口，并能用鼠标点击它们了。...KDE 桌面系统 KDE 是 K Desktop Environment 的缩写，中文译为“K桌面环境”。...KDE 是基于大名鼎鼎的 Qt 的，最初于 1996 年作为开源项目公布，并在 1998 年发布了第一个版本，现在 KDE 几乎是排名第一的桌面环境了。...2010 年，Unity 第一个版本发布，此后经过数次改进，如今和其它的桌面环境一样，也可以安装到其它的 Linux 发行版上了。...Unity 在左边有一个启动器，位于启动器顶部的是搜索图标，又叫“Dash”。
掌握一些好的监控工具可以为我们更好地跟踪服务器状态，持续优化系统提供最佳解决方案。 本文主要列举了一些目前应用最好的开源免费系统监控工具。...01 Nagios https://www.nagios.org/ Nagios一个强大的开源工具，用于监控系统、网络和基础设施。它是监控工具的鼻祖，它的历史可以追溯到1999年。...03 Prometheus https://prometheus.io/ Prometheus是一个基于时间序列数据库的开源监控系统，专门用于监控大规模的微服务和容器。...05 Netdata https://www.netdata.cloud/ Netdata是一个用于实时监控系统和应用程序的性能和运行状况的轻量级开源监控工具。...07 Icinga https://icinga.com/ Icinga是一个开源的网络监控系统，它可以检查网络资源的可用性，将网络中断信息及时通知用户，并根据数据生成性能报告。
当你写项目的时候，如何快速的完成一个项目的搭建，这个时候就需要借助到一些模板了，前端开发的一个好处就是，各类UI模板都是相当的齐全的，直接拿来用就可以了，脱离了一行又一行垒代码的繁琐的工作，以下的开源后台管理系统模板是我在逛...UI 框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。...github.com/puikinsh/gentelella Demo体验：https://colorlib.com/polygon/gentelella/index.html Gentelella 是一个可免费使用的...Vue.js 和 element-ui 的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。...11：d2-admin 推荐指数：star:8.7k github地址：https://github.com/d2-projects/d2-admin D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案
分享两个免费下载Windows系统镜像 https://www.xitongku.com/index.html https://hellowindows.cn/
上一周我说到，我要开始做一个仿桌面系统的CMS。现在，一周过去了，来做个小小的总结吧，顺便把上一周片尾留的小问题解答下。...桌面 关于界面，思前想后，还是模仿115的了，说是模仿，其实几乎是照搬。因为我看了下HTML和CSS，没有什么太大的技术含量，制作起来也不会遇到什么困难，干脆舍弃这一步，进入后面的话题。 ...上周我留下了一个问题，就是桌面那一个个快捷方式，为什么不能直接写在页面里，而要通过js来加载。其实，并非一定要通过js加载生成，但是即便写在页面里，也还是通过js来定位，对，就是定位。...Core.config.shortcutTop+57 > windowHeight){ _top = Core.config.shortcutTop; _left += 90; } }); }); 这样，我们对桌面上图标的加载的功能就制作完毕了...后续的测试中，发现一个问题。就是resize方法会执行2次，百度查了一下了，也没有一个比较好的办法，大多数办法还是通过延迟来防止出现执行2次的问题。如果你有好的解决办法，希望能留言告诉我。
（_cache.resize），这里在对它进行循环，在循环体内我用了一个FormatModel()，这个方法我在上篇文章里提到过，就不再介绍用法了：《自己写的一个分享按钮的插件（可扩展，内附开发制作流程...）》 这个数组长度为8，也就是这个循环一共添加了8个div，那么这8个div到底是什么东西呢，看下这张图就明白了： 对了，就是8个方向，相信有童鞋应该知道是干嘛用的了，就是之后窗体缩放需要用到了...，我会对这8个div分别绑定事件，让他们实现对窗体大小的缩放功能。 ...，可以通过两个function里的注释看到，代码执行流程几乎都是一样的。 ...这里有个小技巧，还记得窗口由哪三部分构成么？顶部、中间和底部，中间是iframe。
这里要提一点注意，scale()是不影响layout的，也就是scale()仅仅是视觉上效果不一样，实际的样式都是不变的，而且scale()的缩放是以中心缩放的，这就会造成一个浮动元素缩放后top、right
在测试的时候，我发现调整浏览器尺寸后，原先靠近浏览器边缘的窗口就直接被隐藏掉了，如下图：
为了用户体验的友好，我打算是列表页和编辑页是在同一个页面里，用滑动切换的模式操作，如：查看demo 我现在只做了这一个demo页面，效果自认为还不错，但在IE6下一看，兼容性就一塌糊涂了，所以现在正在考虑是放弃...如果我找不到更好的操作模式，可能我还是会考虑用最基本的跳转页面来实现列表+编辑这2个功能了。
因为在这个系统里，我经常要打开一个或多个窗口，但实际上这些窗口的HTML代码都是一样的，只是其中的参数稍微有点变化。...说改就改，改之前我考虑了另一个问题，就是要不要使用网上现有的js模板引擎，这方面因为之前完全没了解过，所以搜了几个，有的似乎很有名，比如JST，但也非常大，所以我没有考虑；有的很小，也就是一些JSer自己写的插件...最终我打算自己写，因为我不需要ajax--json--dom这么一个流程，所以，我就找了一个替换模板参数的方法，虽然不是我写的，但是很好用，来看一下吧： var FormatModel = function...str = str.replace(re,model[k]); } return str; } 要怎么用呢，其实很简单，看下for循环里面的操作就清楚了，str是传入的模板，model是个key...但是我记得之前看到过一句话，就是“一个好的产品，就是能让用户在使用的过程中，突然说出：‘我靠，居然还有这功能’。那么，这个产品就成功了”，所以，关于右键，这个功能必不可少，哪怕就一两个地方能用上。
为防止大家步入误区，本文建议不用阅读太细，实现思路请参考：http://www.cnblogs.com/hooray/archive/2012/03/23/2414410.html 图标拖动排序 最近加了一个人...首先，图标拖动和窗口拖动的实现代码是几乎一样的，如果你对这个不清楚，可以看下我之前写的文章《EonerCMS——做一个仿桌面系统的CMS（四）》，关于拖动时的样式效果，我都是以win7做为参考，如图... 当我们在拖动一个图标的时候，原图标不动，然后复制出一个与其一样半透明的图标，然后放开鼠标，删除原先的位置，更新到移动后的位置，如图 思路清楚后，就可以动手开始做了，首先是复制一个半透明图标，触发事件是在我鼠标左键...，避免触发桌面上的一些点击事件或hover效果，拖动的完整代码如下 $(document).on("mousedown","#desk ul li",function(e){ $(document.body...} }); 注：“num”就是半透明图标处于图标dom树第几个的位置，因为图标排列是一列一列的，计算公式大致就是：(每列个数*(当前处于第几列-1))+当前处于某列第几个 这次就更新了这么一个大功能
判断浏览器是否缩放 这是一个困扰我一周的问题了，不过现在终于在@Mr.L的协助下解决了，下面先描述下问题吧。...大家在浏览QQ空间的时候，通过浏览器，或者按住ctrl+鼠标滚轮进行页面缩放，页面上会有个很友好的提示，如： 开始，我以为是通过判断窗口宽高，但发现缩放后的宽高和原先的宽高是一样的。失败。 ...但最后测试后发现，这个方法有个小缺陷，就是当缩放的比例较小的情况下，实际高度是不准确的，容易出现我明明是缩放，但高度反而增加的情况。失败。 ...看了源码后才豁然开朗，原来它是用一个zoom.swf文件来判断的，js只是进行操作。 实现步骤如下，先把zoom.swf引用到页面上 <object data="zoom.swf?...= level) { $('p').html(""); } } } onZoomChange方法里有个o.scale，这个scale参数是通过zoom.swf返回回来的，通过判断这个是否大于
开篇 一个月前，我突然有了个想法，CMS能否做的像webQQ那样，整个后台就像一个桌面系统，把功能归类到一个桌面图标里，点开某个图标后，操作里面的东西，就像在操作电脑上的某个文件夹一样简便，于是我之前写了一篇构想的文章...因为我的JS能力并不算强，虽然之前也写过一个自己的jQuery插件（jQuery.HooRay），但其实还是很不够的，所以这一个月我一直在加强自己的js能力，同时也对一些访桌面系统的网站做的研究，其中包括国产的...webQQ、115，也还有一些国外的云操作系统，对他们的界面、操作模式做的小小的分析。 ...这篇文章就先到这里了，之后我会每周写篇，一方面总结下一周遇到的问题以及解决办法，另一方面也给自己有个任务进度，看看自己一周到底做了多少东西。 ...PS：其实今天稍微做了点，把界面上的“快捷方式”做好了，快捷方式不是直接写在页面里，是通过js加载生成的，至于原因嘛，先卖个关子，下周我会说明，先看下小试牛刀后的成果吧。
前言 今天分享一款.NET Avalonia基于MIT License协议开源、免费的桌面UI库：SukiUI。...Avalonia介绍 Avalonia是一个强大的框架，使开发人员能够使用.NET创建跨平台应用程序。...项目源代码 运行项目源代码 设置SukiUI.Demo为启动项目，F5运行： SukiUI主题截图 项目源码地址 更多项目实用功能和特性欢迎前往项目开源地址查看，别忘了给项目一个Star支持。
事件冒泡 事件冒泡是个很常见的问题，不过我之前没听说过，所以这里只是做个笔记，如果了解事件冒泡，并清楚如何处理的，可以直接跳过这篇文章。
按住我拖动 一晃又过去一个多星期了，途中出了个差，进度上略有耽误，不过还好，上次有个话题没说完，这次继续，就是窗口拖动以及改变窗口尺寸。...，具体功能就不介绍了，不明白了去看我上一篇文章《EonerCMS——做一个仿桌面系统的CMS（三）》，我在那里对这个做了具体说明。 ...属性，用来存放width、height、top、left四个属性值，在每次移动或者改变尺寸，都对这个值进行更新并存放，目的就是当窗口最大化后，点还原可以还原到最大化前的尺寸和位置。 ...接着就是改变窗口尺寸，我事先先对8个div绑定好事件，然后也是用类似的方法，获取鼠标位置，更新窗口的width、height、top、left的值。...，这样的目的就是为了之后cms系统有更高效的操作，比如我要同时操作新闻栏目和新闻文章，就可以左右两边分别打开这两个页面，然后同步操作，提高效率。
用Python + PyQT写的一个系统桌面时钟，刚学习Python，写的比较简陋，但是基本的功能还可以。...③系统托盘图标，主要参考PyQt4源码目录中的PyQt4\examples\desktop\systray下的程序 ④鼠标右键，将程序最小化 使用时需要heart.svg放在源代码同级目录下，[文件可在
前言 今天给大家推荐3个.NET开源免费的WMS仓库管理系统（注意：以下排名不分先后）。...仓储管理系统介绍 仓储管理系统（Warehouse Management System，WMS）是一种用于管理和控制仓库操作的软件系统，它可以帮助企业实现对仓库内物品的跟踪、存储、拣选、包装和发运等全过程管理...ModernWMS 项目简介 ModernWMS库存管理系统是我们从多年ERP系统研发中总结出来的一套针对小型物流仓储供应链流程。...Colder.Admin.AntdVue框架进行功能开发，支持Windows、Linux、macOS多操作系统运行。...oSWqG0JZpdlckOOCWwIQow GitHub开源地址 https://github.com/awesomedotnetcore/WMS/ KopSoftWms 项目简介 KopSoftWms是一款.NET开源免费的
本文介绍 Ubuntu 桌面系统升级的两种方式，通过 UI 或命令行的方式，演示为 20.04 升级为 22.04。并介绍了 windows 的 Linux 子系统 wsl 的升级注意事项。...通过 UI 升级 使用下方命令打开软件更新管理器界面通过 GUI 更新软件，并检查 Ubuntu 系统的更新： sudo update-manager -c -d 升级系统 之后根据指引操作即可完成升级...升级系统 通过命令行升级 通过下方命令可升级 Ubuntu 的桌面版： sudo do-release-upgrade -m desktop 开始升级会提示要更改 sources.list 输入 y 同意即可...等待卸载清理完成，系统会提示进行重启，重启操作即可。 wsl 的额外处理 注意：wsl 系统的话，会出现如下提示，按照要求退出其他 wsl 实例，然后退出当前实例，按回车继续。...wsl 内核更新 升级完成检查 输入 uname -a 和 lsb_release -a 即可发现，系统已经完成升级。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
