独立天地间， 清风洒兰雪

摘要： 前言：vue1.0版本和2.0版本的过渡系统改变是很大的，具体请详看文档介绍。本文转载自郭锦荣的博客，一共列举了四种transition的使用实践，分别是css过渡、css动画、javascript钩子、列表过渡的应用，这里只作为学习梳理。 Demo效果： 实现思路：通过一个transition来触 阅读全文

摘要： 前言：在学习黄轶老师的《Vue.js高仿饿了么外卖App》课程中接触到了better-scroll第三方JavaScript组件库，这是黄轶老师自己基于iscroll重写的库。这里结合黄轶老师的知乎文章和Vue2.0项目对better-scroll的具体应用，只作为学习，对其中的原理和应用步骤做一个 阅读全文

摘要： 前言：这个项目是我从零学习Vue2.0时用于练习基础知识的入门项目，包含了Vue2.0几乎所有项目都会用到的基础功能，是新手用来练手的好项目，这里温故知新对功能点做一个总结。github地址：https://github.com/66Web/ljq_sjsm，欢迎Star。 1、淘宝镜像cnpm: 阅读全文

摘要： 前言：在上一篇随笔BABYLON.js学习之路·前辈经验（一）中回顾了组内同事们长时间在Babylon开发实践中的总结出的学习之路和经验，这一篇主要对开发中常见的一些功能点做一个梳理，这里只作为温故知新。 弧形旋转相机 —— 使用鼠标和光标键将相机绕着一个三维点(此处时0坐标处) 旋转 参数: 名称 阅读全文

摘要： 前言：公司在前端组和视觉组交接设计稿切图的时候，总会因为视觉组同事们对前端的实现原理不清楚而出现各种问题，在用的时候还得再次返工，前端组同事们一致觉得应该出一份《设计稿切图通用性标准文件》，这里是我结合资料做出的一份总结。 1、切图资源尺寸必须为双数 2、LOGO类图片以方形切图输出 3、可点击部件 阅读全文

该文被密码保护。 阅读全文

摘要： 前言：在公司主要使用Babylon.js作为前端引擎，我自己在开发中总结到基本上每一个新项目都会需要这些基本设置。 如果不加offline，材质中有镜面反射，苹果手机都会打不开项目 二、提高支持硬件的质量（在查看器中应该是动态的） 三、如果模型把材质都赋给了blank材质球，需手动赋材质 在JSON 阅读全文

摘要： 前言：组内同事们根据长时间的Babylon.js开发实践，一起将项目开发中遇到的问题及解决方法做了一个梳理。 ios 【最好】 关闭离线缓存—— 解决添加了反射的mesh 丢失的问题 不要使用 position:fixed; —— 微信里面是不会认的 天空盒的贴图尽可能调小，防止闪退，纯色的可以设为 阅读全文

摘要： 前言：在学习过Babylon.js基础之后，我上手的第一个网页端3D效果制作项目就是‘DQ冰淇淋’。这个小项目应用到了Babylon最基础的知识，既可以选味道，选点心，也可以旋转、倒置冰淇淋，互动起来十分有趣。项目地址：DQ冰淇淋 一、开启http-server服务 在根目录下开启服务： $ htt 阅读全文

摘要： 前言：公司用BABYLON作为主要的前端引擎，同事们在长时间的项目实践中摸索到有关BABYLON的学习路径和问题解决方法，这里只作为温故知新。 旋转相机 -> 漫游相机 var radiusv3 = pickInfo.pickedPoint var radius = radiusv3.length( 阅读全文

摘要： 前言：秋招也跑了挺多的公司，虽然都是招Web前端，但是不同的公司，因为需求和目的不同，面试的考察点也是各不相同。我没有实习经验，只有自己学东学西比较杂也比较浅的一些知识积累可以用，这个过程我发现了自己的不足，也增加了很多对公司、对社会的阅历，觉得自己成长了。哈哈哈，废话不多说，下面我就整理一下自己面 阅读全文

摘要： 前言：这个项目是我们小组团体合作完成的学习项目，项目使用魅族GUI设计和图片素材，响应式重构Pro7官网的首页、子页、商城及购物车，并加入一些创新。我主要负责的是【画屏子页】的项目，这里作为温故知新，把整个项目的重难点特色做一个整理。 github项目地址：https://github.com/66 阅读全文

摘要： 引言：2048小游戏的结束界面，使用纯CSS制作模态对话框，一般做模态对话框都会使用BootStrap自带的模态对话框组件方便使用，但在制作要运行在移动端的小项目时，就不能使用BootStrap，因为文件太大，下载耗时，耗费流量。 2个Div，一个铺满整屛，一个显示内容 坑：如何让Div铺满整屛？解 阅读全文

摘要： 引言：2048小游戏的核心玩法是移动行，包括横行和纵行，玩家可以选择4个方向，然后所有行内的数字就会随着行的移动而向特定的方向移动。这个行的移动是一个需要重复调用的算法，所以这里就要将一行的移动算法封装，循环调用给所用行，这样便实现了所有行的调用。 关键逻辑算法 伪代码 ↓ 坑：2048游戏的规则， 阅读全文

摘要： 引言：做2048小游戏会将横纵方向的数字内容，存储在一个二维数组中，要将这个二维数组中的内容显示在页面上，就一定要用遍历算法来实现了。 首先考虑用二维数组存储所有行数，列数 → var RN=4，CN=4; 然后再定义一个变量data 来保存这个二维数组 → var data; 游戏的所有主要执行程 阅读全文