? ES6-Mario 这是一个用原生ES6语法和HTML5新特性写成的Web 游戏. 通过这个项目,你可以在实践中对ES6的主要内容.HTML Canvas 相关API以及Webpack的基础配置有一个直观的认识. 主体结构学习自 Meth Meth Method On Youtube @Meth Meth Method. 非常感谢原作者 @pomler,从他那里学到了很多人生经验. 项目地址:GitHub: es6-mario 兼容性 较新版的Chrome 和 Firefox iOS 9.3…
一个原生canvas写的飞机游戏,实用性不大,主要用于熟悉canvas的一些熟悉用法. 项目地址:https://github.com/BothEyes1993/canvas_game…
Node.js是JavaScript基础上发展起来的语言,所以前端开发者应该天生就会一点.一般我们会用它来做CLI工具或者Web服务器,做Web服务器也有很多成熟的框架,比如Express和Koa.但是Express和Koa都是对Node.js原生API的封装,所以其实不借助任何框架,只用原生API我们也能写一个Web服务器出来.本文要讲的就是不借助框架,只用原生API怎么写一个Web服务器.因为在我的计划中,后面会写Express和Koa的源码解析,他们都是使用原生API来实现的.所以本文其实…
前端的小伙伴们在babel等的加持下,已经可以愉快的使用es6来写代码了. 然后对于服务端的nodejs就有点坑爹了,虽然原生支持了es6,但是只是部分支持,一些不支持的特性(比如module)使用了就会报错,所以如果想使用完整的es6来写服务端nodejs,我们还是离不开babel. 下面介绍一下在vscode中使用es6写nodejs的配置方法. 首先在根目录下建立.babelrc文件,写入babel配置,我的配置如下,记得npm安装babel及你需要的presets或者plugin. {…
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <body><title>原生js写的贪吃蛇网页版游戏特效代码 demo by js.alixixi.com</title></body> <script> Star = { init:function(){ var bigDiv = this.appendEl…
原文:How to Build a Multiplayer (.io) Web Game, Part 1 GitHub: https://github.com/vzhou842/example-.io-game 深入探索一个 .io 游戏的 Javascript client-side(客户端). 如果您以前从未听说过 .io 游戏:它们是免费的多人 web 游戏,易于加入(无需帐户), 并且通常在一个区域内让许多玩家相互竞争.其他著名的 .io 游戏包括 Slither.io 和 Diep.i…
用原生js写一个"多动症"的简历 预览地址源码地址 最近在知乎上看到@方应杭用vue写了一个会动的简历,觉得挺好玩的,研究一下其实现思路,决定试试用原生js来实现. 会动的简历实现思路 这张会动的简历,就好像一个打字员在不断地录入文字,页面呈现动态效果.又好像一个早已经录制好影片,而我们只是坐在放映机前观看. 原理分两个部分 页面能看见的不断跳动着的增加的文字,由innerHTML控制 页面的布局效果由藏在"背后的"style标签完成 想象一下你要往一张网页每间隔0…
每周荐书:云原生.Docker.Web算法(评论送书) 感谢大家对每周荐书栏目的支持,先公布下上周中奖名单 名优秀评论可以免费获得此书.   云原生应用架构实践 云原生架构,关注简化开发流程.提升研发效率 实现大规模弹性伸缩应对业务爆发! 网易云基础服务架构团队 著 ISBN 978-7-121-31516-9 2017年7月出版 定价:79.00元 372页 编辑推荐 √网易云平台开发一线的主力,为你讲述云原生的技术体系,展示从单体到服务化架构的演进.   自己动手写Docker 阿里容器王牌…
参照JQuery中的ajax功能,用原生JS写了一个ajax,功能相对JQuery要少很多,不过基本功能都有,包括JSONP. 调用的方式分为两种: 1. ajax(url, {}); 2. ajax({}); 调用的方法参照JQuery的ajax,只是 不需要写$.ajax ,只需要写 ajax 就可以了. 代码如下: !function () { var jsonp_idx = 1; var ajax = function (url, options) { if (typeof url ==…
20 个使用原生 JavaScript 实现的 Web 项目 20 vanilla JavaScript Web Projects https://github.com/learning-js-by-reading-source-codes/vanillawebprojects 目录 # 项目 在线演示 01 Form Validator / 表单验证器 在线演示 02 Movie Seat Booking / 电影座位预订 在线演示 03 Custom Video Player / 自定义视频…