guoguicheng的博客

传统页面元素之间度量单位一般以 px 屏幕像素作为单位，但是并非所有的页面像素都是恒定的，比如移动设备就包含320px、375px、425px。。。不可能使用像素为每套设备设计一个页面，当然你说可以用百分比来设计，你愿意去计算每个元素的百分比我也不反对。em也有类似的通病，它是个相对于父级font-size的相对单位，设置em就必须知道父级元素的font-size。这时rem就产生了，rem相对于

通常css使用font-family指定客户端显示字体的样式，本笔记目的在于解决客户端未安装指定字体，导致无法完成设计效果要求。与此同时现在大部分图标使用字体格式，因为它有矢量，体积小等等优点讲解如何使用字体图标下面是详细的方法步骤：1、制作或下载字体文件由于浏览器对@font-face的兼容问题，这里涉及到一个字体format的问题，因为不同的浏览器对字体格式支持是不一致的，所以

这就在做threejs 的项目中，发现在场景中加入一个模型A后设置坐标为（1,1,1），再添加一个小模型B坐标为(0.1,0.1,0.1)，相机在坐标原点，可是发现A始终在B的前面，为什么呢？排查后发现A模型var materialA = new THREE.MeshBasicMaterial({map:textureLoader.load(img1),side:THREE.DoubleS

threejs中需要显示中文字体，这就意味着需要引入中文字体，引入方式这里介绍两种，一种是引擎默认的ttf字体文件转换成json格式然后再使用FontLoader，这种方式目前存在各种问题，第一是ttf转json格式原本2M的ttf字体转后到7-8M，对于网页来说基本没什么用处了，再一个服务器一旦开启gzip就无法获取json格式的content-length，所以加载进度条也没法用了。这里重点介

该项目封装了web网页离线存储数据库indexedDb和cookie操作类，方便网页编程时更有效方便的本地存储一些数据，一个重要特性是本地数据持久性，它使用户能够在线和离线访问 Web 应用程序。此外，本地数据持久性使移动应用程序更灵敏，使用的带宽更少，而且能够在低带宽场景中更高效地工作。indexedDb提供了一些本地数据持久性选项。IndexedDB（一个更加强大的选项）支持您本地存储大量对象...

项目地址： https://github.com/guoguicheng/mxreality.js演示地址：https://github.com/guoguicheng/mxreality.js/blob/master/README.md

出现这错误是因为threejs内部没有处理图片跨域问题，设置图片TextureLoader为允许跨域就可以了var loader=new THREE.TextureLoader();loader.setCrossOrigin( "Anonymous" );

原因是因为nodejs版本太低，不支持promise，升级到最新版本的nodejs即可解决问题.phpStorm gulp 提示 Promise required则需要上一步完成后去phpstorm->glup Settings->Node interpreter 设置为最新的nodejs版本...