摘要:
碰撞检测 刚才回答了一个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(){ 阅读全文