js
绿箩
这个作者很懒,什么都没留下…
展开
-
git 取消merge操作
取消merge的操作1、git log 获取commit id2、git reset --hard id原创 2022-06-14 10:32:40 · 5714 阅读 · 1 评论 -
js 如何一次性删除数组中的多个元素?
方法一,用 filterlet arr = [7, 3, 4, 7];arr = arr.filter(item => item < 5);方法二,用逆向循环var arr = [2, 3, 5, 7];for (let i = arr.length - 1; i >= 0; i--) { if (arr[i] === 5) { arr.splice(i, 1); }}原创 2022-02-24 15:57:42 · 5622 阅读 · 0 评论 -
判断浏览器是pc端还是移动端
1、获取浏览器版本信息var browser = {versions: function() {var u = navigator.userAgent,app = navigator.appVersion;return { //移动终端浏览器版本信息trident: u.indexOf('Trident') > -1, //IE内核presto: u.indexOf('Pre...原创 2019-10-18 14:52:32 · 618 阅读 · 0 评论 -
js函数防抖和节流
转载地址https://www.jianshu.com/p/c8b86b09daf0函数防抖和节流92018.08.04 11:31:10字数 1122阅读 25366在前端开发的过程中,我们经常会需要绑定一些持续触发的事件,如 resize、scroll、mousemove 等等,但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决...转载 2019-09-05 16:35:03 · 156 阅读 · 0 评论 -
js实现浏览器通知功能
概述Notification API是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏。如果网页代码调用这个API,浏览器会询问用户是否接受。只有在用户同意的情况下,通知信息才会显示。下面的代码用于检查浏览器是否支持这个API。if (win...转载 2019-06-25 14:27:21 · 7334 阅读 · 0 评论 -
wire 登录接口修改
wire是一个综合性很强的前端项目,用到到的框架也非常多,对于成长型技术人员来说,不妨一看。主要框架react 、typescript,之前接触这些框架比较少,项目看起来确实比较吃力,现把项目原有的登录接口改成自己的登录接口做如下记录。1、项目目录介绍(主要目录)(1)项目的主目录在app下,app下的page、script、style,对应着项目的页面、逻辑、和样式,其中page/a...原创 2019-01-29 12:06:04 · 261 阅读 · 0 评论 -
js获取浏览器默认语言设置
项目用到多语言,之前也接触过,不过没有自测过,通过自测,写出通用比较简化的方法 !function () { var lang = navigator.language||navigator.userLanguage;//常规浏览器语言和IE浏览器 lang = lang.substr(0, 2);//截取lang前2位字符 if(lang == 'zh'){原创 2017-11-06 14:19:24 · 39467 阅读 · 5 评论 -
js监听textarea 内容的变化,并计算内容的长度
监听textarea 内容变化:HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化html代码如下: 留言 0/500(留言多余10个字) js代码如下:原创 2017-11-13 19:18:48 · 17352 阅读 · 0 评论 -
浏览器先渲染图片后渲染文字
今天写页面的时候发现,浏览器渲染页面的时候先渲染图片,在渲染文字,这就影响视觉效果了。搜了一圈,发现一个懒加载方法比较简单有效。大致流程是图片src属性设置为空(src = “”),然后页面onload的时候,再给img添加src属性值。1、html 2、css代码部分,设置img初始状态display: none,后面图片加载完成之后在显示出原创 2017-09-27 18:38:58 · 1036 阅读 · 0 评论 -
js判断图片加载完成
有时需要获取图片的尺寸,这需要在图片加载完成以后才可以。下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总,一起看看吧。一、load事件$('img').onload = function() {//code}优点:简单易用,不影响HTML代码。缺点:只能指定一个元素,javascipt代码必须置于图片元素的下方二、jquery转载 2017-09-06 11:37:27 · 1165 阅读 · 0 评论 -
echarts柱状图自适应宽高 多图表
我做的是一个页面多个图表,然后所有图表都需要自适应,首先是建了一个数组,来放这些图表对象。这是关键,不同的图表一定区分开对象。下面开始贴代码:1、html部分: 图表自适应 .wrap{ height: 300px; }原创 2017-07-05 17:09:46 · 7928 阅读 · 2 评论