摘要:原文地址: "WebGL学习之纹理贴图" 为了使图形能获得接近于真实物体的材质效果,一般会使用贴图,贴图类型主要包括两种:漫反射贴图和镜面高光贴图。其中漫反射贴图可以同时实现漫反射光和环境光的效果。 实际效果请看demo: "纹理贴图" <! more 2D纹理 实现贴图就需要用到纹理,常用的纹理格 阅读全文
posted @ 2019-04-29 16:04 Jeff.Zhong 阅读(2391) 评论(0) 推荐(1) 编辑
摘要:原文地址: "如何将markdown转换为wxml" 话说我要为技术博客写一个小程序版,我的博客解决方案是 hexo + github page ,格式当然是技术控们喜欢的 markdown 了 。但小程序使用的却是独有的模版语言 WXML 。我总不能把之前的文章手动转换成小程序的 wxml 格式吧 阅读全文
posted @ 2019-04-27 09:52 Jeff.Zhong 阅读(405) 评论(0) 推荐(0) 编辑
摘要:原文地址: "小试小程序云开发" 微信小程序刚出没多久时,曾经上手写过demo,但开发体验比较差,所以一直没怎么关注。不过自从诸多适配方案出炉,以及云端的开通,觉得还是有必要上手体验一番的,于是为我的技术博客也写了个小程序版。 原生开发我是不想再试了,那就选一种适配方案,目前比较知名的有基于vue的 阅读全文
posted @ 2019-04-26 14:51 Jeff.Zhong 阅读(920) 评论(0) 推荐(0) 编辑
摘要:原文地址: "koa+mysql+vue+socket.io全栈开发之前端篇" React 与 Vue 之间的对比,是前端的一大热门话题。 vue 简易上手的脚手架,以及官方提供必备的基础组件,比如 vuex , vue router ,对新手真的比较友好; react 则把这些都交给社区去做,虽然 阅读全文
posted @ 2019-04-13 19:29 Jeff.Zhong 阅读(765) 评论(0) 推荐(1) 编辑
摘要:原文地址: "koa+mysql+vue+socket.io全栈开发之数据访问篇" 后端搭起大体的框架后,接着涉及到的就是如何将数据持久化的问题,也就是对数据库进行 CURD 操作。 关于数据库方案, mongodb 和 mysql 都使用过,但我选用的是 mysql ,原因: 1. 目前为止 my 阅读全文
posted @ 2019-04-12 10:57 Jeff.Zhong 阅读(515) 评论(0) 推荐(0) 编辑
摘要:原文地址: "koa+mysql+vue+socket.io全栈开发之web api篇" 目标是建立一个 web QQ 的项目,使用的技术栈如下: 1. 后端是基于 koa2 的 web api 服务层,提供curd操作的http接口,登录验证使用的是 json web token ,跨域方案使用的 阅读全文
posted @ 2019-04-09 11:40 Jeff.Zhong 阅读(900) 评论(0) 推荐(0) 编辑
摘要:原文地址: "关于socket.io的使用" 这段时间学习了 socket.io ,用它写了小项目,在此总结下它的基本使用方式和一些要点。 socket.io 是基于 Node.js 和 WebSocket 协议的实时通信开源框架,它包括客户端的JavaScript和服务器端的Node.js。 服务 阅读全文
posted @ 2019-03-30 05:08 Jeff.Zhong 阅读(5434) 评论(0) 推荐(4) 编辑
摘要:面对日新月异的前端,我表示快学不动了😂。 Webpack 老早就已经更新到了 V4.x,前段时间 React 又推出了 hooks API。刚好春节在家里休假,时间比较空闲,还是赶紧把 React 技术栈这块补上。 网上有很多介绍 hooks 知识点的文章,但都比较零碎,基本只能写一些小 Demo 阅读全文
posted @ 2019-02-04 13:54 Jeff.Zhong 阅读(1223) 评论(0) 推荐(1) 编辑
摘要:制作动画效果离不开动画运动函数,而我们用得最多的无疑就是 Tween.js 。根据不同的数学公式原理, Tween.js 划分出了不同的动画类型,每种动画类型里面都包含以下的缓动类型: 1. ease in 先慢后快 2. ease out 先块后慢 3. ease in out 先慢后快再慢 关于 阅读全文
posted @ 2019-01-03 10:37 Jeff.Zhong 阅读(1073) 评论(1) 推荐(0) 编辑
摘要:原文地址: "canvas实现俄罗斯方块" 好久没使用canvas了,于是通过写小游戏“俄罗斯方块”再次熟悉下canvas,如果有一定的canvas基础,要实现还是不难的。实际完成的Demo请看: "canvas俄罗斯方块" 。 原理详解 看游戏最终界面,可知需要实现以下关键功能: 1. 游戏面板, 阅读全文
posted @ 2018-12-13 10:17 Jeff.Zhong 阅读(1108) 评论(0) 推荐(5) 编辑