使用js+css做一个仿照安卓手机桌面菜单，可以拖动排序、合并菜单的网页

JavaScript0103

使用js+css做一个仿照安卓手机桌面菜单，可以拖动排序、合并菜单的网页,第1张

拖动到一个div里这个jq ui有例子就不说了，重点就是拖进去后样式的变化，就是在原件拖入后，那么1个元素变2个了，就必须在他们的2个元素外城wrap一个div 给包着。然后用css 修改里面元素的样式：大小，以及元素间的间距.

<style>

.bao,.box{width:60pxheight:60pxposition:absolute}

.bao .box{width:20pxheight:20pxposition:relativedisplay:inline-blockmargin:5px}

</style>

<div class="box box1"></div>

<div class="bao">

<div class="box box2"></div>

<div class="box box3"></div>

</div>

大概就是这样的一个思路

通过HTML、CSS、JavaScript来编写本地应用程序。

简单地说就是一个本地客户端应用程序使用一个内置的浏览器内核渲染前端界面，另一方面还可以调用本地系统级API，实现本地应用程序的各种功能。

使用该技术的部分产品：

网易云音乐PC客户端

有道词典PC客户端 （基于heX）

Atom文本编辑器 （基于Electron）

Visual Studio Code编辑器 （基于Electron）

相关技术

C++ / CEF

https://bitbucket.org/chromiumembedded/cef

CEF (Chromium Embedded Framework)

谷歌浏览器嵌入式框架，即谷歌浏览器内核，配合C++使用。

Electron

http://electron.atom.io/

Electron基于Node.js，使用javascript编程。

个人对Node.js的理解

Node.js是一个JavaScript 解释器，是类似Python的东西

Node.js使用JavaScript语言，Python使用Python语言

Node.js常用于编写Web服务器（使用http等模块）

Python也有类似的框架，比如Django

NW.js

NW.js 原名 node-webkit

基于 Chromium 和 Node.js

heX

heX是有道发起的开源项目

基于开源项目 CEF，它内部整合了开源项目 Chromium 及 Node.JS