摘要：
碰撞检测 刚才回答了一个H5游戏的问答。心血来潮，就想写写碰撞检测，废话不多说，直接怼。 矩形和矩形的碰撞检测 现有rect1 = {x:0,y:0,w:5,h:5};rect2 = {x:10,y:10,w:5,h:5};。矩形我们一般拥有的都是左上角点的XY以及他的宽高WH。碰撞当然就是我中有你 阅读全文
摘要：
前段时间在项目中遇到过 自定义鼠标图标 这一需求。由于一般我们用的鼠标样式大都是固定的几种，而 自定义鼠标图标 不是很常用到，所以对这一小知识点进行总结，以防忘记。 自定义鼠标图标 自定义鼠标图标 即 css cursor url的使用。 css cursor url的用法格式： css:{curs 阅读全文
摘要：
有些网站为了维护版权信息, 用户在复制完成后, 发现粘帖出来的内容往往都还有一些作者名字之类的版权信息, 那么这样的功能是怎么实现的呢? 其实原理也是非常的简单，就是监听一下剪切板事件. <!DOCTYPE html> <html lang="en"> <head> <meta charset="U 阅读全文
摘要：
原文地址：https://medium.freecodecamp.org/service-workers-the-little-heroes-behind-progressive-web-apps-431cc22d0f16 作者：Flavio Copes 摘要：这篇文章简述service worke 阅读全文
摘要：
项目地址 服务器源码地址：https://github.com/ermu592275254/chat-socket 网页源码地址：https://github.com/ermu592275254/chat-socket 项目设计概述 相关技术 nodejs 使用nodejs搭建后台，因为是一个单页应 阅读全文
摘要：
感谢 王下邀月熊_Chevalier 分享的前端每周清单，为方便大家阅读，特整理一份索引。 王下邀月熊大大也于 2018 年 3 月 31 日整理了自己的前端每周清单系列，并以年/月为单位进行分类，具体内容看这里：前端每周清单年度总结与盘点。 前端每周清单第 56 期：D3 5.0，深入 React 阅读全文
摘要：
目前，在大多数的管理系统中，都会有这样一个功能：根据相关的条件查询相应的数据，并生成可视化报表，然后可导出为PDF文件。本文只展现生成可视化报表之后导出PDF文件的过程，生成可视化的报表可使用Echarts，D3js等框架。 1.需要引入的文件 html2canvas.js（根据实际情况选择相应的版 阅读全文
摘要：
二维码活码管理系统 什么是活码? 二维码生成后,二维码图案不变，内容可随时变更，极大提高营销效率，配合美术设计二维码能力大大提升.并且可以做到实时统计二维码扫描数据，传播效果一目了然；根据地域、网络、设备等多维度分析数据，提升管理效率. 二维码的活码的技术实现本质是什么? 二维码活码团主要存储一个固 阅读全文
摘要：
docker是什么 可以简单的认为docker容器是一个虚拟机，封装就是把这个虚拟机打包，打包后能在任何系统跑，docker装上即用。也可以形象的比喻成一个集装箱，把所有货物都打包好放到箱子里，不需要再分类运输，集装箱不互相影响 好处 统一应用环境 方便迁移 占用资源少 （如果你单独开一个虚拟机，那 阅读全文
摘要：
jQuery全屏焦点图特效制作带标题的焦点图切换代码https://www.mk2048.com/demo/demo_target_desc.php?id=0khbajj1jjQuery仿乐视电影网站带缩略图的焦点图轮播代码https://www.mk2048.com/demo/demo_targe 阅读全文
摘要：
前言 移动端原生支持touchstart、touchmove、touchend等事件，但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果，对于这种自定义事件他们底层是如何实现的呢？让我们从Zepto.js的touch模块去分析其原理。您也可以 阅读全文
摘要：
前言 前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜鸟）以及代码的实现，希望能够帮到一些 阅读全文
摘要：
一次搞清楚移动端这几个坑爹的单位慨念 目录: 一、让坑爹的单位,不再坑爹 二、需要准备什么样的设计稿 三、rem方案的原理和细节 高清屏上,位图的处理 高清屏上,关于border: 1px的处理 移动端屏幕的自动适配的处理 移动端屏幕上字体大小的处理 一、让坑爹的单位,不再坑爹 移动端适配本身不难, 阅读全文
摘要：
? ES6-Mario 这是一个用原生ES6语法和HTML5新特性写成的Web 游戏。 通过这个项目，你可以在实践中对ES6的主要内容、HTML Canvas 相关API以及Webpack的基础配置有一个直观的认识。 主体结构学习自 Meth Meth Method On Youtube @Meth 阅读全文
摘要：
这一节对用户注册组件进行分析。用户注册组件主要涉及angular4表单的操作。Angular提供了两种构建表单的技术：响应式表单和模板驱动表单。 这两项技术都属于@angular/forms库，并且共享一组公共的表单控件类。我在用户注册组件(regist.component)中使用的是响应式表单(R 阅读全文
摘要：
做H5页面的同学可能经常会遇到一个场景，就是电脑上调试好的页面怎么在手机上访问测试呢？ 下面就介绍一种自己经常使用的方式，利用Charles代理软件来实现！ 安装Charles 直接去官网下载对应的系统版本安装即可。 下载地址 软件本身是收费，免费使用的话会软甲打开之前有个延迟提醒，忽略即可，或者你 阅读全文
摘要：
jQuery hover水滴导航切换选项卡栏目代码https://www.mk2048.com/demo/demo_target_desc.php?id=02bkjbbkj水滴导航选项卡栏目制作xheditor文本编辑器插件制作html编辑器使用代码点击》xheditor文本编辑器插件制作html编 阅读全文
摘要：
渲染机制 浏览器 1. 渲染机制 什么是 DOCTYPE 及作用 DTD 告诉浏览器文件是什么文档类型，浏览器根据它来判断用什么引擎来解析渲染文件。DOCTYPE 用来声明文档类型和 DTD 规范。 浏览器是怎么渲染过程 HTML 5: <!DOCTYPE html>HTML 4.01 Strict 阅读全文
摘要：
欢迎前端爱好者加入QQ群:112916679 答疑解惑,且可获取更多前端资料! bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。 例子： var obj = { x: 20, getX: function(){ 阅读全文