javaScript
关注
分享
扫一扫
树洞菇凉
这个作者很懒，什么都没留下…
展开
-
window方法：getComputedStyle()
一、getComputedStyle()方法该window.getComputedStyle()方法返回一个对象，该对象在应用活动样式表并解析这些值可能包含的任何基本计算后，报告元素的所有CSS属性的值。单个CSS属性值通过对象提供的API或通过使用CSS属性名称进行索引来访问。getComputedStyle()方法语法//返回元素的所有CSS属性的计算值var style = window.getComputedStyle（element [，pseudoElt ]）;ele.原创 2021-05-08 14:39:03 · 4989 阅读 · 0 评论 -
JS 字符串 常用方法(截取、替换、拼接)
1、slice(): 返回字符串中提取的子字符串。var str="Hello World";var str1=str.slice(2); //如果只有一个参数，则提取开始下标到结尾处的所有字符串var str2=str.slice(2,7); //两个参数，提取下标为2，到下标为7但不包含下标为7的字符串var str3=str.slice(-7,-2); //如果是负数，-1为字符串的最后一个字符。提取从下标-7开始到下标-2但不包含下标-2的字符串。前一个数要小于后一个数，否则返回空字符串原创 2021-04-24 14:52:00 · 4191 阅读 · 0 评论 -
页面点击按钮后 10秒内不可点击（前端判断防止重复提交，触发接口）
方法一.disable { /* 阻止点击 */ pointer-events: none;}<div class="btn_onekey">提交</div>// 点击按钮$('.btn_onekey').on('click', function() { // 判断提交内容不能为空 // 禁用按钮 $(".btn_onekey").addClass("disable"); // 调接口 $.ajax({ url: '', type:原创 2021-04-24 10:36:43 · 640 阅读 · 0 评论 -
js 判断设备是ios还是android
var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; // Androidvar isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端if (isAndroid) { console.log('我是安卓');}if (isIOS) { console.log('.原创 2021-04-24 10:25:20 · 310 阅读 · 0 评论 -
vue实现每隔几秒请求一次接口，实现数据更新
项目中我们经常需要实现轮询-每隔几秒请求一次接口实现数据更新1：一般都会使用setInterval，但要注意单纯使用它会导致页面卡死方法1：new Vue({ el: '#app', data: {}, created: function() { var that = this; // setInterval不会清除定时器队列，每重复执行1次都会导致定时器叠加 \ window.setInterval(() =原创 2020-08-27 11:56:00 · 12501 阅读 · 0 评论 -
多张小图拼接为一张大图进行模糊图片切换
1：效果图如下：2：filter 定义了元素(通常是)的可视效果blur(px)给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊；如果没有设定值，则默认是0代码如下:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2020-08-10 14:01:48 · 787 阅读 · 0 评论 -
app下载 微信扫码打开 提示用户用浏览器打开
1：介绍将打包好的apk文件部署到服务器，把下载页面的URL通过草料二维码或根据url代码生成一个二维码，由于微信对apk文件经行了屏蔽，所以需要提示用户微信内无法下载，请点击左上角按钮，选择在浏览器中打开进行下载等提示。那么该如何判断用户是否是用微信浏览器呢？我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息，比如：Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko)原创 2020-08-10 10:51:45 · 1980 阅读 · 0 评论 -
canvas：动态虚线圆
1.绘制动态虚线圆形1.分析画圆需要arc()，stroke() API设置画线是虚线而不是实线setLineDash([number])：设置虚线，参数为数字数组,数字是用来设置虚线每一个小段的长度。比如设置值[4,2]则虚线如【 — - — - — -…】循环出现。lineDashOffset [=number]：设置虚线的偏移量。动起来。需要用到setTimeout(function, duration).每次在setTimeout中绘制时都是属于重新绘制，之前绘制的需要清除cle原创 2020-06-29 18:43:25 · 1337 阅读 · 0 评论 -
js获取字符串最后一位方法
方法一：运用String对象下的charAt方法charAt() 方法可返回指定位置的字符。str.charAt(str.length – 1)请注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串方法二：运用String对象下的substr方法substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符...原创 2020-04-02 17:08:33 · 473 阅读 · 0 评论 -
移动端 input控件，调数字键盘，在输入小数点时光标会自动跳到小数点前面，请问怎么解决？
判断客户端是安卓还是ios如果是安卓就用如果是ios就使用原创 2019-06-06 10:13:10 · 2732 阅读 · 2 评论 -
JavaScript获取ul中li个数的方法
有这样一段HTML代码：&lt;ul id="myViewMore "&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &am原创 2018-11-14 13:52:20 · 5650 阅读 · 0 评论 -
JavaScript仿通知栏新消息实时推送更新效果
用到websocket做消息推送，其中有这样的一个效果，在消息列表的模块，接收到很多条信息，展示在界面的是最近的十条接受到的消息，实时更新模块，每次接受一条消息，都会展示在最顶部，旧的消息排列在地下，大致效果如下所示。用js仿写了一个简单的，关于通知栏新消息实时推送更新效果，代码如下：&lt;head&gt; &lt;meta http-equiv="Content-Type" ...原创 2018-11-12 11:26:00 · 1165 阅读 · 0 评论 -
javascript判断专题
javascript有数组，对象，函数，字符串，布尔，还有Symbol，set，map，weakset，weakmap。判断这些东西也是有很多坑，像原生的typeof，instanceOf有一些bug，有些能满足90%的情况，也有些不太如人意。所以各大类库都出了一些判断的函数，以is开头的xxx。1，判断nulltypeof null//‘object’，所以不能用typeof判断。typ...原创 2018-11-14 15:27:52 · 731 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'addEventListener'
"Uncaught TypeError: Cannot read property ‘addEventListener’ of null"标签元素还没有创建就调用引用标签的脚本就会出现此问题?解决方式:一.将脚本放置在脚本标签的后面 ;二.判断id是否为null: if(document.getElementById("id")!=null){ document.get...原创 2018-11-22 16:06:00 · 4100 阅读 · 0 评论 -
后台系统管理表格的全选,反选,查找,选中行;
一.后台系统管理表格的全选,反选,查找,选中行1:html<input type="text" id="username"><button>查找</button><button id="btnFx">反选</button><table class="datalist"&原创 2018-12-05 12:56:27 · 518 阅读 · 0 评论 -
JavaScript笔记
一.获取Url绝对路径function getUrlRelativePath() { var url = document.location.toString(); var arrUrl = url.split("//"); var start = arrUrl[1].indexOf("/"); var relUrl = arrUrl[1]....原创 2018-12-17 11:40:58 · 116 阅读 · 0 评论 -
JavaScript常用函数
1. 获取当前时间();function getNowFormatDate(cutLine) { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var day = date.getDate(); var h = date.getHo...原创 2018-12-17 11:44:55 · 137 阅读 · 1 评论 -
js 实现倒计时功能，兼容ios
1:效果2:html<div class="weui-cell__ft">限时特卖 <!-- 时 分 秒--> <span class="dingshi"></span> <span class="dingshi"></span>原创 2018-12-12 10:09:45 · 1644 阅读 · 0 评论 -
使用JS来判断页面是在手机端还是在PC端打开的方法
在移动设备应用越来越广泛的今天，许多网站都开始做移动端的界面展示，两者屏幕尺寸差异很大，所以展示的内容也有所差别。于是就遇到一个问题，如何判断你的页面是在移动端还是在PC端打开的，很简单的问题，那我们就简单点来说，以我们公司的官网来说，PC端和移动端的官网界面分别如下：Navigator对象 首先来了解一下Navigator 对象，Navigator 对象包含有关浏览器的信息，下面的user...原创 2019-05-31 14:15:25 · 779 阅读 · 0 评论 -
H5拼单弹框,时间倒计时
1:HTML代码&lt;a class="mui-pull-right seemore" onclick="show_more()"&gt;查看更多&lt;/a&gt;2:弹框内容&lt;div id="viewMore" class="view-more" style=&原创 2018-11-14 14:58:48 · 527 阅读 · 0 评论