javascript demo - 随笔分类 - QxQstar

摘要：代码如下：阅读全文

posted @ 2017-09-17 20:14 QxQstar 阅读(579) 评论(0) 推荐(0) 编辑

摘要：最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点阅读全文

posted @ 2017-03-23 20:02 QxQstar 阅读(3160) 评论(1) 推荐(2) 编辑

元素相交检测

摘要：最近做一个项目，其中涉及到了一个相交检测的功能，现在分享出来共勉首先先谈一谈满足什么样的条件，才能算两个元素是相交，下面是一个示意图： Ax1是元素A的起点在x轴上的投影，Ax2是元素A的终点在x轴上的投影，Ay1是元素A的起点在y轴上的投影，Ay2是元素A的终点在y轴上的投影 Bx1是元素B的起阅读全文

posted @ 2016-12-02 20:03 QxQstar 阅读(666) 评论(0) 推荐(0) 编辑

图片预加载模块

摘要：前言在一个应用中，通常会有很多图片，众所周知，加载图片需要时间，在图片没有加载出来之前，页面会是空白，为了提升用户体验，应用的开发人员使出浑身解数，其中最为常见的就是在图片没有加载完成之前，有一个加载动画。这里用到的技术主要是图片预加载。图片预加载的原理并不难，当给一个Image对象设置src属性阅读全文

posted @ 2016-11-06 16:53 QxQstar 阅读(1158) 评论(0) 推荐(0) 编辑

移动端拖拽（模块化开发，触摸事件，webpack）

摘要：通过jquery可以很容易实现CP端的拖拽。但是在移动端却不好用了。于是我自己写了一个在移动端的拖拽demo，主要用到的事件是触摸事件（touchstart，touchmove和touchend）。这个demo实现的功能是：可以拖拽的元素（在这里是图片）位于列表中，这些元素可以被拖到指定区域，到达阅读全文

posted @ 2016-10-28 16:30 QxQstar 阅读(3290) 评论(0) 推荐(2) 编辑

用原生JS实现的一个导航下拉菜单，下拉菜单的宽度与浏览器视口的宽度一样（js+html+css）

摘要：这个导航下拉菜单需要实现的功能是：下拉菜单的宽度与浏览器视口的宽度一样宽；一级导航只有两项，当鼠标移到一级导航上的导航项时，相应的二级导航出现。在本案例中通过改变二级导航的高度来实现二级导航的显示和消失。为了便于理解我画了一个图，如下：在这个案例主要用到的知识有：设置定时器，清除定时器，mouse 阅读全文

posted @ 2016-07-03 15:33 QxQstar 阅读(3698) 评论(0) 推荐(1) 编辑

用原生JS实现一个轮播（包含全部代码和详细思路）

摘要：在我看来要想实现轮播主要是要知道当前位于的页面和即将位于的页面。这个案例是通过改变图片的透明度来实现轮播的效果。我把涉及的知识点分为两个方面，分别是HTML+css和JS。第一部分（html+css）包含的知识有：positon定位，最外层是一个div，它包含了所有的元素。这个轮播一共有三阅读全文

posted @ 2016-06-24 23:10 QxQstar 阅读(2189) 评论(1) 推荐(0) 编辑

QxQstar

随笔分类 - javascript demo

公告