摘要:
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 阅读全文