一劳永逸的搞定 flex 布局 寻根溯源话布局 一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 W…
分类:html5
canvas基础知识点(一)
给canvas设置宽高: canvas标签的宽高默认是300*150,是一个行内块元素 可以在canvas标签上通过width,height来设置 可以在js中给dom对象设置: mycanvas.width = 500…
Codepen 每周精选:22个页面特效(2018-5-2)
按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以打开原始页面。 1. 观影打分特效https://codepen.io/PointC/pen… 2. 纯 css 写的骑自行车的动画https://c…
深入理解http1.x、http 2和https
一、HTTP/1.x Http1.x 缺陷:线程阻塞,在同一时间,同一域名的请求有一定数量限制,超过限制数目的请求会被阻塞 http1.0 缺陷:浏览器与服务器只保持短暂的连接,浏览器的每次请求都需要与服务器建立一个TC…
浏览器拖动API全解析
前言 拖动api是HTML5添加的API,提供了元素拖动的原生支持 拖动API相对于其他的事件API复杂了一些,原因就在于拖动是被拖动元素与被放置元素的互动涉及到了两个元素,而不是一个导致流程的复杂,但是其中的很多设计是…
vue 实践技巧合集
前言 本文纯属个人平时实践过程中的一些经验总结,算是一点点小技巧吧,不是多么高明的技术,如果对你有帮助,那么不胜荣幸。 本文不涉及罕见API使用方法等,大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧,可能会带…
《每周一点canvas动画》——边界检测与摩擦力(2)
内容已删除,请前往博客观看后续内容
结合Vue.js的前端压缩图片方案
这是一个很简单的方案。嗯,是真的。 为什么要这么做? 在移动Web蓬勃发展的今天,有太多太多的应用需要让用户在移动Web上传图片文件了,正因如此,我们有些困难必须去攻克: 低网速下上传进度缓慢,用户体验差 高并发下,后台…
针对 AlloyFinger 中 currentTarget为空的解决方案
最近在使用AlloyFinger作为移动端手势库,这个手势库还是挺不错的,轻量,手势齐全,不依赖第三方,但是!!!有个蛋疼的地方是,这个手势库回调函数中,touchEvent 的 currentTarget属性是空的,这…
webpack4+vue实现多页面,结合Hbuilder快速开发APP
前言 多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来. 使用脚手架搭配Hbuilder也同样可以快速使用vue开发安卓和IOS APP. 本文最大特点: web…
移动端页面开发适配 rem布局原理
移动端页面开发适配 rem布局原理 什么是适配,为什么要适配 我们拿到的设计图一般是以640,750,1080分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同 ,视口不同,所以为了让我们的页面在每个…
Function
function 什么是函数: 函数:封装一项专门任务的步骤清单的代码段,起一个名字。(**程序中提供的一项服务的步骤说明**) 何时使用函数?当一项任务需要反复执行,但又不希望重复编写时。(**代码重用!**) 如何声…