1.浏览 GitHub 太卡了？教你两招！源码试||CSDN博客精选
2.求大神解答，源码试苹果cms V10怎么删除源码自带的源码试友情了解？
3.前端实战:从零到一实现H5拼图小游戏(附源码)

浏览 GitHub 太卡了？教你两招！||CSDN博客精选

       在国内使用GitHub时遇到卡顿问题？不用担心，源码试这里有两招让你在线查看项目源码更加便捷！源码试

       首先，源码试网页源码对应内容推荐两个浏览器插件：SourceGraph和Octotree。源码试SourceGraph是源码试一个功能强大的开源工具，不仅支持Chrome和Firefox，源码试还包括VSCode、源码试JetBrains全家桶等众多开发工具。源码试它集代码查看、源码试代码审查和搜索于一体，源码试是源码试c 仿360源码开发者的好帮手。如果你在国内网络不畅，源码试可以在公众号回复"sourcegraph"获取离线安装包。安装后，只需在GitHub项目上点击SourceGraph图标，就能像使用IDE一样浏览和搜索代码。

       而Octotree则以树形结构展示GitHub项目代码，方便查看和下载单个文件，无需下载整个项目。对于Chrome用户，同样提供离线安装包，搜索"Octotree"并安装即可在浏览器右上角看到插件图标。使用时，点击文件名前的eclipse 查看junit源码图标，即可单独查看文件内容。

       这两个神器能让你在GitHub上浏览项目源码的体验大大提升，不妨试试看。立即体验，提升你的代码阅读效率吧！

求大神解答，苹果cms V怎么删除源码自带的友情了解？

       首先说下必备条件：

       程序：一些源码交易网站上有肯能会有整站的程序下载，一般这些源码更新不及时，甚至被人动过手脚，所以建议官方下载。

       模板：并不是说有的模板都支持试看，尤其是网上一下来历不明的模板，各种bug残缺不全，raw-os 源码功能测试建议用官方自带的模板，官方模板基本上都是全功能的。

       正确的后台权限设置

       实例演示：对游客开启试看1分钟：

       第一步：在后台的系统>网站参数配置>试看时长>设置为1

       第二步：在后台 的 用户>会员组>找到游客用户组>点击编辑按钮

       可根据分类单独配置试看权限，我这里是全站数据都对游客开启试看，所以把所有分类的播放页勾去掉了，剩下的全打勾，点击保存设置，这样试看功能就配置成功了。

前端实战:从零到一实现H5拼图小游戏(附源码)

       去年，我开发了一个基于H5、JavaScript和CSS3的拼图小游戏。这款游戏利用了我自己封装的类Jquery框架Xuery，融合了许多经典的opengl c语言源码JavaScript算法和CSS3特性，对提升大家的编程能力大有裨益。文章末尾将提供源码获取方式，供大家学习体验。

       由于这款应用属于H5游戏，为了使项目更轻量，我没有使用第三方UI库。如果大家想使用基于Vue的第三方移动端UI库，我可以推荐几个我之前使用过的靠谱组件库：[此处省略推荐内容]。以上推荐的都是社区完善、bug较少的组件库，大家可以试试看。

       回到我们的小游戏开发，主要考验大家对JavaScript和CSS3的掌握程度。学习完这篇文章后，相信大家对JavaScript和CSS3的编程能力都会有极大的提升。之后，我还会介绍如何使用canvas实现生成战绩海报图的功能。

       我们先来看看游戏的预览界面：

       本文的算法实现方式在之前的拼拼乐文章中已有说明，这里主要介绍核心算法，至于vue-cli的使用方法，我之前也写过对应的文章，大家可以研究学习一下。vue-cli搭建项目方式如下：[此处省略搭建方法]。

       关于vue-cli3配置实战，可以参考《一张图教你快速玩转vue-cli3》。

       目前，我主要整理了以下核心功能，接下来我会一一为大家实现：实现纯JavaScript上传预览、实现拼图分割功能、实现洗牌算法、实现生成战绩海报功能。

       1. 实现纯JavaScript上传预览：文件上传预览主要采用FileReader API实现，原理是将file对象传给FileReader的readAsDataURL，然后转化为data:URL格式的字符串（base编码）以表示所读取文件的内容。具体代码如下：[此处省略代码]。

       2. 实现拼图分割功能：一般处理拼图游戏时，我们会采用以下方案：使用canvas分割、采用n张不同的切好的切片（方法简单，但会造成多次请求）、动态背景分割。经过权衡，我选择了一种自认为比较优雅的方法——动态背景分割，只需使用1张，然后利用CSS切割，有点像经典的雪碧图。具体实现如下：[此处省略实现方法]。

       3. 实现洗牌算法：洗牌逻辑依托于随机算法，结合坐标系，实现一个随机生成二维坐标系的逻辑，然后通过改变每个切片的translate位置，配合过渡动画，即可实现洗牌功能和洗牌动画。具体实现如下：[此处省略实现方法]。

       4. 实现生成战绩海报功能：生成战绩海报我采用canvas来实现，对于canvas的api不熟悉的可以查看MDN，讲得比较详细。这里我简单实现一个供大家参考：[此处省略实现方法]。

       H5拼图小游戏我已在github开源，感兴趣的朋友可以在我github上学习参考。以上逻辑部分的代码可以直接整合到vue项目中，由于实现比较简单，这里我就不详细介绍了。

       如果想学习更多H5游戏、webpack、node、gulp、css3、javascript、nodeJS、canvas数据可视化等前端知识和实战，欢迎在《趣谈前端》一起学习讨论，共同探索前端的边界。