node-webkit是两周前我才刚刚认识的桌面开发利器。那天程序君写了篇关于github atom的文章,中间有段文字做了大胆的猜测:「这就是Atom最大的亮点!web native。在此之下,less style,coffeescript plugin,nodejs integration都水到渠成。看上去atom的源代码来自chrome —— 我觉得atom很可能是一款以某种方式运行本地web app的浏览器。chrome的源代码base在webkit上(貌似是bsd),所以atom可以任意修改。很可
本文介绍了Node-Webkit技术,它是一种基于Node.js和Chromium的应用程序运行环境,可以用于开发跨平台的桌面应用程序。通过Node-Webkit,开发者可以使用HTML、CSS和JavaScript来编写应用程序,并且可以将其打包成可执行文件,从而方便地在各种平台上部署。
一、前言 首先这里说的原始选择器是指除 querySelector 、 querySelectorAll 外的其他选择器。从前我只使用 getElementById 获取元素并没有觉得有什么问题,但随着参与项目的前端规模逐步扩大,踩的坑就越来越多,于是将踩过的和学习过的经验教训记录在这里,供以后好查阅。 二、
此动态加载css方法 loadCss,剥离自Sea.js,并做了进一步的优化(优化代码后续会进行分析)。
近几年,移动应用和web2.0大行其道,相比之下。传统桌面应用程序开发显得相对冷清(包含该领域技术人才的后继力量),但在一些场景下,它依旧有其不可替代的优势。
之前一直使用的hta在开发工具,最近转到node-webkit上了,对比一下二者的优劣势。hta单个文件,体积较小,但有兼容性的问题(兼容ie6、7、8就行了,也还好),node-webkit使用webkit内核,可以直接使用html5、css3的相关特性,比如圆角、渐变等,比较方便,界面炫一些,但在windows下最大的问题就是体积较大。
此文章是我最近在看的【WebKit 技术内幕】一书的一些理解和做的笔记。 而【WebKit 技术内幕】是基于 WebKit 的 Chromium 项目的讲解。
前言:基于android webview 上定制自己使用的可移植浏览器apk,遇到好多按键处理的问题。所以索性研究了一下keyevent 事件的传递流程。 frameworks 层 keyevent 事件开始是从/frameworks/base/core/java/android/webkit 目录下WebViewClassic.java 中onKeyDown() 函数开始的 // Bubble up the key event if // 1. it is a system key; or
记录下最近踩的一些坑,也作为踩坑系列的第一篇,主要是希望以后对遇到的问题,都能够记录下来,下次尽量避免或者在遇到的时候能够快速定位并解决。由于自己的水平有限,遇到的问题在别人看来可能相对简单,可能一些大神们对下面的问题有自己独到的见解,也欢迎指出。
现在很多for Mobile的HTML5网页内都有快速滚动和回弹的效果,看上去和原生app的效率都有得一拼。
除了在Web服务器领域大展拳脚之外,Node.js同样也在无处不在的JavaScript应用程序创建当中散发出耀眼的光芒。 Node.js:不只是网站 就在仅仅几年之前,Node.js初始版本刚刚诞生
本文介绍了HTML5通过WebKit嵌入打包成本地应用的方法和遇到的鼠标操作问题。HT for Web通过使用QtWebKit渲染引擎提供了本地Web UI的解决方案。然而,由于HT将QtWebKit错误地识别为可触摸的移动终端环境,因此需要使用htconfig设置来强制HT使用常规的mouse事件处理。通过使用htconfig设置,可以解决HT for Web嵌入QtWebKit的客户端解决方案中的鼠标操作问题。
HTML5已经足够强大,但很多应用还是需要独立桌面客户端的解决方案,毕竟能操作本地文件等功能还是很多工具类软件短期内无法完全采用云方案替代。 最近Adobe发布的http://brackets.io也
该文章讲述了通过Qt将HT for Web嵌入QtWebKit的解决方案,介绍了HTML5和WebKit在桌面和移动设备上的交互问题,并提供了htconfig配置方案来解决该问题。同时提到了JavaScript for Automation在桌面系统上的应用前景。
版权声明:本文为吴孔云博客原创文章,转载请注明出处并带上链接,谢谢。 https://blog.csdn.net/wkyseo/article/details/77880535
HTML5已经足够强大,但很多应用还是需要独立桌面客户端的解决方案,毕竟能操作本地文件等功能还是很多工具类软件短期内无法完全采用云方案替代。
经济学中的“有需求就有市场”,在技术领域也不例外,Electron 是应需求而生的,Electron 面世之后,非但满足了现有大部分的开发需求,还创造了大量的新需求,开辟了一个新的生态。
Xcode如何下载安装或更新呢?打开Mac机上的App Store,搜索Xcode,进行安装或者更新,注意观察下Xcode的更新日志,可以看到当前版本支持的IOS SDK版本。
从参考文章1里发现有三种方法:HTMLRunExe 工具、hta文件、nwjs工具。 我只尝试过其中的 hta 和 nwjs,并且最终采用了nwjs工具。所以此处只比较下这两种方法。
在此博客中,我们将研究JavaFX如何渲染网页以及负责该网页的组件-即WebView
1.shadowdom解析 1.1 什么是shadow dom 先看个例子: <source id="mp4"
本文作者:IMWeb ouven 原文出处:IMWeb社区 未经同意,禁止转载 1.shadowdom解析 1.1 什么是shadow dom 先看个例子: <source id="mp4" src="http://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4"> 这样一个标签可以在浏览器产生几个界面你相对较复杂的播放器
昨天心情不太好,本来不打算写东西了,但想想坚持了这么久,还是写点什么吧。 最近sharejs升级到了0.7,看文档说整套代码重写了一遍,API基本都变了。想起以前写的teamspark,从meteor 0.3.7到0.5就经历了阵痛,0.5到0.6又是无法运行,费了不少劲才改好的艰难,开源软件没到1.0真是要慎用啊。 最近「业余」(真是非常业余,大块时间都用来写东西了)时间在捣鼓node-webkit。还记得之前我提到过的github atom么?它就是基于一个node-webkit的fork上做出来的。我
在 PC 端,我们可以使用 Firebug 或者 Chrome 开发人员工具方便的调试网站或者 Web 应用。但是,当我们想在移动端调试站点或者应用的时候,这些工具就派不上用场了。因此,移动开发人员都希望能有 Mobile 版本的 Firebug 或者 Chrome 开发人员工具。Weinre 就是这样一款工具,可以帮助我们调试移动网站及 PhoneGap 应用。
相信有很多公司,用习惯老式的ERP系统,将软件UI固化为WINDOWS桌面端的应用程序。
github地址:https://github.com/1314mxc/yunUI ,欢迎star!
【作者】Nicholas C.Zakas世界知名的JavaScript专家和Web开发人员。
本人用的是npm方式安装的 hexo-theme-butterfly,后续魔改时更改的文件都是【BlogRoot/node_modules/hexo-theme-butterfly】文件夹中的文件。如果你是git clone方式安装的主题,请在【BlogRoot/themes/butterfly】文件夹下修改对应的文件。
一:上一篇的链接: 基于.net开发chrome核心浏览器【一】 二:相关资源介绍: chrome Frame: 让IE有一颗chrome的心,看起来不错,但我没有深入研究这个东西。 http:/
1. 2018年4月运行以前的cordova项目出错,新建项目也不行 node v6.10.4下,将cordova卸载,然后重装6.3.1 $ cnpm uninstall -g cordova $ cpnm i -g cordova@6.3.1 $ cordova create xxx 2. 构建项目出错 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':CordovaLib:p
食堂技术周刊仓库地址:https://github.com/Geekhyt/weekly[1]
模块类和状态类 参照上文的demo,我们结合源码分析在简单的API调用的背后,到底使用了什么技巧来实现各个模块的依赖加载以及模块API的导出。 首先定义了一个Module类,对应与一个模块 function Module(uri, deps) { this.uri = uri this.dependencies = deps || [] this.exports = null this.status = 0 // Who depends on me this._wa
介绍 vsc的宣传语是: 一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。 按它说的,vsc特别适合来作为前端开发编辑器。 内置html开发神器emmet(zencoding),对css及其相关编译型语言Less和Sass都有很好的支持。 当然,最nice的还是写js代码了,这也是我接下来要着重介绍的功能。 智能提示 因为之前微软推出了typescript语言,结合tsd文件,用visual studio写typescript代码是
历史: 在WebKit中,许多对象采用了引用计数。这种模式是通过类的ref,deref成员函数来递增和递减对象的引用记数。调用一次ref必须调用一次deref。当对象的引用记数为0的时候,对象就被删除。WebKit中许多类创建的新对象引用记数都为0,这被称作是浮动状态(Floating State)。在浮动状态的对象必须调用ref,在删除之前必须调用deref。WebCore中许多类通过继承RefCounted模版类来实现这种模式。 在2005年的时候,我们发现存在很多内存泄漏的问题,
https://blog.csdn.net/weichuang_1/article/details/48849335
最近打算做一个个人的Blog系统,用于技术交流与个人主页展示,起初打算通过Wordpress+VPS部署在云上,后来看了下腾讯云CVM价格比较贵就算是比较便宜的轻量应用服务器(Lighthouse)一年价格也需要1000人民币,其实也可以买一个玩玩,毕竟公司内部每个月还能抢100元腾讯云优惠券,可以给个人服务器进行续命。但是平时工作比较忙,Blog与公众号更新属实是属于反人性的东西,打算先基于Gitpages搭建一个免费的Blog主页,如果能够持续进行内容输出再考虑切换到个人服务器上。
前端不可不学的浏览器渲染机制,阿里年年问,去一个栽一个。听说百度也在考这个,你还不准备学吗?
1.查数据 <pre class="md-fences md-end-block" lang="" contenteditable="false" cid="c8" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: Consolas, 'Liberation Mono', Courier, monospace; font-size: 0.9em; white-space: pre; display:
(从我的百度博客http://hi.baidu.com/weolar 搬到csdn来,现在百度博客已经没落了,唉。)
作为一个前端开发人员,你可能已经听说过Electron了,你知道VS Code是基于这个技术开发的。不但VS Code,
本文主要介绍了如何用CSS绘制各种几何图形,包括三角形、圆形、矩形、多边形等。通过使用before和after伪元素,可以创建各种复杂和有趣的图形。同时,文章也介绍了一些常用的CSS绘制形状的技巧,如使用border-radius、transform和box-shadow等。
软开源了一个 Python 项目:Playwright,从此又多了一个浏览器自动化工具。之前一直用 selenium 或 splinter。
上面说 weinre 是一个远程 web 调试器。说到了它的发音,还挺幽默,哈哈。
在WinForm/WPF中使用CefSharp混合开发时,通常需要自定义滚动条样式,以保证应用的整体风格统一。本文将给出一个简单的示例介绍如何自定义CefSharp中滚动条的样式。
阿里开源的Macaca框架中的一个小工具,用于获取App元素信息,该工具比较稳定,响应速度较快 可以给出最简化的xpath信息以及元素xpath的绝对路径,可以支持IOS和Android。
bootstrap是目前最流行的前端开发框架,提供了丰富的前端组件,对于经验丰富的高手来说,其中的每项功能可能并不是太复杂,但由于他功能丰富,已经是一套系统,所以整体开发和组织的过程就不简单了 如果你来负责开发bootstrap,你会如何进行整体架构和流程的把控?有时间可以思考下,可以锻炼自己全局思维 通过bootstrap的源码,大概看下bootstrap的工程化开发方式 需求 (1)开发 主要使用css和js开发,js本身就是编程语言,开发环境也很成熟 css麻烦一点,用纯css编写的话效率不高,所以使
在混合开发的App中,经常会有内嵌的H5页面。那么这些H5页面元素该如何进行定位操作呢?
领取专属 10元无门槛券
手把手带您无忧上云