以下主要调用针对百度地图接口:
已封装成getLocation()函数,项目中在需要的地方直接调用即可
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition,showError);
}else{
alert("浏览器不支持地理定位。");
}
}
//定位失败
function showError(error){
switch(……
1、[内容]尽量减少HTTP请求数;
2、[服务器]使用CDN(Content Delivery Network);
3、[服务器]添上Expires或者Cache-Control HTTP头
4、[服务器]Gzip组件
5、[css]把样式表放在顶部
6、[js]把脚本放在底部
7、[css]避免使用CSS表达式
8、[js, css]把JavaScript和CSS放到外面
9、[内容]减少DNS查找
10、[js, css]压缩JavaS……
一、pc端视频回调函数 用于调用接口
function playingNotify (){
alert('开始播放了')
}
二.移动端视频回调函数 用于调用接口
video.addEventLisener("playing",funciton(){
//函数执行
})
三、移动端:双击屏幕 阻止屏幕上弹
function proMove() {
var agent = navigator.userAgent.toLowerCase(); //检测是否是ios
var ……
最近在项目上要实现这个功能,于是想简单的整理下。经查阅资料,有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……
当下多数网站,APP会员注册都采取手机号等方便快捷模式,本人最近在做一个移动端的登录注册界面,初稿如下图所示:
现在来具体说说我的实现方法:
其中js核心代码:
$("#Submit").click(function get_mobile(){
var mcode=Math.round(Math.random()*10000);
$.get("yanzheng.php?mobile="+$("#mobile").val()+"&mcod……