摘要：
iphonex 已经上线有一段时间了，作为业界刘海屏幕第一款机型，导致全屏不能正常的全屏显示了，，所以需要对iphonx 适配，下面就详细说说如何适配 先看一张适配前后的图: iphonex 提供的 meta 头 <meta name="viewport" content="viewport-fit 阅读全文
摘要：
今天在群里有人讨论方老师的文章《我不是很懂 Node.js 社区的 DRY 文化》，我也看了一遍，槽点太多，不知道如何下笔。 方老师分析了几个依赖最多的 npm 包，每个都只有不到百行代码。 比如 is-odd，每周下载 300 万次，但是只有核心 5 行代码。而且依赖了每周下载 1000 万次的 阅读全文
摘要：
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图书打开的交互效果https://codepen.io/jcoulterde... 进度条交互效果https://codepen.io/jcoulterde... 太阳系行星排序游戏https://codepen.io/jco 阅读全文
摘要：
jQuery带页面跳转的确认提示框代码https://www.mk2048.com/demo/demo_target_desc.php?id=0aj0kaahjjQuery alert, confirm带有页面跳转的确认提示框代码原生javascript网页贪吃蛇小游戏源码下载https://www 阅读全文
摘要：
纯JS实现KeyboardNav(学习笔记)二 这篇博客只是自己的学习笔记,供日后复习所用,没有经过精心排版,也没有按逻辑编写 这篇主要是添加css,优化js编写逻辑和代码排版 GitHub项目源码 预览地址 最终效果 KeyboardNav使用指南: 左下角为网站的icon,'.'代表网站无ico 阅读全文
摘要：
WebClient UI上自带了一个打印按钮，按Ctrl + P后可以生成一个新的页面供打印。 如下图所示。可以看到这个页面里所有的超链接都已经被移除了。 这个页面的生成逻辑如下。 1. 按住ctrl + p之后，会触发WebClient UI框架的按键响应函数thtmlbKeyDown。浏览器传入 阅读全文
摘要：
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 图片切换效果https://codepen.io/AlikinVV/f... 基于 dom 的可换肤的自行车https://codepen.io/jh3y/full/... 用 svg 写的大金钢像素画淡入淡出效果https: 阅读全文
摘要：
Bootstrap在线编辑可视化布局系统模板https://www.mk2048.com/demo/demo_target_desc.php?id=ik0khj20jLayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统模板，可用该工具手动布局网页，一切为可视化布局 。jQuery 阅读全文
摘要：
自从买了 Switch 手柄后一直想试试给自己写的小游戏增加手柄支持。今天终于抽出时间搞了一把。以下是笔记 ;) navigator.getGamepads HTML5 中获取游戏手柄的 API 是 navigator.getGamepads()。navigator.getGamepads 会返回一 阅读全文
摘要：
ES6中基础类型增加到了7种，比上一个版本多了一个Symbol，貌似出现了很长时间，但却因没有使用场景，一直当作一个概念层来理解它，我想，用它的最好的方式，还是要主动的去深入了解它吧，所以我从基础部分和总结的实用场景来分析这个特性。已经了解使用方法或者时间紧迫者可以从实用场景一节开始阅读 base 阅读全文
摘要：
一.前言： 用模块写代码，为什么要用模块来写代码：ES6之前，在js中定义的一切，都是共享一个全局作用域的，随着web应用变得复杂，这样做会引起如：命名冲突和安全问题、于是引入了模块。 二.清楚一个概念： export 和 export default 是ES6 里面的API（本文只介绍ES6的） 阅读全文
摘要：
浅谈前端优化的几个思路 https://ltoddy.github.io 雪碧图 页面中如果有很多图片、icon(小图标),这样会有很多HTTP请求,一个图就是一个HTTP请求,建立TCP连接进行三次握手,这些都是耗费时间的.如果页面icon很多,可以考虑用css spirit(精灵,汽水雪碧也是这 阅读全文
摘要：
Canvas 图像（上） Canvas 图像API可以加载图像数据，然后直接将图像应用到画布上。还可以裁切、拼贴图像数据，以显示用户需要的部分。此外，Canvas还提供了像素数据的存储功能，这样就能对其进行操作并且重绘到画布上。 1.图像基础 Canvas API提供对DOM定义的Image对象类型 阅读全文
摘要：
什么是浏览器同源策略? 同源是指,域名,协议,端口号均相同,如图: 注意:localhost和127.0.0.1虽然都指向本机,但也是跨域. 浏览器同源策略(same-origin policy).简单的讲,同源策略就是浏览器为了保证用户安全,防止恶意的网站盗取数据,禁止不同域之间的JS进行交互.会 阅读全文
摘要：
写在前面：我只是一个前端小白，文章中的提到可能会有不足之处，仅提供一个参考。若有不完善的地方，欢迎各位大佬指出！，希望对你有帮助！ 好了，入正题。其实之前也被这问题困扰过，在网上也查了一番，没找到解决方法。直到今天，在GitHub冒昧地向大佬提了一个issue，才点醒了我。其实是因为太过急功近利了， 阅读全文
摘要：
按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以打开原始页面。 页面目录特效https://codepen.io/suez/pen/k... 选单交互效果https://codepen.io/suez/pen/X... 游戏封面开启交互效果https://codepen.io/suez/p 阅读全文
摘要：
一个炫酷的计时器 在慕课网看到一个canvas的课，感觉很炫酷，就把它看完了，然后记下来。http://www.imooc.com/learn/133 第一步：绘制要显示的时间 拿小球来绘制具体的数字，具体的信息存储在一个三维数组里。具体绘制小球的代码如下： function renderDigit 阅读全文