这个主要在项目中要实现的功能，现在的手机浏览器基本也都含有分享功能，但有的手机浏览器就没有分享微信好友，朋友圈等选项，虽然微信内置X5含有此功能，但不同的手机终端分享选项又不一样，因本人还是比较喜欢老罗的，这几年一直在用锤子，但其微信内置浏览器中就是没有分享到QQ好友啊，空间啊等选项，而华为的确有。老……
最近在项目上要实现这个功能，于是想简单的整理下。经查阅资料，有2种方式可以实现用户图像上传处理。第一种，前台预设有限制的裁剪框让用户在合法范围内裁剪好图像，裁剪后的图像转成base64串异步上传到后台。第二种，根据用户前台选取的图片，前台选取图片的一边角（习惯左上角）基点，需要裁剪的大小（width和height）……
先直接看效果图吧：
头部引入：
<link rel="stylesheet" type="text/css" href="css/dialog.css" />
<link rel="stylesheet" type="text/css" href="css/dialog-sally.css" />
<script src="js/modernizr.custom.js"></script>
<script src="js/classie.js"></script>
<script s……
通过canvas做得网页版五子棋游戏，界面清爽简约，通过鼠标单机完成组棋，详情见下图：
js算法代码代码：
var wins = [];
for(let i=1;i<10;i++){
wins[i] = []
for(let j=1;j<10;j++){
wins[i][j] = []
};
};
var count = 0;
for(let i=1;i<6;i++){
for(let j=1;j<6;j++){
for(let k=0;k<5;k++){
wins[i+……
Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。SweetAlert 自动居中对齐在页面中央，不管您使用的是台式电脑，手机或平板电脑看起来效果都很棒。另外提供了丰富的自定义配置选择，可以灵活控制。界面如下图所示
使用方法：
首先在头部引入以下文件
<script src="lib/sweet-alert.min.js"></s……
目前，网络上各大论坛，尤其是一些图片类型的网站上，在图片加载时均采用了一种名为懒加载的方式，具体表现为，当页面被请求时，只加载可视区域的图片，其它部分的图片则不加载，只有这些图片出现在可视区域时才会动态加载这些图片，从而节约了网络带宽和提高了初次加载的速度。下面来介绍两种方法：
方法一：js实现图片……
效果如图所示：
公用HTML代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js选项卡切换</title>
<style>
input { width:100px; height:50px; border: 1px solid #ddd;margin: 0 -2px;}
div { width:300px; height:100px;text-align: center……
随着互联网的发展，wap端的浏览量已超过了PC端，每个浏览器默认的字体大小也不一样，为了提高用户在咯浏览终端的体验度，就不得不用css3 的rem了。
rem的取值是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，在根元素中设置多大的字体，这完全可以根据您自己的需求来定了。下表为常用的px……
