基于 vue 的纯前端 mac 版桌面。
Vue + font-awesome 图标库纯手工定制
基于请求 ip 获取定位天气
dock 可配置
提供消息通知
安装node环境
// 下载依赖 npm i // 启动开发环境 npm run dev // 构建 npm run build
安装部署
单独使用,将 dist
文件夹下内容放到 http服务器对应目录 (nginx/apache),访问对应地址即可
放到项目中使用,将 dist
文件夹下内容拷贝到项目静态资源路径下或自行修改对应资源和页面
4、动态网页的创建和初始内容 进入创建的项目目录: $ cd d:/erl5.6.5/lib/nitrogen/project1 创建一个新网页: $ nitrogen page /web/blog/post escript: Failed to open file: /usr/local/bin/nitrogen 结果失败了。原因可能是使用shell命令ln不对造成的。也不知道如何纠正。 改用命
二、第二阶段,Nitrogen 的套路分析 此前的学习,比较简单。从今开始,进入困难重重的部分。说到困难,是指由于缺乏技术资料,对于Nitrogen技术细节不容易说清楚。当然,通过查看源码和老外的博客,对Nitrogen框架的总体特点和主干脉络的概况,也是能够把握的。 Nitrogen 程序是事件驱动,而非采用MVC,有其道理。 Erlang的Web编程,都强调Web 2.0技术,即运用Ajax,
6、Nitrogen 的事件处理 这个问题比较高深,不弄明白就是糊弄自己。幸好google到老外的一篇网文,译出来。 (1) Nitrogen的事件,是由用户在网页上的点击等行为引发的特定操作(action)。 Nitrogen事件最常用于向服务器汇报(postback)。汇报的内容产生后,调用动态网页(程序模块)中的函数event/1, 于是,你可以用Ajax技术进行逻辑操作,并且更新网页。 例
4、Erlang的重要命令 erl -make 这条命令的执行,要求同一目录中有文件Emakefile,它规定了make的具体任务: % Compile Nitrogen Files (assuming Nitrogen root is the parent directory.) { '../src/*', [ { i, "../include" }, { outdir, "../ebin" }
8、规定元件的行为(actions) 在Elang中,术语“action”含义广泛。元件属性actions可以赋予的任何值,都是action。在网页上,action决定元件的表现。你可以指定各元件的行为,并且,有的行为可以嵌套指定。 Nitrogen在编译大多数行为时,简单地将Javascript命令赋予元件。这些Javascript命令在网页载入后,可能立即执行,改变元件的状态,或者监听特定
7、Nitrogen 的元件(elements) 元件是构成Nitrogen动态网页的代码片断。元件由Erlang的记录(record)和支持模块(.erl文件)组成,用以告知编译器(rendering engine,直译是“渲染机”,感觉不符合汉语习惯),如何翻译成HTML内容。 许多Erlang元件有HTML的同等对应。例如,元件#span直接译成<span>。 (1) Nitrogen元件的
5、动态网页的写法 写Nitrogen应用程序,主要的、甚至绝大部分的工作是写动态网页。 动态网页就是程序模块,即.erl文件。以下是一个例程(文件是/nitrogen/Quickstart/src/samples/web_samples_postback.erl): -module (web_samples_postback). -include ("wf.inc"). -compile(e
3、Nitrogen 是怎样处理路由(route)和操作请求(request)的 路由和请求,是Web服务器必须处理的2项基本任务。由项目模块,如quickstart.erl,规定处理方式: route(Path) -> nitrogen:route(Path). request(Module) -> nitrogen:request(Module). 首先看对“请求”的处理。在模块nitro
5、Erlang的重要命令 erl -name nitrogen@127.0.0.1 -pa apps ebin include -pa ../ebin ../include -eval "application:start(quickstart_inets)" 对命令的具体理解和分析: (1). -name nitrogen@127.0.0.1 eshell 的提示符:nitrogen@127.
1、项目是应用程序(application) Nitrogen 编程,是从创建项目开始的。从Erlang/OTP的角度看,项目是个应用程序,即在Erlang环境中运行的程序单元。 Erlang应用程序模块,叫做“响应模块”(callback module直译成“回调模块”,觉得别扭)。模块中定义程序的启动和停运函数。 例如,项目quickstart中的模块quickstart.erl: -modu
2、Nitrogen的项目(应用程序)是怎样融入Erlang系统运行的 在缺少文档的条件下,要弄清一些技术细节,比较可靠的办法是阅读源代码。 (1). shell启动命令: erl -name nitrogen@127.0.0.1 -pa apps ebin include -pa ../ebin ../include -eval "application:start(quickstart_ine
用传统的方式进行Erlang的学习,事倍功半,至今没有象样的收获。 想到当年学Python,半生不熟时就啃起了Twisted,结果不仅掌握了两方面的知识,还用Twisted做了个项目。 看来,注重pragmatic是学习原则,也是学习方法。 Erlang的Web编程,综合了OTP等核心技术,又有较高的应用价值,掌握了它意味着达到Erlang修炼的高层次、高境界。 与Python的Web框架层出不穷
随着Erlang和FP的普及,总有人想把Erlang用在Web开发上。 虽然这不一定是个靠谱的想法,但是,还是看上去很美的想法。 Nitrogen 就是其中一个实现。它主要关注在快速开发交互密集型的Web,喜欢Erlang的童鞋可以看一下。
桌面版可以从官网下载,支持Windows和Mac系统。 幕布的桌面客户端操作和网页版一致,这里不再赘述,不同的地方有以下几点: 搜索 桌面版支持全文搜索。 导出 桌面版支持将文档导出为图片。 桌面版导出PDF文档时,可保留层级线。
null 问题:它总是下载js和css文件。 我想如何开发chrome桌面应用程序 启动chrome桌面应用程序时,请将所有资产保存在本地。 每当chrome桌面应用程序启动时,它都应该引用本地保存的资产(我指的是角js文件和css) 在启动chrome桌面应用程序之前,它应该向服务器请求资产是否被更改。如果更改,请删除本地保存的文件并保存最新的文件。 如果资产没有更改,请使用旧的资产文件。这样,
本文向大家介绍基于Vue 服务端Cookies删除的问题,包括了基于Vue 服务端Cookies删除的问题的使用技巧和注意事项,需要的朋友参考一下 一般在我们做项目时,我们都会通过POST请求拿到服务器给到的set-Cookies,保存在浏览器的Cookie里 这里需要明确一点。缓存有三类 cookie、 sessionStorage 、localStorage cookie: 存储在用户本地终端
问题内容: 我想用于单个页面的webapp。我担心是否有一种优雅的方法可以根据客户端是移动设备还是台式机来“发送”不同的模板。有什么办法吗?是否建议Web服务器“了解”浏览器是什么并相应地发送视图,以便浏览器始终要求输入template.html或编写JavaScript,以便浏览器告诉Web服务器获取mobile / template.html? 问题答案: 我将如何向用户显示一个模板并使该模板
本文向大家介绍Vue基于NUXT的SSR详解,包括了Vue基于NUXT的SSR详解的使用技巧和注意事项,需要的朋友参考一下 本文介绍了Vue基于NUXT的SSR,分享给大家,也给自己留个笔记。 SSR 首先说下 SSR,最近很热的词,意为 Server Side Rendering(服务端渲染),目的是为了解决单页面应用的 SEO 的问题,对于一般网站影响不大,但是对于论坛类,内容类网站来说是致命