html
zhangrui_web
程序媛
展开
-
canvas学习笔记
1、前言 canvas一般就是用来绘制图像的2、基本知识 上下文对象 var canvas = doucment.getElementById("canvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "color";// 填充样式 ctx.strokeStyle = "color";//边框样式 ctx.fill();//填充...转载 2018-02-26 12:22:55 · 230 阅读 · 0 评论 -
canvas简易绘图(海绵宝宝篇)
最近在研究canvas,简单的用canvas绘制了一下卡通人物--海绵宝宝。图片如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>canvas海绵宝宝</title> </head> &原创 2018-02-26 13:47:40 · 12280 阅读 · 0 评论 -
为企业级框架和应用而生--Egg.js
一. Quick StartEgg是一个强约束的Node框架,这也会其和Express/Koa最大的不同,后者对开发者相对宽松,主要体现在目录结构,编写方式等均可以自定义。Egg对目录结构等有一系列要求,幸运的是,虽然官方文档几乎是鸭蛋,但是Git上的官方人员还是很贴心的给我们送上了一个自动生成项目目录以及一些简单例子的方式,我们可以来看下:执行如下命令来安装egg-init,在*nix系统下有可...转载 2018-02-27 17:29:49 · 1095 阅读 · 0 评论 -
支付宝框架UmiJs(五米)
最近有发现了一套dva过后的新的React应用框架--UmiJs(当然也可叫做“优米”或者“五米”)。不知道,对UmiJs这套框架有所了解的小伙伴们,对这套框架有什么看法呢?请留言哦!也是刚刚了解这套框架,那么废话少说我们来切入主题吧。umi 就是一套零配置,按最佳实践进行开发的前端框架。具有以下几点特性:1、高性能 PWA、按需加载、tree-shake、scope-hoist、智能提取公...原创 2018-02-27 17:10:26 · 13427 阅读 · 0 评论 -
react前端框架dva(二)
dva的8个基础概念:数据流向 数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过 dispatch 发起一个 action,如果是同步行为会直接通过 Reducers 改变 State ,如果是异步行为(副作用)会先触发 Effects 然后流向 Reducers 最终改变 State,所以在 dva 中,数据流向非常清晰简明,并且...转载 2018-03-19 09:12:47 · 5567 阅读 · 2 评论 -
Three.js与canvas实现地球自转动画
效果如上图实现代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>旋转球体</title> <style> body{ margin: 0;原创 2018-06-06 13:40:25 · 7044 阅读 · 0 评论 -
react如何显示HTML之dangerouslySetInnerHTML
在react中,通过富文本编辑器进行操作后的内容,会保留原有的标签样式,并不能正确展示。在显示时,将内容写入__html对象中即可。具体如下: <div dangerouslySetInnerHTML = {{ __html: checkMessages.details }} />如果是直接调用接口中的值,则是以上的写法,如果是单纯的显示固定的内容,用如下的写法...转载 2018-09-28 15:02:59 · 6535 阅读 · 0 评论 -
h5+实现手机端的录音,拍照,录像
使用h5+即h5plus可以实现调用手机的功能实现语音的录制播放,图片上传下载,拍照,录像的功能,并提供上传下载的功能。开发工具使用hbuilder,该开发工具有模板和demo可以参考实现快速的开发app功能。使用h5调用硬件的功能,实现原生的效果,前端开发app周期短,开发速度快,入门门槛低,hbuilder还提供了一个mui库,可以实现很多手机原生ui的效果。上传下载参考:https://...转载 2019-03-06 16:44:13 · 7786 阅读 · 0 评论 -
Less中使用calc()的坑
前端开发者们对于calc()已经不陌生了,它是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来计算元素的长度。使用示例如下:div { height: calc(100vh - 88px);}需要注意的只有一点:中间的运算符两头都要有空格!!!同样的代码写在less中,就出现问题了。最终结果可能变成了:div { height: ca...转载 2019-05-16 19:00:41 · 2465 阅读 · 0 评论