在web桌面程序里,图标拖动并重新排序是个比较常见的功能.这个功能我之前反复修改了好几遍,现在终于整理出了比较理想的解决思路,决定拿出来分享下. 这一功能主要有哪些难点呢?我总结了一下一共有2处难点: 1.如何知道被拖动的图标在拖动结束后处于哪个位置 2.知道拖动结束后图标的最后拖动位置,如何判断是在该位置之前插入,还是在之后插入 知道难点后,就可以来一一解决分析了. 首先是第一个,如何知道被拖动的图标在拖动结束后处于哪个位置?要解决这一问题,我在之前的<开源的Web桌面应用框架(文件夹功能分析…

这是一个在操作系统里比较常见的功能,但在web里实现,有哪些需要注意的呢? 1.如何真正的实现锁屏? 2.如何避免通过技术手段绕过锁屏? 我个人总结出2点需要特别注意的地方,下面就分别进行分析. 第一点,“如何真正的实现锁屏”,浏览器有个特性,就是可以多开窗口(或tab标签页),这就意味着单纯的靠js和css进行html对象的操作,实现隐藏是不够的,因为如果用户依旧处于登入状态,其他人只需重新开个页面,或者刷新一下,就又变回未锁屏状态了.所以,第一点的解决办法就是,前端通过js和css进行htm…

图标用于向用户传递信息,不管是在网页还是 Web 应用程序中都非常需要.这些小小的图标元素能够告诉用户怎么到下一页,如何添加.删除和取消等等各种操作.设计精美的图标不仅能增加界面的美观,也能够让应用程序更加易用.下面收集的13套精美 Web 应用程序图标可以免费下载使用,相信你会喜欢!(温馨提示:点击图片即可下载) 01. Crisp Icon Set 小清新风格图标,提供 16x16,32x32,48x48 三种尺寸,有 CSH.Retina.PSD 和 PNG 四种格式. 02. Pixel…

这几天在构思项目,研究了一下Electron,记录下来. 说起WEB桌面程序,当前最火的就是Electron了. Electron的架构用一句话总结,就是一个main.js进程加上一个或数个chrome窗口,每个窗口都包含一个独立的Node.js. 这样的架构,使得这种桌面应用必须是一个(或数个)单页面应用(SPA),而这个SPA还拥有访问本地API的能力(Node.js). 一方面,程序对前端框架的依赖必然加强,想再JQuery打天下就不那么容易了:另一方面也大大加强了前端框架的能力与版图.…

今天休息在家,由于天气热再加上疫情原因,就在家里呆着,空闲时想着,在很早以前(约3年前),产品人员跟我提了一个需求,那就是winform桌面程序的图标能否根据节日动态更换,这种需求在移动APP上还是比较常见,比如:淘宝.天猫.京东.360等,它们在逢节假日时除了APP内容有更新,APP ICON也是都更新了的,但PC端的应用程序(APP)则很少见到说有动态更新图标的,故当时我是直接回绝了的,明确表示做不了,但今天我仔细想了一下,其实也是可以实现的,虽然无法直接更新桌面图标,但我们可以更新替换掉桌…

Web应用程序信息收集工具wig   很多网站都使用成熟的Web应用程序构建,如CMS.分析网站所使用的Web应用程序,可以快速发现网站可能存在的漏洞.Kali Linux新增加了一款Web应用程序信息搜集工具wig.该工具可以对目标网站进行扫描,获取网站所使用的Web应用程序类型.版本号.Web服务类型.操作系统以及相关的子域名.同时,该工具根据获取的应用程序类型,还会给出相关的漏洞扫描工具.如果该版本的存在漏洞信息,会直接给出漏洞详细信息链接.…

HoorayOS 写了差不多快2年了,在我的坚持下也有一部分人打算着手自己也写套类似的程序,我想我可以提供一点经验. 俗话说细节决定成败,开发2年多来,我看过大大小小类似的程序不下20个,各有优点也各有缺点.或许是处女座的强迫症导致我不能容忍这些缺点在我的程序上出现,所以一直完善至今. 以下是我初步整理的几处容易被忽视的细节: 一.当浏览器改变大小时,桌面图标无法重新排序 这个细节相对比较容易被注意,不细说. 反面教材:http://www.cdesk.org/demo/demo.html 二.…

传统桌面程序不能完全被web和移动端替代,但是需要改造.这里要说的是巧用webapi把以前用dll和com组件,ocx等方式做接口,做分布式开发的方式,改成restful 风格api的方式实现跨平台,多客户端(类型).并分享几则案例. 1.智能储物柜 项目背景:某智慧城市项目需要用到有智能锁的储物柜,用app扫码控制存取,并和智慧城市后台交互.智能锁系统是工业的塔式控制器,使用modbus ascii协议控制,端口使用串口.储物柜配备了工控电脑32寸竖屏,工控电脑控制塔式控制器(单片机),工控机…

Linux下通过.desktop 文件创建桌面程序图标及文件编写方式 1.Desktop Entry文件概述:在 Windows 平台上,用户可以通过点击位于桌面或菜单上的快捷方式轻松打开目标应用程序.现代 Linux 桌面系统也提供了此项功能.Linux KDE和 Linux GNOME桌面系统都使用 Desktop Entry 文件标准来描述程序启动配置信息.Desktop Entry 文件标准是由 X Desktop Group 制定的,目前最新的版本是"Desktop Entry Spe…

在传统桌面程序中,对图标的使用大多是直接嵌入JPG或者PNG的图片.在祖传的1366x768分辨率下,并没有什么问题.相对于手机硬件的突飞猛进,也侧面反映了PC行业的落寞和桌面程序开发的不思进取.用360卫士的群众并不能倒推PC行业的升级.反倒是水果公司双高的利润和口碑让人很是眼馋.加之某软跳出来教猪队友做硬件.现在倒是有些起色,1080p的屏幕已是标配,4k也算常见.那么传统桌面程序在升级过程中,就会遇到今天要讨论的,如何解决高分辨率下图标模糊的问题. 一种解决方案是按最高的分辨率提供图片.这…

electron因为自带cef所以体积巨大,还不是因为windows没有chromium的webview嘛,现在有了新edge后,这个项目通过依赖各个平台的webview,并依赖.net core,做到700k可以把web端跑起来像桌面程序似的,代码也非常简单.支持url,静态文件和html字符串.平台支持windows, mac ,linux . 在windows端安装  https://www.microsoft.com/en-us/edge 和 .net core 3.x即可 https:…

因为疫情影响,公司裁员,结束了一年多的web开发经历,重新开始做桌面,新公司用的是WPF(居然用的是winform style...),当然这跟本文没有关系...上篇博客写的用后台api和前台浏览器控件的方式来做桌面程序,这篇文章用nancy+cefsharp实现了一种方式,使用WPF的原因是因为winform在高分辨率屏幕上会有问题,cefsharp会显示黑边,虽然可以解决,但始终不是很好的感觉.演示界面如下: 后端API nancy是一种web后端框架,现在已经不再维护,但是功能应该说已经很…

以往写windows桌面程序需要用MFC.C#之类的技术,那么如果你只会web开发技术呢?或者说你有一个网站,但是你想把你的网站打包成一个桌面应用程序,该如何做呢? 答案就是用node-webkit这个开源框架,他封装了webkit内核和node.js,让你可以用web技术来开发windows/linux/OSX程序等.指的一提的是目前node-webkit已经改名为NW.js,下面是在github上的此框架站点: https://github.com/nwjs/nw.js 本文讲述了如何使用该…

  使用 React.js 的渐进式 Web 应用程序:第 1 部分 - 介绍 使用 React.js 的渐进式 Web 应用程序:第 1 部分 - 介绍 来自译者 markzhai:大家也知道最近 Web 越来越火了,如果你还以为 Web 就是 jQuery.Ajax.CSS 什么的,那你就 out 了.给大家几个链接看一看吧: https://shop.polymer-project.org/ https://housing.com/ https://www.flipkart.com/ ht…

来源: http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles 我们都希望创建高性能的Web应用程序.由于我们的应用程序变得越来越复杂,我们可能想要支持丰富的画面以及理想的60帧/秒,这能保证我们的应用程序响应灵敏且生动流畅. 知道如何衡量和提高性能,是一个有用的技能,在这短短的文章中,我会带您简单回顾关于如何通过 Chrome DevTools的 Timeline和Profiles做到这一…

系统要求 首先建议采用 Windows 10 专业版/企业版/教育版,且必须是64位操作系统,原因是docker装起来比较方便,Win7装起来比较麻烦,且不确定是否有其他问题(自己没有实践过) 其次Win10家庭版不支持hyper-v,也就无法安装docker(依赖hyper-v),hyper-v 是什么可参考百度百科. 硬件要求 具有二级地址转换 (SLAT) 的 64 位处理器. CPU 支持 VM 监视器模式扩展. 最少 4 GB 内存. 由于虚拟机与 Hyper-V 主机共享内存,因此将…

简介: 对于那些使用 JavaScript 和 jQuery 库从桌面应用程序转向 Web 应用程序的开发人员来说,他们还不习惯去考虑应用程序基本的外观,因为这些以前都是由操作系统来处理的.了解 jQuery UI,一个基于 jQuery 的 UI 工具箱,使创建漂亮的界面更为容易.本文同时也介绍了一些 jQuery 插件,可以加速 Web 开发并有助于创建我们所熟悉的,且流畅.直观.灵活的界面. 简介 如果您是一个传统桌面应用程序开发人员,并且正在转向开发 Web 应用程序,在学习 HTML…

原文:Getting Started 作者:Rick Anderson 翻译:谢炀(Kiler) 校对:孟帅洋(书缘).刘怡(AlexLEWIS).何镇汐 设置开发环境 安装最新版本的 Azure SDK for Visual Studio 2015.如果你之前没有装过 Visual Studio 2015,SDK 会安装 Visual Studio 2015. 注意 如果你的机器之前任何依赖都没有安装过,SDK 的安装时间将会超过30分钟. 安装 .NET Core + Visual Stud…

Visual Studio 2012 Visual Studio Express 2012 for Web 与 的Visual Studio 2010  Visual Studio Web发布更新 与 的Visual Web Developer 2010 Express  Visual Studio Web发布更新 您可以部署到任何以下目标: 对于承载提供程序. 对于在开发计算机上的IIS作为一个测试环境. 到公司的内部网络上的服务器. 使用 发布 Web 向导,若要配置 Web 应用程序项目的…

1.web应用程序和网站的区别 应用程序有两种模式C/S.B/S.C/S是客户端/服务器端程序,也就是说这类程序一般独立运行.而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来运行.Web应用程序是一种可以通过Web访问的应用程序.Web应用程序的一个最大好处是用户很容易访问应用程序.用户只需要有浏览器即可,不需要再安装其他软件. 网站(Website)开始是指在因特网上根据一定的规则,使用HTML(标准通用标记语言下的一个应用)等工具制作的用于展示特定内容相关网页的集合…

你一定已经听说过Autodesk应用程序商店了,通过Autodesk应用程序商店,你可以免费下载或购买来自全球的优秀开发者发布的应用程序,来帮助你更快更方便的完成你的工作.而且作为开发者,您也可以在Autodesk应用程序商店发布你的应用程序,不但可以帮你免费打广告,而且还能获得实实在在的收益. 地址是: https://apps.exchange.autodesk.com/zh-CN  按常规理解,这些应用程序大多数是基于桌面的,可能是AutoCAD或者Revit等软件的一个插件,需要用户下载…

当双击桌面图标的时候,出现如下错误信息:Process org.xfce.FileManager exited with status 1 于是做出如下尝试: 1. ps aux | grep FileManager未找到 2. pacman -Qs FileManager未找到 3. pacman -Ql | grep FileManager找到一个相关的文件 /usr/share/dbus-1/services/org.xfce.FileManager.service根据路径名,猜测与dbu…

前言 在这家公司服务了一年时间,一个多月之前已经提交了离职申请,好在领导都已经批准了,过几天就办理手续了,在此感谢领导的栽培与挽留,感谢各位同事在工作中的给我的帮助,感谢师傅(在我心中当他是我师傅,跟着他确实学了不少东西,称呼一声师傅也不为过),离开这个团队确实有一些不舍,不为别的,只因为这个团队的气氛特别好.同事之间相处融洽.没有那么多的勾心斗角,所以干活儿也干的有劲,上班的时候可以使用网络.可以上QQ.可以上各种论坛.可以看新闻等等,我个人很喜欢这种工作方式,作为一个IT人员,如果闭门造车的…

使用 HTML5,CSS3 和 JavaScript 开发移动应用经过实践证明是一种可行的方式.这里收录了几款 iOS 风格的手机应用程序开发框架,帮助您使用擅长的 Web 技术来开发移动应用程序.这些工具大多都基于 HTML & CSS,而另一些则可能需要使用 JavaScript 库. 您可能感兴趣的相关文章 创意设计:折叠效果在移动App中的应用 45套新鲜出炉的精美 PSD 网页设计素材 分享15套免费的扁平化界面设计素材下载 设计前沿:30款超级精美的iOS图标欣赏 40款 iPhon…

1. Web API简单说明 近来很多大型的平台都公开了Web API.比如百度地图 Web API,做过地图相关的人都熟悉.公开服务这种方式可以使它易于与各种各样的设备和客户端平台集成功能,以及通过在浏览器中使用 JavaScript来创建更丰富的HTML体验.所以我相信Web API会越来越有它的用武之地. 说道Web API很多人都会想到Web服务,但是他们仍然有一定的区别:Web API服务是通过一般的 HTTP公开了,而不是通过更正式的服务合同 (如SOAP)  2. ASP.NET…

使用IzPack打包JAVA Web应用程序步骤如下: 这里使用IzPack-4.3.5 + launch4j-3.1.0-beta1-win32.zip(绿色版)对Web应用程序打包,打包后即可对我们使用java开发的Web应用程序进行安装部署. 操作步骤: 1. 首先先下载IzPack-install-4.3.5.jar可执行的Jar包,该安装包就是通过IzPack做成的,是一个可执行的Jar包.下载后通过命令java –jar IzPack-install-4.3.5.jar 运行运行安装…

http://www.cnblogs.com/qingyuan/archive/2012/10/12/2720824.html GetListAll /api/Contact GetListBySex "/api/Contact?sex=" + sex GetContactByID /api/Contact/"+id ASP.NET MVC Web API 学习笔记---第一个Web API程序 2012-10-12 09:56 by 贺臣, 32252 阅读, 30 评论,…

2013-05-01 Created By BaoXinjian…

2013-05-01 Created By BaoXinjian…

前些日子,看到Herb Sutter在自己的博客中推荐了一篇文章<Why mobile web apps are slow>,在推荐里他这样写道: “I don’t often link to other articles, but this one is worth reading.” 我不经常链接到其它文章,但是这篇文章的确值得一读. “He offers data (imagine!) to justly debunk many common memes and “easy answer…