前端技术

[置顶] Aiiphp框架测试版发布,欢迎测试!

[置顶] Linux常用运维命令和linux常用管理操作命令(整理)

JS防止别人使用firebug或者开发者工具的JS防调试代码

JS防止别人使用firebug或者开发者工具调试代码,是别的站看到的,还不错,哈哈,

某些时候有特别的用处。大家拿去玩玩

<script>function fuckyou(){
 window.close(); //关闭当前窗口(防抽)
 window.location="about:blank"; //将当前窗口跳转置空白页
}
 function ck() {
 console.profile();
 console.profileEnd();
 if(console.clear) { console.clear() };
 if (typeof console.profiles =="object"){
 return console.profiles.length > 0;
 }
}
function hehe(){
if( (window.console && (console.firebug || console.table && /firebug/i.test(console.table()) )) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)){
 fuckyou();
}
if(typeof console.profiles =="object"&&console.profiles.length > 0){
fuckyou();
}
}
hehe();
window.onresize = function(){
if((window.outerHeight-window.innerHeight)>200)
 fuckyou();
}</script>

关键词: 调试代码

IOS微信内置浏览器如何隐藏跳转链接后底部的前进后退横栏

这个主要是由于涉及到跳转链接的问题,解决方法很简单:

跳转的方式改为:

window.location.replace("1.html");

微信分享到朋友圈onMenuShareTimeline成功后的回调函数不执行的解决方法

微信分享到朋友圈onMenuShareTimeline成功后的回调函数不执行的解决方法

测试IOS不支持,具体解决方法:

//以下代码放入success内,
setTimeout(function(){
   //回调要执行的代码
}, 500);

微信小程序HTML富文本渲染方案Html2Wxml2J

曾经有wxParse,一个小程序前端使用的javascript库,前端直接转换渲染。使用到了微信小程序的模板渲染,但是依然弱鸡,经常出现各种Javascript错误,很多标签不兼容。

推荐一个比较靠谱的解析微信小程序渲染方案:

靠谱的小程序插件项目-html2wxml

1、设置=》第三方服务=》添加插件

2、app.json 里面添加插件


 "plugins": {
 	"htmltowxml": {
 		"version": "1.3.0",
 		"provider": "wxa51b9c855ae38f3c"
 	}
 }


» 阅读全文

微信小程序canvas绘画Api功能使用

微信小程序也开放了canvas绘画功能,网上看到一些人做的斗图小程序,里面有图片、文字合成,看了下接口,也顺便了解小微信小程序的绘画,估计常用的就那么几个吧。

简单demo

const ctx = wx.createCanvasContext('myCanvas')
ctx.setFontSize(20);
ctx.setFillStyle('#561212')
ctx.fillText('Hello', 20, 120);
ctx.drawImage("https://ws1.sinaimg.cn/large/9150e4e5jw1fcceiouagwj208c08cglq.jpg", 0, 0, 150, 100);
ctx.draw();
html:部分

 <canvas canvas-id="myCanvas" />

关键词: 微信小程序

安卓微信浏览器中location.href失效的问题

在移动web中,经常会使用window.location.href去跳转页面,这个方法在绝大多数浏览器中都不会
存在问题,但是在安卓手机的微信自带浏览器中,会出现一个奇怪的bug。    

window.location.href = baseUrl + 'article/comment';

暂时还没找到具体的原因,但是当时遇到问题时,感觉是缓存在捣乱,所以尝试着给跳转链接后面加了一个随机数或者上面的代码是通过href属性赋值去跳转到文章的评论页面,这段代码在安卓手机的微信自带浏览器中会偶发性的失效,
调用上面的代码后,浏览器进度条加载完后,页面并没有跳转,还是停留在当前页面。

时间戳,结果是问题解决了。

window.location.href = baseUrl + 'article/comment?v='+(new Date().getTime()); 
window.location.href = baseUrl + 'article/comment?v='+Math.random();

HTML5利用Geolocation API获取地理位置定位功能

定位功能(Geolocation)是html5的新特性,因此只有在支持HTML5的现代浏览器上运行,特别是手持设备如iphone,地理定位更加精确。首先我们要检测用户设备浏览器是否支持地理定位,如果支持则获取地理信息。注意这个特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的,所以我们在访问该应用时会提示是否允许地理定位,我们当然选择允许即可。


function getLocation(){ 
    if (navigator.geolocation){ 
        navigator.geolocation.getCurrentPosition(showPosition,showError); 
    }else{ 
        alert("浏览器不支持地理定位。"); 
    } 
} 


» 阅读全文

关键词: 定位 , 获取地理位置 , html5

砸金蛋:PHP+jQuery实现的砸金蛋中奖功能

砸金蛋:PHP+jQuery实现的砸金蛋中奖功能。当然案例是3个,你也可以改为1个金蛋,进行抽奖

1.png - 大小: 75.65 KB - 尺寸: 1124 x 688 - 点击打开新窗口浏览全图

抽奖算法:



» 阅读全文

关键词: 砸金蛋

Total: 43123456Next ›