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

前一篇文章里,分析了包括NW.js和electron这种纯JS框架在内的几种Web桌面应用开发方式,实际上还有一种最古老的方式,那就是嵌入WebView的方式. 嵌入WebView的方式和整个程序都是WEB窗口不同,仅在窗口的部分子窗口使用WebView,和原生UI或DirectUI结合的方式. 这种在C/C++程序里嵌入WebView的方式,由于没有一种公认.通用的框架或方法,基本是最困难和最原始的方式蛮干,或者自研平台,难以公开.但是也有很多效果很棒,很著名的软件.那么下面我们来细数一下这些…

研究Web桌面应用开发有一段时间了,总结了Web桌面应用开发的一些主流方式. 一.前端Style 这种方式的就是直接实现一个Web程序,再封装一个浏览器展示,相当粗暴和有效.著名的框架就是Electron和NW.js了. 代表应用程序是atom. 一般是基于node.js.也有其它语言的. 各种前端框架的拥趸是这种Style的狂热粉丝.这里就不放Demo了.贴段代码就可以感受到它的霸气侧漏. app.on('ready', function() { // 创建浏览器窗口. mainWindow…

前言     曾经天天折腾ExtJS,折腾累了.近期这段时间開始用jquery来做一些东西,发现还是蛮有意思的.可是做到最后才发现,原来做好设计真的很重要. 上图就是HteOS项目的截图,眼下正在开发中.不多如今你可以訪问http://www.hteos.com进行体验          做Web桌面,最主要的功能包含:自己定义桌面.桌面磁贴自己主动排列.磁贴拖拽.窗体.右键等功能都具备,看到了那么多Web桌面,发现大多数都是在仿着WebQQ做,看的有点疲劳,自己就參照眼下比較新颖的Win8 M…

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

背景 毫无疑问,面对一个新的项目需求,我们首先想到的就是web. 确实,web太方便了,基于浏览器对OS的适配,我们可以很快速的实现某个需求的页面UI,而无需考虑OS的兼容差异. 再经过jq.bootstrap.vue等框架(库)的加持,web简直太酷了! 但浏览器(主要是V8)在成全web起飞的同时,由于安全沙箱的先天限制,web应用只能在浏览器的授信范畴内活动,而无法与OS直接通信. 当需要web应用访问本地的摄像头.读卡器.扫码枪.打印机等智能硬件时,总是会显得无能为力. 因此,在开发超市…

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

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

var NotificationHandler = { isNotificationSupported: 'Notification' in window, isPermissionGranted: function () { return Notification.permission === 'granted'; }, requestPermission: function () { if (!this.isNotificationSupported) { console.log('当前浏览…

http://www.pengyaou.com/LegendsZ/eg/WebWindowSystem/…

web前端语言的发展有目共睹, 从原来的pc web, 到后来的mobile SAP, 再到 nodejs,全站工程师应运而生. js快速而且稳健的发展让人不得不重视, 相应的前端开发人员的地位也越来越高, 越来越多的人愿意投入到前端的阵营里去. 而桌面app向来是web前端开发开发人员下意识的避开方向. 但是依然不乏有憧憬的人.于是借助于webkit内核和nodejs,出现了web移动app解决方案和web桌面app的解决方案. 而我们需要做的就是利用熟悉的前端语言借助大拿们的工具,愉悦的开发…

过去,应用开发需要注重大量的专业知识,程序员只需关注单一的语言(比如COBOL.RPG.C++等),并利用该语言创建应用.而如今,时代在变迁.Web不再是单单关注独立的一面.相反,一个现代化的Web应用开发者应该是"样样精通".他们不仅要理解开发方面还要明白Web应用安全漏洞问题,了解如何与其他设备集成在一起等等.往深了说,他们还需要了解这些应用程序是如何运行在平板电脑和智能手机上的. 换句话说,Web应用开发正变得更加复杂化.它迫切需要一个不断增加以及不断发展的配套技能. 那么,现代…

当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架…

国内外最全面和主流的JS框架与WEB UI库...   当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于…

简介      Web Speech API是HTML5技术中的一个提供原生语音识别技术的API,Google Chrome在25版之后开始支持Web Speech API,Google也提供了一个 官方实例,效果如下: 实现效果     我根据Google提供的实例中的相关实现,在Web即时通讯系统中结合Ext实现语音输入,Ext作为展示层,将识别的过程进行展示.效果如下:     开启语音输入时,使用麦克风,浏览器会询问是否允许程序使用麦克风     当程序监听到用户允许程序使用麦克风之后提…

当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家都会使用这些框架或库. 本文整理了国内外最全面和主流的JS框架与WEB UI库,里面有许多人已经十分熟悉,比如JQUERY.当然也有很多是陌生的,可以通过本文了解他们各自的优缺点,或许你能找到更好用的也说不定! 几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架,这些 UI 库与框架…

咏南WEB APP开发框架 咏南WEB桌面框架演示:47.106.93.126:9999 咏南WEB手机框架本地:47.106.93.126:8077 咏南CS框架下载:https://pan.baidu.com/s/1V7zGrcSFRBrCS0XJq6QeAQ 解压运行ynmain.exe 咏南原生手机框架下载:https://pan.baidu.com/s/1XAfr7hMpIz7Q5z8_90IFHw安卓手机安装APK运行 咏南WEB APP开发框架最大的优势:同一套代码,可以跨移动设备…

简介 web前端语言的发展有目共睹, 从原来的pc web, 到后来的mobile SAP, 再到 nodejs,全站工程师应运而生. js快速而且稳健的发展让人不得不重视, 相应的前端开发人员的地位也越来越高, 越来越多的人愿意投入到前端的阵营里去. 而桌面app向来是web前端开发开发人员下意识的避开方向. 但是依然不乏有憧憬的人.于是借助于webkit内核和nodejs,出现了web移动app解决方案和web桌面app的解决方案. 而我们需要做的就是利用熟悉的前端语言借助大拿们的工具,愉悦…

UI(User Interface)即用户界面,也称人机界面.是指用户和某些系统进行交互方法的集合,实现信息的内部形式与人类可以接受形式之间的转换.本文为WUI用户整理了10个优秀的 Web UI 库/框架,为你的下一个Web设计的高效开发作好准备. 1. IT Mill Toolkit IT Mill Toolkit是一个开源的Web UI 框架,为富 Web 应用程序提供widgets 和工具.无需担忧Web 浏览器.DOM . JavaSWMCMS的兼容性性问题. 2. LivePipe…

在今年初,Adobe发布了其第一个支持移动应用程序开发的Flex SDK和Flash Builder版本.Flex 4.5引入了一组移动优化的组件和移动优化的应用程序框架,而Flash Builder 4.5包含移动项目类型.多平台设备模拟.设备上调试和为在众多移动设备和应用程序商店上的部署轻松封装的功能.   使用单个框架和工具,开发人员可以构建丰富.富于表现力的移动和平板电脑应用程序,并部署到Apple iOS.Google Android和BlackBerry Tablet OS设备. 自…

JQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签.jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,…

显著增强 JavaScript 开发的框架概览 Joe Lennon, 软件开发人员, 自由职业者 简介: 现代 Web 站点和 Web 应用程序倾向于依赖大量客户端 JavaScript 来提供丰富的交互功能,尤其是异步 HTTP 请求的出现使得不刷新页面就可以从服务器端脚本或数据库系统返回数据或响应.在本文中,您将了解如何通过 JavaScript 框架更轻松.更快速地创建具有高度交互性和响应性的 Web 站点和 Web 应用程序. 简介 JavaScript 是面向对象的脚本语言,长期以来…

Sitecore CMS 是一套内容管理系统商业软件,其底层平台依托于微软.net技术.由于最近的一个项目采用了这个平台,所以有机会接触到了这个产品. 虽然接触该产品已有一段时间,但总感觉对这个产品缺乏更完整和深入的认识,所以想通过blog的方式记录下学习与使用该产品中的点滴,算是为该产品做个免费的marketing :) 今天先来说一下Sitecore CMS的安装. (1)首先是安装包的获取.作为商业软件,Sitecore的安装包并没有开放下载,同时需要有有效的license.虽然说这是出于…

仿OpenStack开发云计算管理软件 使用Python语言开发一套类似OpenStack的云计算管理平台LouCloud,具备基本的用户,服务器,镜像与 虚拟机管理功能,学习IaaS,虚拟化,Libvirt API,Flask Web开发等知识.课程随到随学,加入即可获得6周有问必答及1个月会员服务,完成所有实验并公开实验报告可获得课程证书. 课程购买有疑问?               (0/6) 1 门课程,6 个实验 专属环境,无限延时 课程难题,有问必答 ￥199.00 (年会员8折￥…

在linux下如何使用QQ?在ubuntu11.10中如何使用QQ?或许有初涉linux的人这样问,我们可以看看ubuntusoft总结出来的几种在linux系统下用QQ的方法.前面的几种主要的方法都可以在ubuntu11.10实现了的,末尾几个方法有些在ubuntu11.10不可以使用,会有说明. 一.Q+ Web Q+ Web可以说是第四代Web QQ,是前Web QQ融合Q+开放平台的一个Web OS,除了基础的QQ聊天外,可以使用应用市场中收录的总多优秀的网页应用. 目前Q+ Web已经…

因为某种特殊原因很不幸的得了脱髓鞘 正要去实习 大展身手 甚至公司都选好了 可就在这个节骨眼..得了传说中的脱髓鞘.经过一年的修养 我决定还是要站起来 毕竟一生的时间很长 这一段时间 我都在玩游戏赚钱 虽然一个月可以3K-5K 可是我是程序员 :我爱这个行业 我喜欢写代码. 我现在身体好了许多,做的事情也就多,游戏我想告一段落了,想搞事情.乌鸦大大说过,人活着就是想各种搞事情. 我想了几个 微信公众号 微信小程序.可是我绝对 需求有点小 也没有说专门的写这个的  我问了 我大学的讲师 他直接推荐…

咏南新BS开发框架 咏南WEB框架支持负载均衡群集. 咏南WEB桌面框架演示:47.106.93.126:9999 咏南WEB手机框架本地:47.106.93.126:8077 咏南CS框架下载:https://pan.baidu.com/s/1V7zGrcSFRBrCS0XJq6QeAQ 解压运行ynmain.exe 咏南原生手机框架下载:https://pan.baidu.com/s/1XAfr7hMpIz7Q5z8_90IFHw安卓手机安装APK运行 登录 功能菜单 通用的三级角色权限 日…

咏南新CS三层开发框架 咏南WEB桌面框架演示:47.106.93.126:9999 咏南WEB手机框架本地:47.106.93.126:8077 咏南CS框架下载:https://pan.baidu.com/s/1V7zGrcSFRBrCS0XJq6QeAQ 解压运行ynmain.exe 咏南原生手机框架下载:https://pan.baidu.com/s/1XAfr7hMpIz7Q5z8_90IFHw安卓手机安装APK运行 通用的权限管理.一个较完整的进销存方案. 登录 和WINDOWS桌面…

随着AI人工智能的兴起,网络安全的普及,不论是网络安全工程师还是AI人工智能工程师,都选择了Python.(所以本菜也来开始上手Python) Python作为当下流行的脚本语言,其能力不言而喻,跨平台(windows,Linux等多个操作系统),web桌面应用都能玩,最重点的是Python上手快. 废话不多说,直接进主题. Python基础语法: 1.Python属于脚本语言,可选择的IDE很多,除了记事本,word之外基本都能写Python.如:visual studio,sublime t…

unigui发展路线图 易博龙收购了SENCHA EXT JS和UNIGUI,随之官方发布了UNIGUI的发展路线图. UNIGUI是开发WEB桌面和手机移动应用的利器. UNIGUI将支持以下新特性: 支持EXT JS 6.5: 支持负载均衡的群集,提供很高的稳定性和可扩展性: 支持LINUX操作系统.…