html5
zhangrui_web
程序媛
展开
-
canvas简易绘图(海绵宝宝篇)
最近在研究canvas,简单的用canvas绘制了一下卡通人物--海绵宝宝。图片如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>canvas海绵宝宝</title> </head> &原创 2018-02-26 13:47:40 · 12254 阅读 · 0 评论 -
为企业级框架和应用而生--Egg.js
一. Quick StartEgg是一个强约束的Node框架,这也会其和Express/Koa最大的不同,后者对开发者相对宽松,主要体现在目录结构,编写方式等均可以自定义。Egg对目录结构等有一系列要求,幸运的是,虽然官方文档几乎是鸭蛋,但是Git上的官方人员还是很贴心的给我们送上了一个自动生成项目目录以及一些简单例子的方式,我们可以来看下:执行如下命令来安装egg-init,在*nix系统下有可...转载 2018-02-27 17:29:49 · 1081 阅读 · 0 评论 -
支付宝框架UmiJs(五米)
最近有发现了一套dva过后的新的React应用框架--UmiJs(当然也可叫做“优米”或者“五米”)。不知道,对UmiJs这套框架有所了解的小伙伴们,对这套框架有什么看法呢?请留言哦!也是刚刚了解这套框架,那么废话少说我们来切入主题吧。umi 就是一套零配置,按最佳实践进行开发的前端框架。具有以下几点特性:1、高性能 PWA、按需加载、tree-shake、scope-hoist、智能提取公...原创 2018-02-27 17:10:26 · 13394 阅读 · 0 评论 -
react前端框架dva(二)
dva的8个基础概念:数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effects 然后流向 Reducers 最终改变 State,所以在 dva 中,数据流向非常清晰简明,并且...转载 2018-03-19 09:12:47 · 5561 阅读 · 2 评论 -
react前端框架dva(三)
API输出文件dva默认输出文件。dva/router默认输出 react-router 接口, react-router-redux 的接口通过属性 routerRedux 输出。比如:import { Router, Route, routerRedux } from 'dva/router';dva/fetch异步请求库,输出 isomorphic-fetch 的接口。不和 dva 强绑定,...转载 2018-03-22 11:23:47 · 10482 阅读 · 0 评论 -
WebSocket入门篇
一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。举例来说,我们想了解今天的天气,只能是客户端向服务器发出请求,服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。这种单向请求的特点,注定了如果服务器有连续...转载 2018-04-14 16:51:13 · 210 阅读 · 0 评论 -
h5+实现手机端的录音,拍照,录像
使用h5+即h5plus可以实现调用手机的功能实现语音的录制播放,图片上传下载,拍照,录像的功能,并提供上传下载的功能。开发工具使用hbuilder,该开发工具有模板和demo可以参考实现快速的开发app功能。使用h5调用硬件的功能,实现原生的效果,前端开发app周期短,开发速度快,入门门槛低,hbuilder还提供了一个mui库,可以实现很多手机原生ui的效果。上传下载参考:https://...转载 2019-03-06 16:44:13 · 7761 阅读 · 0 评论