![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
J1en
这个作者很懒,什么都没留下…
展开
-
使用HTML5中的Canvas实现2D水池效果
无图无真相,先看一下效果 下面添上代码: pool.js var _clientwidth = document.body.clientWidth; var _poolDia = _clientwidth / 2; //水池直径 var canvas = document.getElementById("pool"); var waterSpaceHeight = _pool原创 2015-10-16 16:13:27 · 4875 阅读 · 1 评论 -
实现移动端头像截取并上传
秉承一贯原则,先上效果图截取前: 图片的宽度是固定的 width:100%;padding:20px; 显示的时候会自动根据原始图片的长宽设定截取中: 截取后: 其实这里还有一点小bug 应该根据截取后的图片长宽比重新设定画板的高度和宽度贴上主要代码:user.head.cutimgvar CutImg = function() { this.startX; th原创 2015-12-09 09:30:25 · 5072 阅读 · 0 评论 -
移动H5前端性能优化指南
精髓都在图片里面转载 2016-01-11 16:33:02 · 345 阅读 · 0 评论 -
前端必备技能之AJAX的实现原理
在了解原理之前,先来了解一下什么是AJAX。 AJAX 的全称是Asynchronous JavaScript and XML,其中,Asynchronous是异步的意思,它有别于传统web开发中采用的同步的方式。 AJAX 不是新的编程语言,而是一种使用现有标准的新方法。 AJAX是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。 AJAX所包含的技术 1.原创 2017-04-14 14:32:03 · 821 阅读 · 0 评论 -
理解原型和原型链
原型: prototpye var A = function() { this.x = 1; this.getY = function() { return 3; } this.getX = function() { return this.x; }};A.prototype.getX = function() { retu原创 2017-08-02 15:46:54 · 309 阅读 · 0 评论 -
HTML常用meta标签详细版
<!DOCTYPE html> <!-- 使用 HTML5 doctype,不区分大小写 --> <!-- 更加标准的 lang 属性写法 声明浏览器语言环境 上面这一段表示这是一张中文网页 常用的lang属性有 1. 简体中文页面:html lang=zh-cmn-Hans 2. 繁体中文页面:html lang=zh-cmn-Hant ...原创 2018-02-24 16:09:10 · 762 阅读 · 0 评论