前言 最近做的一个app项目使用的 apicloud 来实现跨平台开发，现在需要为这个 app 添加手势（九宫格）解锁的功能，apicloud 已经有一些第三方的原生实现的手势解锁插件，原生插件性能比较好，调用也比较方便，但是不能对它们的样式做定制修改，所以打算花了一点时间使用h5画布自己来实现这个功能。这篇

古时候的书籍里面文字的书写方式都是从上到下从右向左书写的，我们可不可以在网页上实现这种文字排版效果，虽然现在竖排在网页上用的比较的少，但是我们可以在我们自己的个人网站或者博客介绍页面用竖排来排版，使网页样式看起来更加的丰富和复古！ 通过一些尝试我找到了如下3中方式在网页上竖排文字的

重复性的工作一定要交给计算机去做！ 有时候要为公司做一张宣传用的分享图片，很简单交给设计通过ps、AI做好就行了，但是如果一个网站要为每个用户生成一张专属的分享图片，如果让设计师一张一张的去做，哪设计师估计会崩溃。下面就来演示用程序来生成一张在简书的专属分享图片吧。 程序生成分享图片

从机器码到汇编语言再到c语言，java等的高级语言的过程其实在不断的抽象，目的就是让人们使用起来更加的方便和简单，想象一下如果让你用0和1来写程序会是一种什么样的体验。编程语言不断的演化，未来也越来越会趋于自然语言。 为什么要使用TypeScript? 了解为什么要使用TypeScr

随机从数组中取出count个元素 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 /** * @param {[type]} 数组 * @param {[type]} 取出元素的个数 * @return {[type]} [description] */ function getRandomArrayElements(arr, count) { var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index; while (i-- > min) { index = Math.floor((i + 1) * Math.random()); temp = shuffled[index]; shuffled[index] = shuffled[i]; shuffled[i] = temp; } return shuffled.slice(min); } 数组去重 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 //数组去重复 Array.prototype.distinct = function() { var arr = this, result = [], i, j, len

web、webapp前端开发过程中遇到的问题的常用处理方式整理和一些问题整理。 常见问题处理方式 单行文字垂直居中 html结构 1 <div class="row">单行文字垂直居中，单行文字垂直居中，单行文字垂直居中</div> css样式 1 2 3 4 5 6 7 .row { display: block;

知乎的网页版登录界面的背景有很多运动的小球，小球和小球运动的时候之间还有连线，给人一种三维立体变换的效果，看着十分的不错，所以就试着做了个和知乎登录界面背景类似的效果，下面是我做好的效果的截图。 实现思路 首先了解下canvas中的动画原理？canvas中的动画其实是通过不断的重绘来

最近做的一个项目需要支持多终端，网页版需要使用html5中canvas画布对象对一组数据进行渲染还原，但是在实际实现过程中遇到了一个问题，canvas中没有mask（遮罩）层的概念，所以一些效果实现不了，最后翻看文档的时候发现可以通过Context对象的globalComposi

如果科学技术是第一生产力，那么客观需求就是学习的动力，也就是说学习一种新的东西知识首先要明白它的作用是什么，如果弄不清楚这个原因我们会去排斥学习它的，甚至根本不想去学习它。所以我们开始就来说说为什么要使用项目自动化构建工具，以及gulp的有点，本文仅仅是自己学习使用后的整理笔记，