摘要:
很多时候页面都需要一个或者多个小型三角形!多数人直接用PS扣个图片预览 下面用CSS简单画几个最终效果如下图 阅读全文
摘要:
这是个基于three.js的插件,预览地址:戳这里 使用方法: 1、这个插件的用法很简单,引入如下2个js 2、初始化一下,(具体各种参数配置根据情况而定) 配置参数 下面是该全景图插件的所有可用配置参数: 3、上面demo的代码 同时,在github上面,大家搜索(Photo Sphere Vie 阅读全文
摘要:
详细的请打开这里看console.log window.innerWidth: 文档显示区(body)的宽度window.innerHeight 文档显示区(body)的高度window.outrWidth 窗口的宽度(body+任务栏)window.outerHeight 窗口的高度(body+任 阅读全文
摘要:
懒加载的意义(在线demo预览) 尽管很多公司的网页都有一些限制,比如页面的最大的图片大小不得大于50k,也有很多图片优化工具fis3、gulp等等,但是如果图片太多还是会影响页面的加载速度,快则几十秒慢则几十分钟,这样会导致用户流失。 图片的加载对页面的加载速度有很大影响!!所以,对于图片过多的页 阅读全文
摘要:
Date.prototype.format = function(format) { //author: meizz let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), /... 阅读全文
摘要:
简单的栅格系统-流式布局(类似bootstrap的栅格系统) 什么是流式布局 所谓流式布局,就是页面元素的宽度按照屏幕进行适配调整。简单来说,就是 HTML 页面中的元素会根据分辨率的不同而变化大小,但位置并不会有任何变化。 这种布局的主要问题就是,如果屏幕尺度跨度太大,那么在相对其原始设计而言过小 阅读全文
摘要:
github的pull request是指什么意思? 来看看某乎某位阿牛的理解,多么的简单粗暴! 我尝试用类比的方法来解释一下 pull reqeust。想想我们中学考试,老师改卷的场景吧。你做的试卷就像仓库,你的试卷肯定会有很多错误,就相当于程序里的 bug。老师把你的试卷拿过来,相当于先 for 阅读全文
摘要:
一:移动端基础事件 1.touchstart 手指触摸 == mousedown 2.touchend 手指抬起 == mouseup3.touchmove 手指抬起 == mousmovetouch事件 在 chrome的模拟器下,部分版本 通过on的方式来添加事件无效所以在移动端一般都使用如下方 阅读全文
摘要:
一、准备(github地址) 什么是Javascript? ... Javascript能做什么? ..... 浏览器中的Javascript可以做什么? 操作DOM(增删改查) AJAX/跨域 BOM ECMAScript 浏览器中的Javascript不能做什么? 文件操作 没有办法操作系统信息 阅读全文
摘要:
序言:通过这个小例子你也许、大概、可能会掌握以下几点 1、webstorm如何使用命令行 2、如何使用webpack的loaders把json格式的文件转化为javascript文件 3、如何使用不同的loaders把es6转换为浏览器可以识别的javascript文件 4、对于react而言如何使 阅读全文