摘要：
原理公式 y=ax^2+bx+c 线性代数中的行列式来计算 //y=ax^2+bx (过原点的抛物线)// 利用行列式计算，先计算D ,在计算参数 a, b//D=X0^2*x1-x1^2*x0//a=(y0*x1-x0*y1)/D//b=(x0^2*y1-x1^2*y0)/D 解方程组 传入3点坐 阅读全文
posted @ 2017-04-12 14:53
surfaces
阅读(650)
评论(0)
推荐(0)
摘要：
页面 元素视差滚动 <!doctype html> <html> <head> <meta charset="utf-8"> <title>社区</title> <meta http-equiv="X-UA-Compatible" content="edge,chrome=1" /> <meta h 阅读全文
posted @ 2017-03-02 15:24
surfaces
阅读(285)
评论(0)
推荐(0)
摘要：
移动端一般body的css、会设置 作用就不解释了； 我们看看下面的代码 以上代码 手机iphone5s 的ios9 没问题，可是换个iphone7 ios10的 出现 无法选中； 后来去掉所有css 样式 js 发现 解决方案 1 去掉body的 -webkit-touch-callout:non 阅读全文
posted @ 2017-02-23 11:34
surfaces
阅读(14440)
评论(1)
推荐(0)
摘要：
最近在 安卓自带浏览器 上发现 new CustomEvent('input') 不兼容 解决办法 (function () { if(!!window.CustomEvent) return; function CustomEvent ( event, params ) { params = pa 阅读全文
posted @ 2016-11-08 17:15
surfaces
阅读(1692)
评论(0)
推荐(0)
摘要：
;(function () { 'use strict'; //构造函数 function FastClick(layer, options) { var oldOnClick; options = options || {}; /** * Whether a click is currently 阅读全文
posted @ 2016-11-04 11:22
surfaces
阅读(494)
评论(0)
推荐(0)
摘要：
The Module Pattern，模块模式，也译为模组模式，是一种通用的对代码进行模块化组织与定义的方式。这里所说的模块（Modules），是指实现某特定功能的一组方法和代码。许多现代语言都定义了代码的模块化组织方式，比如 Golang 和 Java，它们都使用 package 与 import 阅读全文
posted @ 2016-09-23 10:09
surfaces
阅读(3943)
评论(0)
推荐(0)
摘要：
什么是Promise? 其实， Promise就是一个类，而且这个类已经成为ES6的标准，是 ECMAScript 6 规范的重要特性之一。这个类目前在chrome32、Opera19、Firefox29以上的版本都已经支持了，要想在所有浏览器上都用上的话就看看es6-promise吧。 ES6 的 阅读全文
posted @ 2016-07-12 11:07
surfaces
阅读(1170)
评论(0)
推荐(0)
摘要：
移动端兼容参考文档 http://mobilehtml5.org/ 浏览器hack http://browserhacks.com/ 附上部分截图 阅读全文
posted @ 2016-07-01 10:18
surfaces
阅读(316)
评论(0)
推荐(0)
摘要：
Note: 对于永久cookie我们用了Fri, 31 Dec 9999 23:59:59 GMT作为过期日。如果你不想使用这个日期，可使用世界末日Tue, 19 Jan 2038 03:14:07 GMT，它是32位带符号整数能表示从1 January 1970 00:00:00 UTC开始的最大 阅读全文
posted @ 2016-06-01 11:23
surfaces
阅读(35660)
评论(2)
推荐(3)
摘要：
一、ReactJS简介 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于 阅读全文
posted @ 2016-05-11 11:39
surfaces
阅读(2670)
评论(4)
推荐(1)
摘要：
结合 Framework7 和ios UI系统，微信weUI，支付宝H5 我们在移动端一些css用法 细节的有了更深的了解； 高斯模糊的显示效果，ios8以上支持，ios8以上0.5px，backdrop-filter: blur(10px)等新的属性被支持； 适当利用伪元素 比如menu 菜单ic 阅读全文
posted @ 2016-04-07 18:09
surfaces
阅读(3824)
评论(4)
推荐(1)
摘要：
移动端最高频耗内存的的操作 莫属 touchmove 与scroll事件 两者需要 微观的 优化，使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述 touchmove；touchmove 事件发生很频繁，会比屏幕刷新率 阅读全文
posted @ 2016-03-31 17:13
surfaces
阅读(4843)
评论(3)
推荐(1)
摘要：
直接上图，左右拖拽轮播图时候 上下事件会存在冲突；翻看了 swipe.js源码，找到了解决办法； 源码附录： 上面还需要优化的 地方，touchmove时候，没有在16.6毫秒内 进行正确的渲染 需要调用 requestAnimationFrame 进行正确的监听渲染，后期补充； 阅读全文
posted @ 2016-03-30 11:08
surfaces
阅读(2619)
评论(0)
推荐(0)
摘要：
什么是 像素渲染流水线 web页面你所写的页面代码是如何被转换成屏幕上显示的像素的。这个转换过程可以归纳为这样的一个流水线，包含五个关键步骤； 1.JavaScript：一般来说，我们会使用JavaScript来实现一些视觉变化的效果。比如用jQuery的animate函数做一个动画、对一个数据集进 阅读全文
posted @ 2016-03-02 17:16
surfaces
阅读(983)
评论(0)
推荐(0)
摘要：
总结一下： 有点：网易新闻，微信 热文 都是 -webkit-overflow-scrolling: touch;实现，css实现，轻巧； bug： 部分安卓浏览器（uc，自带） 只支持持续滑动，不支持回弹， iphone垂直滑动 第一次不能完全持续滑动到底部；总体不影响使用； 偶尔低端的手机会卡， 阅读全文
posted @ 2016-03-01 15:34
surfaces
阅读(1702)
评论(0)
推荐(0)
浙公网安备 33010602011771号