木灵鱼儿

博客
正在进入:首页

分类 JavaScript 下的文章

web复制按钮功能实现
web复制按钮功能实现

三种方式,两种原生js方式,一种js插件。html代码<div class="container my-5"> <p id="box">这是福实打实大师空dsadada间大空间的哈实践活动卡萨很大快速&...

木灵鱼儿

数字跳动特效-countUp插件用法
数字跳动特效-countUp插件用法

逛高斯键盘官网的时候,应该是去年的时候,官网改版后有一个特效挺有意思的,就是数字跳动,之前一直没空研究,今天抽空去看了下,js有一个开源的插件:countUp.js 先看看高斯的效果图:效果就是这样,我们先去下载js文件CountUp.js下载完我们找到dist目录下的co...

木灵鱼儿

string类型的match()如何匹配多个值
string类型的match()如何匹配多个值

match()方法是可以匹配一个或者多个相同的值,并返回匹配的结果数组。比如:变量a的值为'bbb';它是一个三个相同字符的变量,我们使用match进行匹配var a = 'bbb'; console.log(a.match('b'));你会发现只会返回含有一个b的数组:...

木灵鱼儿

处理谷歌浏览器总是提示无法阻止事件的报错
处理谷歌浏览器总是提示无法阻止事件的报错

这个问题一直困扰了我很久了,之前我做手机端侧栏nav的时候也会出现这个问题,因为不影响使用,也暂时没找到处理的办法,索性就没管了,今天尝试了几次方式,发现通过css设置就很很完美的解决的这个问题.首先这个问题一般都是因为我们阻止的touch事件导致的,谷歌为了让滑动能够顺滑...

木灵鱼儿

jq自动轮播v1.2
jq自动轮播v1.2

之前看过一个主题,忘记是谁的了,他的首页轮播特别好看,当时我还天真的以为他的轮播的背景色是自动获取的,为此还特意自己去看了下自动获取图片平均色,现在学了jq后尝试性仿写了一个,因为找不到原来主题的地址,所以大部分都是凭借自己的印象做的,有能力者可以自行移植到typecho主...

木灵鱼儿

键盘测试触发页面  更新v1.1
键盘测试触发页面 更新v1.1

看了一些jq,一时技痒就做了一个,说实话,纸上得来终觉浅,得知此事要躬行,这句话一点都没错,看书的时候我觉得我啥都知道了,用起来,变通的感觉就差很多了,很多东西看上去简单,组合搭配起来还是要花些心思的,不多说,上图。2019-9-3 更新至v1.1[X] 修复三个交互逻辑错...

木灵鱼儿

js深度克隆
js深度克隆

深度克隆主要用于引用类型,因为大部分的引用类型如果某一个实例进行了修改,那么其他同一个引用的实例对象也会发生改变。经过我小段时间的研究,以我目前的了解的来说,方法是没办法完全克隆的,你最多拿到独立属性,原型是共享的,这个没办法克隆,所以有点无解的样子,感觉这个深度克隆也只是...

木灵鱼儿

js阻塞和css阻塞
js阻塞和css阻塞

js阻塞js阻塞其实浏览器的一个很好的机制,浏览器必须在js文件或者代码运行完毕后才会继续其他的工作,比如一个js文件被script元素引用,该元素在head标签中。那么当浏览器加载到head时,会先加载并运行这个js文件,此时,这个script后面的内容都不会做任何处理,...

木灵鱼儿

JavaScript里面继承是怎样实现的?如何避免原型链上的对象被共享?
JavaScript里面继承是怎样实现的?如何避免原型链上的对象被共享?

JavaScript里面继承是怎样实现的?最简单的就是通过原型链继承,然后衍生出几种方法:构造函数继承、组合继承、原型式继承、寄生继承、寄生组合式继承。function Box() { this.name = "鱼儿", this.age = 6...

木灵鱼儿

加载动画小心得
加载动画小心得

网页加载动画的原理其实就是当页面加载时他显示的就是加载动画,这个动画浮动于最上层将下面的内容全部遮盖住,而当dom已经加载完毕,触发onload事件,此时再将动画层进行移除处理。那么这样写会导致一个问题,就是你打开任何页面,都会先触发动画层,然后再显示内容,这样就会影响体验...

木灵鱼儿

Info
Site Info

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了185篇文章

Archive
Article Archive
Weather
Weather

湿度
设置
配色方案

宽度

现在购买