摘要: 原理公式 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 阅读(616) 评论(0) 推荐(0) 编辑
摘要: 社区 --> ... 阅读全文
posted @ 2017-03-02 15:24 surfaces 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 移动端一般body的css、会设置 作用就不解释了; 我们看看下面的代码 以上代码 手机iphone5s 的ios9 没问题,可是换个iphone7 ios10的 出现 无法选中; 后来去掉所有css 样式 js 发现 解决方案 1 去掉body的 -webkit-touch-callout:non 阅读全文
posted @ 2017-02-23 11:34 surfaces 阅读(14139) 评论(1) 推荐(0) 编辑
摘要: 最近在 安卓自带浏览器 上发现 new CustomEvent('input') 不兼容 解决办法 (function () { if(!!window.CustomEvent) return; function CustomEvent ( event, params ) { params = pa 阅读全文
posted @ 2016-11-08 17:15 surfaces 阅读(1656) 评论(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 阅读(489) 评论(0) 推荐(0) 编辑
摘要: The Module Pattern,模块模式,也译为模组模式,是一种通用的对代码进行模块化组织与定义的方式。这里所说的模块(Modules),是指实现某特定功能的一组方法和代码。许多现代语言都定义了代码的模块化组织方式,比如 Golang 和 Java,它们都使用 package 与 import 阅读全文
posted @ 2016-09-23 10:09 surfaces 阅读(3852) 评论(0) 推荐(0) 编辑
摘要: 什么是Promise? 其实, Promise就是一个类,而且这个类已经成为ES6的标准,是 ECMAScript 6 规范的重要特性之一。这个类目前在chrome32、Opera19、Firefox29以上的版本都已经支持了,要想在所有浏览器上都用上的话就看看es6-promise吧。 ES6 的 阅读全文
posted @ 2016-07-12 11:07 surfaces 阅读(1139) 评论(0) 推荐(0) 编辑
摘要: 移动端兼容参考文档 http://mobilehtml5.org/ 浏览器hack http://browserhacks.com/ 附上部分截图 阅读全文
posted @ 2016-07-01 10:18 surfaces 阅读(311) 评论(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 阅读(35098) 评论(2) 推荐(3) 编辑
摘要: 一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于 React 的设计思想极其独特,属于 阅读全文
posted @ 2016-05-11 11:39 surfaces 阅读(2610) 评论(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 阅读(3698) 评论(4) 推荐(1) 编辑
摘要: 移动端最高频耗内存的的操作 莫属 touchmove 与scroll事件 两者需要 微观的 优化,使用 requestAnimationFrame性能优化 H5性能优化requestAnimationFrame 这里 我们 讲述 touchmove;touchmove 事件发生很频繁,会比屏幕刷新率 阅读全文
posted @ 2016-03-31 17:13 surfaces 阅读(4647) 评论(3) 推荐(1) 编辑
摘要: 直接上图,左右拖拽轮播图时候 上下事件会存在冲突;翻看了 swipe.js源码,找到了解决办法; 源码附录: 上面还需要优化的 地方,touchmove时候,没有在16.6毫秒内 进行正确的渲染 需要调用 requestAnimationFrame 进行正确的监听渲染,后期补充; 阅读全文
posted @ 2016-03-30 11:08 surfaces 阅读(2566) 评论(0) 推荐(0) 编辑
摘要: 什么是 像素渲染流水线 web页面你所写的页面代码是如何被转换成屏幕上显示的像素的。这个转换过程可以归纳为这样的一个流水线,包含五个关键步骤; 1.JavaScript:一般来说,我们会使用JavaScript来实现一些视觉变化的效果。比如用jQuery的animate函数做一个动画、对一个数据集进 阅读全文
posted @ 2016-03-02 17:16 surfaces 阅读(945) 评论(0) 推荐(0) 编辑
摘要: 总结一下: 有点:网易新闻,微信 热文 都是 -webkit-overflow-scrolling: touch;实现,css实现,轻巧; bug: 部分安卓浏览器(uc,自带) 只支持持续滑动,不支持回弹, iphone垂直滑动 第一次不能完全持续滑动到底部;总体不影响使用; 偶尔低端的手机会卡, 阅读全文
posted @ 2016-03-01 15:34 surfaces 阅读(1677) 评论(0) 推荐(0) 编辑