本文以编写一个链上记事本为例,介绍如何开发DApp,一年多前写的开发、部署第一个DApp[1]因为Truffle 、MetaMask、Solidity都有升级,也随手更新了。...链上记事本有两个功能: •添加一个新记事•查看之前(自己的)记事本 实现效果: ?...如果没有使用过truffle 可以阅读开发、部署第一个DApp[3]。 Truffle 的Box,是一套套的开发模板, 它会帮助我们安装好相应的依赖,快速的启动应用开发。...为 truffle 配置一个新网络 修改truffle.js 加入一个新网络....我们可以用输出的交易Hash到https://ropsten.etherscan.io/[9] 查询。
因为主页需要显示已经记录的内容,所以我选择用ListView去显示。用到ListView,则与之对应的是要一个数据源,一个适配器。...但是数据库操作和网络访问等都是属于耗时操作,如果用主UI线程去执行响应操作的话,很可能会出现ANR现象,所以这里我用AsyncTask去执行数据库操作。...接下来是查看或修改一条记事本了,布局我是直接复用新建记事本的布局。...因为没有区别 – – 接下来是查看或修改一条记事本的Activity了,之前,我想的是点击一条记事本,则进入这条记事本,把这条记事本直接显示在页面上,用户直接在内容最后进行编辑。...这里,我考虑了,是否有改动,用一个变量,去存放原始的数据,在用户点击顶部返回或者系统返回键的时候去判断是否有改动,如果有,则提示用户是否需要保存更改。如果修改内容,没有字了,则自动删除该条记事本。
摘要: 本文是使用Python,结合Tkinter开发简单记事本。 本文的操作环境:ubuntu,Python2.7,采用的是Pycharm进行代码编辑,个人很喜欢它的代码自动补齐功能。 ...最近很想对python加深学习一下,同时也是想试着做一些东西,今天使用python,结合Tkinter来做一个简单的跨平台记事本。...最终实现的记事本如下,也算是麻雀虽小,五脏俱全了,之后也是会继续完善的: ? ...如上图,我们可以看到这个记事本主要分为三个模块:文件,编辑和关于,结合我自身的习惯外加四个toolbar:新建、打开、撤销和保存。下来就我个人构建这个记事本做个总结。...快捷键亲测可用~ 这算是对此次开发的简单记事本的一个总结,之后有时间也是会添加更多的功能。
Tkinter自定义记事本 Python中我们通常使用tkinter来进行UI界面的编写,本文我们来使用tkinter实现自定义记事本。...记事本设计思考 想要完成记事本,我们首先需要考虑一个正常的记事本都需要具有哪些功能,我们将这些功能按键添加到我们的UI界面上即可。...一般功能如下: 新建文本文档 打开本地文件 保存文本文档 功能项:剪切、复制、粘贴等 设定好了基本的功能选项之后我们再来思考实现记事本的思路。...创建记事本窗口 设定记事本菜单项 给不同的菜单项配置不同的功能选项 运行笔记本 代码实现示例 创建记事本窗口 创建窗口的时候,我们要设定好窗口的高度、宽度、文本区域以及各种菜单,与设定的内容如下: class...self.HelpMenu.add_command(label="关于记事本", command=self.
在本文中,我将向你展示如何设置一个简单的开发环境,以便使用 TypeScript 编写 Node.js 程序。...我们用 entry 字段声明程序的入口点,告诉 Webpack 在 Node.js 中使用 target 字段。...可以用 mode 字段告诉 Webpack 它应该关注编译速度(开发)还是混淆和缩小(生产)。为了帮助调试,需要在开发模式中运行,用 devtool 字段来指示我们想要源映射。...由于我们正在使用 Node.js,所以无法用 webpack-dev-server。 幸运的是可以用 nodemon 来解决这个问题。...它是专门为这个目的而开发的工具:在开发期间重新启动 Node.js 应用程序。 让我们从安装 nodemon-webpack-plugin开始。
参考链接: 使用Tkinter制作记事本 用with 打开一个不存在的文件不会崩溃,简化了劳动。 还遇到一个问题,给窗口设置大小后,文本框和按钮就不出现了,不知道各位大佬有没有知道的。 ...代码如下: #类似记事本小程序,可以打开文件,编辑,保存。...with open(l.get(), 'w') as file: file.write(contents.get('1.0', END)) win = Tk() win.title('记事本
前端时间使用iOS技术编写了一个记事本APP,github地址,https://github.com/ThinkerJack/android-ios-flutter_notepad。...ios_notepad 1.项目简介 使用Swift编写的IOS APP,除了常规记事本的增删改查功能之外,加入了分组功能。...,此APP参考了一本有些过时的IOS书籍,虽然书上的很多API和现在已经大不相同,不过随着工作经验的增长,自己也成长为一个有些经验的端开发工程师,从最开始用JQuery,bootstrap写网页,到后面使用...Angular,然后接触到Flutter,到现在自学的Android和IOS,对端开发一些常见的步骤都有了自己的认识,比如路由管理,页面布局,工程架构(mvc,mvp,mvvm),这个APP就是通过协议将...写在末尾 Android 和 Flutter 端的工程不打算写了,做同一种事情的工具掌握三种并没有什么意义,软件开发核心还是基础和流程,拒绝做API boy。
但前一个项目做完之后我发现bootstrap虽好,但里面的各种样式我利用的很少,最多用到它排版,当网站最后上传的时候你会发现,即使压缩之后,它也会占用相当大的一部分,所以这次我想自己用原生写,响应式开发...(你还可以设置更多节点) 用媒体查询的话要保证每个像素下都有对应的适配效果显然你要设置更小的宽度范围; 3.还有就是css3的单位rem: rem就是将根节点html的font-size的值作为整个页面的基准尺寸...那就要用到js在页面加载时获取window的宽度(浏览器窗口的宽度)$(window).width();在开发手机页面的时候,一般我们设置最大宽度为640px,因为640px可以保证在至今最宽的手机上显示时网页两端刚好贴合屏幕...height:10.6rem; border:1px solid #000; box-sizing: border-box; } js
因此理论上可以使用任何语言开发Fabric链码。目前官方提供了三种开发语言的Fabric链码开发工具包:Go、Java和Node.js,本文将介绍如何使用node.js开发Fabric链码。...Fabric官方提供了两种开发node.js链码的途径:fabric-shim和fabric-contract-api。...使用fabric-shim开发Fabric链码 fabric-shim是较底层的链码开发包,它封装了与节点通信的grpc协议。...将上面代码保存为demo.js,可以直接用node.js启动: ~/fabric-shim-chaincode-demo$ node demo.js 使用fabric-contract-api开发Fabric...fabric-contract-api则是更高层级的封装,开发者直接继承开发包提供的Contract类,就不用费心合约方法路由的问题了。
之所以用记事本来写不是为了装 X 或者什么的。...反而恰恰是返璞归真,因为在用 java 语言进行程序开发时,首先是以纯文本的方式编写所有的 java 源程序,并保存成以.java为后缀的文件;然后将这些源程序用javac编译成.class后缀名的字节代码文件...javac java image.png 编写 java 用记事本编辑 java 文件,并且把后缀改成.java,文件名和类名要一样。
除了这些基本概念之外,我还尝试在游戏开发期间使用无点样式,该样式能够使代码更简洁,因为它省略了不必要的参数和参数的使用。以下两个链接给你提供了很好的参考。...因为 Javascript(JS)是我很熟悉的一种语言,并且是一种多范式语言,所以我选择它为项目语言。...其中一些基本函数是 JS 固有的,例如 map 和 reduce。...例如我用 SonarQube 分析了此函数的认知复杂性,并获得了最高分。...我不建议使用雄心勃勃的范式或技术来完成那些需要在最后期限之前完成的项目,但是该项目是出于学习目的而开发的。
上篇博客我们聊了《JavaEE开发之SpringBoot整合MyBatis以及Thymeleaf模板引擎》,并且在之前我们也聊了《Swift3.0服务端开发(五) 记事本的开发(iOS端+服务端)》,在之前的案例中的服务端是我们使用了
博主是使用记事本 编写的,之所以不用开发工具是因为想要了解如何通过doc编译和执行Java程序 系统:windows10 Java:jdk1.8版本 Java文件位置:E盘-test文件夹 创建文本文件..."为"HelloWorld.java"; 提示:如果看不到文件扩展名".txt/.java";请开启显示文件扩展名 编写代码 右键Java文件"HelloWorld.java";打开方式-记事本...:执行 在dos命令窗口继续输入"java HelloWorld";"HelloWorld"为class文件的文件名; 运行结果 emm、emm就这样结束了 小问题 如果我们使用记事本这样的工具来编写代码
基于C#开发的一款记事本软件,包括记事本文件的新建、打开、读取、保存、文本的加粗、倾斜、字体、字号,记事本的批量操作等。 Hello!...大灰狼又来和大家分享值得学习的C#开发项目了,今天和大家分享一个大家应该都比较熟悉的开发项目—“记事本”。...很多小伙伴可能也都使用过记事本来记录一些自己比较重要或者容易忘记的事情,但是你知道它是怎么开发出来的嘛?...同样和之前大灰狼和大家分享的计算器项目一样,记事本项目也可以使用很多不同的语言开发,今天大灰狼就先和大家介绍一下使用C#开发记事本的思路和流程。...C#的记事本开发需要我们定义两个窗体,也就是一个承载所有记事本的父窗体,一个具有记事本基本功能的子窗体。 . 记事本子窗体 所以我们首先来聊一下具有记事本基本功能的子窗体的开发。
Android MVVM框架使用 功能开发之记事本 前言 正文 一、记事本页面 二、编辑页面 三、增加笔记表 ① Bean ② Dao ③ 数据库升级迁移 ④ 新增存储库类 ⑤ 新增ViewModel...⑥ 添加笔记 四、显示笔记列表 五、修改笔记 六、删除笔记 七、源码 八、开心一下 前言 对于一些常规的MVVM框架搭建也有一些了,那么对于一些小功能的开发也需要说明一下,注重实践,本文实践一下。...在写之前先来看看完成后的效果图吧,如下图所示: 正文 从标题就看到了记事本的功能,这个功能还是比较有实用价值的,虽然每一个手机都自带这个功能,但依然有人去开发,因为这个功能可以考察开发者的一些基本功...一、记事本页面 既然要写一个记事本,那么首先要创建一个页面,我的代码依然还是写在MVVM框架中的,在activity包下新建一个NotebookActivity,对应的布局是activity_notebook.xml...这个页面也需要一个入口,也就是记事本页面点击右下角的按钮跳转过来,在activity_notebook.xml中修改浮动按钮的onClick事件。
本文作者:IMWeb 林鑫 原文出处:IMWeb社区 未经同意,禁止转载 本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。...代码如下: // store/index.js import Vue from 'vue'; import Vuex from 'vuex'; import * as actions from '....} }); } } } 总结 虽然只是做了个小小的记事本...这个记事本只做了一个页面,就没有用vue-router,路由也是vue里很强大的功能。...做这个记事本的初衷,是因为在工作中,我都会把最近要做的事情给记在本子上,完成之后就会打钩,所以想把这个给放到电脑上去实现。
,并且初期的版本需要大量的迭代和测试,所以在这种条件下采用原生开发是不合适的 那么,第二个问题就是要确定混合开发的方案,项目立项是在2016年,那么可以来看一下,在当时我们可以选择的方案有哪些: Html5...因为前端部分也是h5的混合开发方案,所以切换成node其实更多的原因是想体验一下用一种语言统一前后端的感觉,顺便挑战一下只招js工程师的成就 虽然想法很美好,奈何现实给了我一拳 由于是大规模替换,如果要将所有的代码进行重写那将耗费非常多的时间...─ frontend-custom.js │ └── ... │ └── model │ └── frontend-custom.js │ └── ... ├─ backend...│ └── service │ └── backend-custom.js │ └── ... │ └── model │ └── backend-custom.js...相同那么也不需要调整业务代码 当然,不是每一个key都会有前缀,所以这里也支持了this.app.cache.set/get的调用 5.egg-moe-builder egg-moe-builder是一套打包用的
本文采用vue2.0+vuex+localStorage+sass+webpack,实现一个本地存储的记事本。兼容PC端和移动端。...代码如下: // store/index.js import Vue from 'vue'; import Vuex from 'vuex'; import * as actions from '....} }); } } } 总结 虽然只是做了个小小的记事本...这个记事本只做了一个页面,就没有用vue-router,路由也是vue里很强大的功能。...做这个记事本的初衷,是因为在工作中,我都会把最近要做的事情给记在本子上,完成之后就会打钩,所以想把这个给放到电脑上去实现。
尽管如此,Vue.js仍然有一个限制,它还不能像React的React Native,Vue.js目前还没有稳定、广泛采用的方法来开发原生应用程序。 不过,这肯定会改变!...目前有两个框架正在开发,可以打开用Vue.js框架创建本地应用程序之门,我们都很喜欢的:Weex和NativeScript。...不幸的是,Weex开发商不认为使平台可用,对于开源社区是一个优先选项。确保文档,github等等,有些东西越来越好了,Weex是在Apache孵化器下(ASF)。...组件之间的桥梁,让你可以用Vue.js构建跨平台的应用程序。...当然,也有一些粗糙的地方,但是一旦他们清除了问题,我们将有一个坚实的框架来开发本地应用程序使用Vue.js。 我赌NativeScript!
1.3 WEB开发 使用WEB技术进行开发,利用浏览器引擎完成UI渲染,利用Node.js实现服务器端JS编程并可以调用系统API,可以把它想像成一个套了一个客户端外壳的WEB应用。...Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。...Node环境 这可能是很多前端开发者曾经梦想过的功能,在WEB界面中使用Node.js提供的强大API,这意味着你在WEB页面直接可以操作文件,调用系统API,甚至操作数据库。...3.2 Node.js Node.js是一个让JavaScript运行在服务端的开发平台,Node使用事件驱动,非阻塞I/O模型而得以轻量和高效。...职责: 用HTML和CSS渲染界面 用JavaScript做一些界面交互 可调用的API: DOM API Node.js API Electron提供的渲染进程API 四、Electron基础 4.1
领取专属 10元无门槛券
手把手带您无忧上云