04 11 月 2015 全景图从拍摄到 online 拍摄设备电动自动全景云台 Gigapan+ 鱼眼镜头 + 三脚架 + 单反使用说明:EPICEPIC100ManualProManual 照片拼接上面提到的云台已经有图片拼接功能,如果云台不够好,也可以用以下工具进行图片的拼接 PTGui、PhotoShop 制作 3DCube 标准 2:1 的全景图可以精确剪切为 6 张,使用 tree.js 可以制做纯 CSS3/Canvas 的 3D 全景图。剪切工具 Pano2VR 可以把标准的全景图切
31 12 月 2015 把网站 js 代码压缩成圣诞树 压缩效果使用方法执行以下命令安装全局命令:$npminstalljs2image-g 使用方法:直接在命令行里执行此命令即可压缩,默认压缩出一个 xmas.js 后缀的文件。-s 源代码路径必须的参数!-r 是否反相图像可省-i 指定使用的图片的路径,默认使用./resource/tree.png 可省 $js2image-s./resource/jquery.js 新增支持打包一个文件夹内所有 js 文件,慎用!不保证
31 12 月 2015 2015 前端生态发展回顾 下文转自:https://github.com/kuitos/kuitos.github.io/issues/32 引用苏宁前端架构师的一个总结作为开篇编程技术及生态发展的三个阶段最初的时候人们忙着补全各种 API,代表着他们拥有的东西还很匮乏,需要在语言跟基础设施上继续完善然后就开始各种模式,标志他们做的东西逐渐变大变复杂,需要更好的组织了然后就是各类分层 MVC,MVP,MVVM 之类,可视化开发,自动
31 12 月 2015 H5 缓存机制浅析 - 移动端 Web 加载性能优化 下文转自:http://segmentfault.com/a/11900000041325661.H5 缓存机制介绍 H5,即 HTML5,是新一代的 HTML 标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5 引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。H5 应用程序缓存为应用带来三个优势:离线浏览用户可在应用离线时使用它们速度已缓存资源加载得
25 01 月 2016 JSPM 初体验 终于得空,体验一把 JSPMjspmisapackagemanagerfortheSystemJSuniversalmoduleloader,builtontopofthedynamicES6moduleloader1.安装 npminstalljspm-g2.创建项目 npminstalljspm--save-devjspminit3.安装包 jspminstallnpm:lodash-nodejspmi
26 02 月 2016 如何在 Console 中输出图片和的修改字体样式 想要在打开 Debug 的时候展现下面的效果么?请输入:console.log("%cHacpai%cCopyright\xa92012-%s",'font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;font-size:64px;color:#404040;-webkit-text-fill-color:#404040;-webkit-text-
11 08 月 2016 为什么使用 SVG 可以提升网页性能和体验 前段时间发现 github 不再使用 iconfont,用 SVG 取而代之,于是进行了各种猜想:SVG 可以有多颜色?节省请求?避免字体文件没有加载完成时出现方框?虽然 sym 也开始使用了 SVG,但是具体原理还没有研究清楚(怎么替换 iconfont?如何批量修改?),只能先在区域的图标上和 logo 上小范围使用。今天终于有空去一探究竟了,希望可以对 B3log 的一系列产品有改进。本来想自己翻译的,但是看到已经有人翻
11 08 月 2016 Babel Stage-X 都怪自己眼瞎,辣么绿的一块都木看仔细结果就是很悲催,网上找了一通,不行。连 babel-polyfill 都试了,回头再看一遍,Sogo,Soeasy!varbabel=require('gulp-babel')gulp.src("./ES7/Exponentiation/demo.js").pipe(babel({presets:["stage-1"]})).pipe(gulp.dest("./ES7
11 08 月 2016 终于把 halt 页面写好了 想要查看的话可以进入 https://hacpai.com 中任意一个页面,然后疯狂 F5,最后你就可以看到下面这个页面了。当然你也可以直接访问 https://hacpai.com/halt.html^^
11 08 月 2016 面试开发常用的 JavaScript 知识点总结 No1.语法和类型 1.声明定义变量类型:var,定义变量;let,定义块域(scope)本地变量;const,定义只读常量。变量格式:以字母、下划线“_”或者 $ 符号开头,大小写敏感。变量赋值:声明但未赋值的变量在使用时值为 undefined,未声明的变量直接使用会抛异常。未赋值变量作计算:结果为 NaN。例如:varx,y=1;console.log(x+y);//结果为 NaN,因为 x 没有赋值。2.作
28 10 月 2016 hi, Firefox 已放弃 FF 好几年头,为了测试 symphony 的兼容性,下载了一个。但是发现 Mac 上没有问题,然后就没有管了。但是今天为了测试 Symphony 的多语言,专门下载了一个 English 版本的。打开 hacpai.com 的那一刻,bug 重现了,准备开始改。但是点了下,发现好多神奇的功能。不得不惊叹下,好久不见,你惊艳到了我。惊艳一:打开文章页面,居然识别出阅读模式,体验也不错。还是我们代码写的好呀?惊艳二:上
08 12 月 2016 webpack dev stats 背景在 webpack-dev-middleware 的 options 中,有一个名为 stats 的配置,据说是 Node.js 中的一个配置,名为 Outputoptionsforthestats 开始不清楚,为了使用 HotModuleReplacement,就照着 demo 配置了一个 stats:{color:true},感觉完全无用。事实告诉我们,要知其然,也要知其所以然。在多了这个配置以后,开发就说每次改代码都