HTML5
文章平均质量分 81
宝华的小岛
生命不息,奔跑不止。
展开
-
Electron初体验
初次接触Visual Studio Code,就被其高端优雅的界面风格所吸引,后来偶然打开Cocos Creator,更是无限神往。以前开发桌面应用,.Net那界面真心感觉不上档次,想自定义又觉得太麻烦。偶然发现Cocos Creator竟然是用前端技术设计的。于是猜测着是不是有有个什么工具,可以很方便地使用前端技术开发桌面应用,顺便还能解决跨平台的问题。搜了一下,还真有,最有名的就是Electron了。VSCode和Cocos Creator都是用它开发的,个人怀疑Termius也是用它开发的。于是决原创 2021-05-01 11:27:26 · 2185 阅读 · 2 评论 -
使用WebSocket设计简单聊天软件的雏形
动机是要了解WebSocket,网购没有书籍,网上的资料也比较碎片化,接触这个有好几天了,没找到一个深入的有效途径。有朋友给我一个例程,但是由于搞不定Idea,所以也没有跑起来。网上很多例子,讲解都不完整,不是注释不齐,就是没交代环境配置。今天花了半天时间,把一个简单的IM系统的雏形弄出来。立即写一个博客,一方面有利于自己记忆,一方面也许能为其他和我一样的初学者指一条路。这个系统分三部分,服务原创 2017-06-05 18:24:12 · 1520 阅读 · 1 评论 -
混合开发关键技术Java和JS互调并交换数据
研究混合开发,关键技术是java和js的方法互调,现在采用JavascriptInterface接口很方便,一段时间,解决不了的事返回值的问题。js调用java可以轻松拿到返回值,但是java调用js使用的是webview的loadurl(),这个方法拿不到返回值。搜到的资料也很少。多番琢磨,尝试采用会话的模式,java向js发出数据请求,调用js的一个方法,js在这个方法中反向调用java的一个原创 2017-06-16 12:21:20 · 1387 阅读 · 0 评论 -
HTML5网页通过ajax跨域调用接口获取json数据并解析(一)
接口使用Idea设计,返回json字符串。HTML5页面使用WebStorm设计,需要导入jquery。设计接口需要有Gson包。一、SpringBoot接口@PostMapping("/getUserListJson") public String getUserListJson() { List userList = userRepository.getUs原创 2017-09-04 10:06:37 · 30688 阅读 · 3 评论 -
SpringBoot实现文件上传
用SpringBoot实现服务器,然后用java和html5实现客户端进行上传测试。一、服务器端接口程序。为省事就在controller中写了,正式的程序我喜欢放在service这一层进行处理调用。@RestController@RequestMapping("/file")public class FileController { /** * 单文件上传原创 2017-09-04 22:14:46 · 23918 阅读 · 9 评论 -
ajax实现文件上传
没有使用插件一、单文件上传 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"&g原创 2017-09-04 22:52:21 · 59574 阅读 · 4 评论 -
Jquery微型架构:requestBody网络请求的模式与自定义协议的封装
我们在用html三剑客编写网站或者后台管理程序的时候,现在多数使用异步请求。如果使用jquery,异步请求很方便。我们的项目,后台使用java springboot设计,统一套用了自定义的请求协议,方便各端进行模式化封装。请求方式也全部统一成了post请求,所有协议和请求参数,一级返回的协议和数据也都全部打包生成json,构建到RequestBody中进行发送。我本来是做Android的,原创 2017-11-29 14:19:30 · 1550 阅读 · 0 评论 -
Vue微型架构:requestBody网络请求的模式与自定义协议的封装
如果我们使用vue来构架前端项目,我为自己设计了这样的一个小型架构,参考上一遍文章:《Jquery微型架构:requestBody网络请求的模式与自定义协议的封装》,在次基础上做了一些改变。一、 首先是程序架构其中包含jquery和vue两个外部包。需要下载导入。二、页面文件login.html文件内容 login原创 2017-11-29 14:40:14 · 4762 阅读 · 0 评论 -
扫码登录的简单实现-Web端
先看看页面。出示二维码:扫码登录成功后自动切换。一、需要用到的库本实例使用vue,二维码生成使用jquery-qrcode.js二、index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&...原创 2019-10-08 12:13:18 · 2241 阅读 · 0 评论