- 博客(19)
- 收藏
- 关注
RSS订阅原创 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
5491
原创 判断浏览器是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
574
转载 js函数防抖和节流
转载地址https://www.jianshu.com/p/c8b86b09daf0函数防抖和节流92018.08.04 11:31:10字数 1122阅读 25366在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决...
2019-09-05 16:35:03
141
转载 js实现浏览器通知功能
概述Notification API是浏览器的通知接口，用于在用户的桌面（而不是网页上）显示通知信息，桌面电脑和手机都适用，比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署，对于手机来说，一般显示在顶部的通知栏。如果网页代码调用这个API，浏览器会询问用户是否接受。只有在用户同意的情况下，通知信息才会显示。下面的代码用于检查浏览器是否支持这个API。if (win...
2019-06-25 14:27:21
7194
原创 wire 登录接口修改
wire是一个综合性很强的前端项目，用到到的框架也非常多，对于成长型技术人员来说，不妨一看。主要框架react 、typescript，之前接触这些框架比较少，项目看起来确实比较吃力，现把项目原有的登录接口改成自己的登录接口做如下记录。1、项目目录介绍（主要目录）（1）项目的主目录在app下，app下的page、script、style，对应着项目的页面、逻辑、和样式，其中page／a...
2019-01-29 12:06:04
234
原创 web网页引入自定义字体设置
新项目中 设计用了一个自定义的字体，由于不熟悉，折腾了好大一圈，最终在同事的帮助下，顺利解决，记录一下，供有同样疑虑的小伙伴参考。1、首先需要下载你需要的字体，此项目中用到的字体是思源黑体（light），需要字体文件的格式是.ttf，思源的ttf版字体不好找，我是下载的otf版，又用fontCreate 软件转换了一下，算是得到了ttf字体（废了老大劲，才转换成，网上贴出来的在线转换文字格式
2017-11-30 11:55:20
13159
2
原创 js监听textarea 内容的变化，并计算内容的长度
监听textarea 内容变化：HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化html代码如下： 留言 0/500（留言多余10个字） js代码如下：
2017-11-13 19:18:48
17150
原创 textarea 与 label标签 对齐
主要在于设置textarea 与label 的vertical-align属性代码实例如下：html代码： 姓名 邮箱
2017-11-13 17:00:23
7165
转载 web字体选择
一直对web字体的设置很模糊，网上搜了大量资料，终于看到一篇讲解比较详细的资料，现摘录留存。大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：一、首先我们看看各平台的默认字体情况1、Window下：宋体（SimSun）：Win下大
2017-11-07 10:49:07
1813
原创 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
38494
5
原创 给文字加渐变色效果
遇到的问题，safari浏览器出现横线 主要是css样式的问题css代码如下background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#d3a971), to(#b3874b)); -webkit-background-clip: text; -webkit-text-fill-c
2017-09-27 19:12:18
691
原创 浏览器先渲染图片后渲染文字
今天写页面的时候发现，浏览器渲染页面的时候先渲染图片，在渲染文字，这就影响视觉效果了。搜了一圈，发现一个懒加载方法比较简单有效。大致流程是图片src属性设置为空（src = “”），然后页面onload的时候，再给img添加src属性值。1、html 2、css代码部分，设置img初始状态display: none,后面图片加载完成之后在显示出
2017-09-27 18:38:58
986
原创 chrome浏览器 两个span元素 并列一行高度不一致
今天写测试页面对时候发现的问题，感觉又刷新了三观。测试代码如下 第一个 第二个代码的css样式如下：.span1{ display: inline-block; overflow: hidden; height: 32px; line-height: 32px;}.span2{ displa
2017-09-06 18:23:17
2737
转载 js判断图片加载完成
有时需要获取图片的尺寸，这需要在图片加载完成以后才可以。下面小编给大家整理了几种关于JS判断图片是否加载完成方法汇总，一起看看吧。一、load事件$('img').onload = function() {//code}优点：简单易用，不影响HTML代码。缺点：只能指定一个元素，javascipt代码必须置于图片元素的下方二、jquery
2017-09-06 11:37:27
1074
原创 echarts柱状图自适应宽高 多图表
我做的是一个页面多个图表，然后所有图表都需要自适应，首先是建了一个数组，来放这些图表对象。这是关键，不同的图表一定区分开对象。下面开始贴代码：1、html部分： 图表自适应 .wrap{ height: 300px; }
2017-07-05 17:09:46
7835
2
原创 IE8/IE9问题 图片不出来的问题和input光标跳动问题
我是从网上下载了一个photo.jpg的图片，然后我改了一下图片格式为photo.png。然后页面引用的时候，除了IE8 别的浏览器（chrome、Safari、火狐）都正常可以显示，就调兼容性调了半天，最后把图片格式改为.jpg，IE8也正常了。对IE8也真是醉了。
2017-06-15 15:02:18
472
原创 table中的td设置固定宽度，没有效果
在做项目中，设置了table中td的宽度的百分比，但是并没有起作用，这是因为table-layout行的宽度默认是automatic（列宽度由单元格内容设定。）这时只需要设置table如下样式即可：table{table-layout:fixed}table-layout 有三个属性：automatic（列宽度由单元格内容设定。）fixed（列宽由表格宽度和列宽度设定。）inh
2017-06-14 16:16:50
8440
原创 textarea 文本框禁止拖动改变大小
火狐／chrome /safari textarea文本框可以拖动改变大小。 只要给textarea添加一个css属性就可以禁止此功能，具体代码如下： textarea{ resize:none; }
2017-06-14 13:08:42
23973
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人