摘要：
最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点 阅读全文
摘要：
File接口提供了与文件相关的信息，并且运行JavaScript在web页面上去访问文件中的内容。 File对象来自于用户使用input标签选择文件返回的FileList对象，来自于拖放操作的DataTransfer对象。File对象是一种特殊的Blob，它能够在任何能够使用Blob的上下文中使用。 阅读全文
摘要：
DragEvent是一个表示drag和drop交互的DOM event接口。用户通过将指针设备（如：鼠标）放在目标的表面开始拖动，然后拖动指针到一个新的位置（如其他DOM元素）。应用程序自动的解析拖放交互。DragEvent接口从mouseEvent和Event那儿继承属性。 Event types 阅读全文
摘要：
一.Smarty3配置 下载Smarty文件 在Smarty的官方网站下载Smarty文件，解压下载到的Smarty文件，Smarty的库文件就在libs文件夹中。 我使用的PHP调试环境的程序集成包是phpstudy，默认在D盘会有一个WWW的文件夹，在WWW文件夹中创建一个testSmarty的 阅读全文
摘要：
前提：要在express中使用模块引擎需要将要使用的模板引擎安装在本项目，当然，express也是要安装的。在下面实例中，我使用的模板引擎是pug（一起叫做jade） 我的目录结构如下： 根目录为static，根目录下的public文件夹，是静态文件（如图片文件，css文件，js文件de）根目录。根 阅读全文
摘要：
最近做一个项目，其中涉及到了一个相交检测的功能，现在分享出来共勉 首先先谈一谈满足什么样的条件，才能算两个元素是相交，下面是一个示意图： Ax1是元素A的起点在x轴上的投影，Ax2是元素A的终点在x轴上的投影，Ay1是元素A的起点在y轴上的投影，Ay2是元素A的终点在y轴上的投影 Bx1是元素B的起 阅读全文
摘要：
一.变量克隆 在js中经常会遇到将一个变量赋值给一个新的变量这种情况，这对于基本类型很容易去实现，直接通过等号赋值就可以了，对于引用类型就不能这样了。（注：像函数，正则也可以直接通过等号赋值） 这里我写了一个复制值的函数，可以进行深度复制，也能进行浅复制，要进行深度复制只需要将第二个参数设置为tru 阅读全文
摘要：
在JavaScript中为数组封装了大量的方法，比如：concat，pop，push，unshift，shift，forEach等，下面我将使用JavaScript提供的这些方法，实现队列和栈的操作。 栈 栈是一种遵从后进先出（LIFO）原则的有序集合。新添加的或待删除的元素都保存在栈的末尾，称作栈 阅读全文
摘要：
前言 在一个应用中，通常会有很多图片，众所周知，加载图片需要时间，在图片没有加载出来之前，页面会是空白，为了提升用户体验，应用的开发人员使出浑身解数，其中最为常见的就是在图片没有加载完成之前，有一个加载动画。这里用到的技术主要是图片预加载。图片预加载的原理并不难，当给一个Image对象设置src属性 阅读全文
摘要：
React为动画提供了一个附加组件ReactTransitionGroup，这个附加组件是动画的底层API，并且还提供了一个附件组件ReactCSSTransitionGroup，ReactCSSTransitionGroup能够简单的实现基于css的动画和转换 高级API ReactCSSTran 阅读全文