JavaScript
文章平均质量分 78
js
kattiekattie
这个作者很懒,什么都没留下…
展开
-
前端刷题记录_Javascript
刷题备注原创 2022-03-08 00:34:35 · 699 阅读 · 0 评论 -
理解let&var变量提升总结
bgfor循环中, var 会打印出 5 个 5。let 会分别打印出 0、1、2、3、4理解:有一个隐藏的作用域,在每次执行循环体之前,JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。for( let i=0; i<liList.length; i++){ let i = 隐藏作用域中的i //近似理解 liList[i].onclick = function(){ console.log(i) }}关于 letlet 声明的变量的作用域是块级的;l原创 2022-05-27 15:36:11 · 119 阅读 · 0 评论 -
Javascript字符串及常用方法
var x = "John"; //字符串 (原始值) var y = new String("John"); //string对象不要创建 String 对象。它会拖慢执行速度,并可能产生其他副作用原始值没有属性和方法(不是对象), 但是 JavaScript 将原始值视为对象,因此方法和属性可以用在原始值上属性属性描述constructor对创建该对象的函数的引用length字符串的长度prototype允许您向对象添加属性原创 2020-06-10 14:31:10 · 137 阅读 · 0 评论 -
jquery移动端底部分享弹窗(微信+朋友圈+扫码的分享弹窗)
封装个jquery的底部分享(底部弹窗)插件。最终效果:点击某个按钮从底部向上弹出弹窗,点击取消弹窗向下隐去因为是混合开发,需要和移动端交互。讲道理之前是移动端自己搞的,h5调起客户端就好了。新工作要自己写一个,但是我写完了,又告诉我移动端自己搞了emmm(扫码还是传回来用h5生成)静态资源没有服务器,没有CDN,图标就自力更生吧(诶如果我能租个服务器emmm)还是贴下吧,...原创 2019-09-27 17:36:30 · 1878 阅读 · 1 评论 -
Jquery水平滚动字幕(marquee效果)
水平滚动字幕html:<div class="txt-scroll"> <div class="scrollbox"> <div class="txt"></div><!-- 滚动内容 --> </div></div>css.txt-scroll{ width:...原创 2019-09-26 10:47:03 · 504 阅读 · 2 评论 -
h5移动端黑色透明toast(JQuery)
DIV重叠对父级使用position:relative,对子级使用position:absolute、z-index(重叠顺序)left,right,top,bottom绝对定位相当于父级具体位置原创 2019-06-18 12:01:04 · 640 阅读 · 0 评论 -
前端开发适配踩坑合集(持续更新)
1.ios时间格式let startDate = new Date('2018-11-11 09:00:00'); // null对于yyyy-mm-dd hh:mm:ss 这种格式在苹果手机上无法识别显示成NAN,或者null解决:转成 yyyy/mm/dd hh:mm:ss正则格式化:replace(/\-/g, "/")2.oppo浏览器好像是没有sessio...原创 2020-05-06 13:59:28 · 232 阅读 · 0 评论 -
js获取当前地址栏参数
封装函数:<script type="text/javascript">function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var reg_rewrite = new RegExp("(^|/)" + name...原创 2019-09-25 15:58:38 · 60 阅读 · 0 评论 -
使用WebViewJavaScriptBridge进行 Android 和 IOS 原生与 h5 交互(前端部分)
因为工作是移动端混合开发,需要原生与h5交互。目前接触过的两种方法:1. 大多数是直接通过webview代理,理解的是通过拦截调用与原生进行交互。任意版本都支持。2. 使用第三方库WebViewJavaScriptBridge。这里主要整理下WebViewJavaScriptBridge使用:用于 WKWebView & UIWebView 中 OC 和 JS 交互(ios)注...原创 2019-10-08 18:19:07 · 1350 阅读 · 0 评论 -
用userAgent判断手机类型
var ua = window.navigator.userAgent.toLocaleLowerCase()if(ua.match(/vivo/i) == "vivo"){//判断是vivo手机}if(ua.match(/huawei/i) == "huawei"){//判断是华为}if(ua.match(/iphone/i) == "iphone"){//判断是iphone...原创 2019-10-11 13:55:35 · 1590 阅读 · 0 评论 -
window下location属性定义及使用
window.location 对象属性定义可用于获取当前页面地址(URL)并把浏览器重定向到新页面。(可不带 window 前缀书写。)window.location.href返回当前页面的 href (URL),即完整路径window.location.hostname(host)返回 web 主机的域名window.location.pathname返回当前页面的路径或文件...原创 2019-09-26 10:26:17 · 635 阅读 · 0 评论 -
记录promise解决js与oc交互中异步回调的实践
项目需求:更改h5与客户端(安卓,ios交互)的交互方法,使用第三方jsBridge因为使用了js来定义方法,oc调用的模式(大坑)导致兼容,页面刷新,客户端外调用等情况 难以解决(因为需要,在交互方法之后进行判断,从而执行回调,而交互无法判断何时执行完毕)面临的问题就是需要解决异步回调。其中尝试了promise:所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事...原创 2019-12-04 15:11:26 · 496 阅读 · 1 评论 -
js用userAgent正则判断当前浏览器环境(QQ,微信,安卓,ios,移动设备)
// QQ环境function isQQ() { //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息,这个属性可以用来判断浏览器类型 var ua = window.navigator.userAgent.toLowerCase(); //通过正则表达式匹配ua来判断 if(ua.match(/\b...原创 2019-10-11 10:02:01 · 1294 阅读 · 0 评论