11 2016 档案

Three.js制作360度全景图
摘要：这是个基于three.js的插件，预览地址：戳这里 使用方法： 1、这个插件的用法很简单，引入如下2个js 2、初始化一下，(具体各种参数配置根据情况而定) 配置参数 下面是该全景图插件的所有可用配置参数： 3、上面demo的代码 同时，在github上面，大家搜索（Photo Sphere Vie 阅读全文
posted @ 2016-11-29 13:11 逗伴不是瓣 阅读(19805) 评论(13) 推荐(1) 编辑
window下的各种宽高度小结
摘要：详细的请打开这里看console.log window.innerWidth： 文档显示区(body)的宽度window.innerHeight 文档显示区(body)的高度window.outrWidth 窗口的宽度(body+任务栏)window.outerHeight 窗口的高度(body+任 阅读全文
posted @ 2016-11-29 10:49 逗伴不是瓣 阅读(1034) 评论(0) 推荐(0) 编辑
图片的赖加载(lazyLoad)
摘要：懒加载的意义（在线demo预览） 尽管很多公司的网页都有一些限制，比如页面的最大的图片大小不得大于50k,也有很多图片优化工具fis3、gulp等等，但是如果图片太多还是会影响页面的加载速度，快则几十秒慢则几十分钟，这样会导致用户流失。 图片的加载对页面的加载速度有很大影响！！所以，对于图片过多的页 阅读全文
posted @ 2016-11-28 11:46 逗伴不是瓣 阅读(1691) 评论(0) 推荐(1) 编辑
格式化时间
摘要：Date.prototype.format = function(format) { //author: meizz let o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "H+": this.getHours(), //小时 "m+": this.getMinutes(), /... 阅读全文
posted @ 2016-11-25 10:01 逗伴不是瓣 阅读(463) 评论(0) 推荐(0) 编辑
简单的栅格系统
摘要：简单的栅格系统-流式布局(类似bootstrap的栅格系统) 什么是流式布局 所谓流式布局，就是页面元素的宽度按照屏幕进行适配调整。简单来说，就是 HTML 页面中的元素会根据分辨率的不同而变化大小，但位置并不会有任何变化。 这种布局的主要问题就是，如果屏幕尺度跨度太大，那么在相对其原始设计而言过小 阅读全文
posted @ 2016-11-23 16:31 逗伴不是瓣 阅读(1601) 评论(9) 推荐(0) 编辑
github的pull request是指什么意思？有什么用处
摘要：github的pull request是指什么意思？ 来看看某乎某位阿牛的理解，多么的简单粗暴！ 我尝试用类比的方法来解释一下 pull reqeust。想想我们中学考试，老师改卷的场景吧。你做的试卷就像仓库，你的试卷肯定会有很多错误，就相当于程序里的 bug。老师把你的试卷拿过来，相当于先 for 阅读全文
posted @ 2016-11-23 13:18 逗伴不是瓣 阅读(2403) 评论(0) 推荐(1) 编辑
移动端基础事件和交互
摘要：一:移动端基础事件 1.touchstart 手指触摸 == mousedown 2.touchend 手指抬起 == mouseup3.touchmove 手指抬起 == mousmovetouch事件 在 chrome的模拟器下，部分版本 通过on的方式来添加事件无效所以在移动端一般都使用如下方 阅读全文
posted @ 2016-11-18 16:30 逗伴不是瓣 阅读(1316) 评论(0) 推荐(0) 编辑
node学习笔记
摘要：一、准备(github地址) 什么是Javascript？ ... Javascript能做什么？ ..... 浏览器中的Javascript可以做什么？ 操作DOM(增删改查) AJAX/跨域 BOM ECMAScript 浏览器中的Javascript不能做什么？ 文件操作 没有办法操作系统信息 阅读全文
posted @ 2016-11-16 17:29 逗伴不是瓣 阅读(743) 评论(0) 推荐(0) 编辑
webstorm+react+webpack-demo
摘要：序言：通过这个小例子你也许、大概、可能会掌握以下几点 1、webstorm如何使用命令行 2、如何使用webpack的loaders把json格式的文件转化为javascript文件 3、如何使用不同的loaders把es6转换为浏览器可以识别的javascript文件 4、对于react而言如何使 阅读全文
posted @ 2016-11-12 12:28 逗伴不是瓣 阅读(6070) 评论(5) 推荐(0) 编辑
webpack继续
摘要：序言：继续上一篇<webpack初入> 1、上一篇配置完成后最终的命令是:webpack，如果更改package.json中的一个配置如下： 换为 此时最终的命令：npm start等同于：webpack. 2、关于搭建本地服务器 a:昨天是:cnpm install webpack-dev-ser 阅读全文
posted @ 2016-11-11 10:48 逗伴不是瓣 阅读(309) 评论(0) 推荐(0) 编辑
webpack初入
摘要：序言：前面已经倒腾了grunt、gulp、fis3,今天来通过一个例子玩玩webpack!最终预览 通过下面的例子，能够了解以下几点： 1、如何安装webpack 2、如何使用webpack 3、如何使用loader 4、如何使用webpack搭建本地web服务器 一、如何安装(这里使用的cnpm， 阅读全文
posted @ 2016-11-10 16:00 逗伴不是瓣 阅读(1186) 评论(2) 推荐(1) 编辑
关于移动端meta设置
摘要： 阅读全文
posted @ 2016-11-10 11:30 逗伴不是瓣 阅读(2868) 评论(2) 推荐(0) 编辑
什么是WebPack，为什么要使用它？
摘要：注：一、摘要说明(会不定期更新)： A：这里是webpack1.0+，2.0+请移步这里(已经配置好的简单脚手架) https://github.com/jiucheng-front/dev-webpack B：webpack2.0+案例：1 豆瓣热映电影 C：react+webpack3.0+(开 阅读全文
posted @ 2016-11-09 13:55 逗伴不是瓣 阅读(236551) 评论(12) 推荐(19) 编辑
FIS3的简单使用
摘要：序言： 最近在收集前端的优化工具，随便一搜，厉害了word哥，有grunt、gulp、FIS3、webpack等等，简直就是眼花缭乱！前辈们对于他们的评价各有千秋，于是乎就想每个都来用一遍（之前已经倒腾了grunt，gulp），今天倒腾fis3,看看哪个更好玩~ FIS3 是什么？能做什么？ FIS 阅读全文
posted @ 2016-11-08 11:13 逗伴不是瓣 阅读(1970) 评论(0) 推荐(0) 编辑
Gulp如何编译sass
摘要：Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务： 1、搭建web服务器 2、文件保存时自动重载浏览器 3、使用预处理器如Sass、LESS 4、优化资源，比如压缩CSS、JavaScript、压缩图片 当然Gulp能做的远不止这些。如果你够疯狂，你甚至可以使用它搭建一个静态页面生成器 阅读全文
posted @ 2016-11-04 14:50 逗伴不是瓣 阅读(1122) 评论(0) 推荐(0) 编辑
如何使用grunt压缩js文件
摘要：jQuery在使用grunt，bootstrap在使用grunt，百度UEditor在使用grunt，你没有理由不学、不用！ 1. 前言 各位web前端开发人员，如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt，那你就真的真的真的out了（三个“真的”重复，表 示重点）。至于gru 阅读全文
posted @ 2016-11-01 11:18 逗伴不是瓣 阅读(1139) 评论(4) 推荐(0) 编辑