web端小知识点--持续更新

时间:2023-03-08 23:45:30
web端小知识点--持续更新

1、弹性滚动
overflow:auto;
 -webkit-overflow-scrolling: touch;
 -mo-overflow-scrolling: touch;
 overflow-scrolling: touch;
2、隐藏滑动条
::-webkit-scrollbar {width:0px;}
3、获取url参数
<script type="text/javascript">
(function($){
$.getUrlParam = function(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);
$(function(){
alert(window.location.href);
alert($.getUrlParam('page'));
})
</script>

或者用 var url = window.location.href 然后进行正则取出想要的数据
4、Base64编码解码
var encodedData = window.btoa("Hello, world"); // 编码
var decodedData = window.atob(encodedData); // 解码

5、关于canvas画图

canvas toDataURL 报错 ——只能在服务器端
toDataURL 有两个参数toDataURL("image/jpeg",0.9) 必须为jpeg(这个困扰了好久好久!!!!)

关于canvas画图有一点很尴尬,,就是我们有个动态产生邀请函的页面 用的canvas画的邀请函,toDataURL函数生生成的图片是base64编码的图片导致在ios手机微信浏览器中长按保存图片或者识别二维码的时候,放大镜会出现一瞬间,我猜测是ios把图片显示别称文字了。。安卓和pc端和非ios微信浏览器都没问题。(至今没解决  如果有人遇见过知道原因或解决方法望分享。)