随笔分类 - JavaScript
JavaScript工作学习记录
摘要：原理:页面滚动高度+可视区域高度=页面内容高度时 显示提示框 获取页面可是区域高度也就是屏幕高度： const clientHeight = document.documentElement.clientHeight||document.body.clientHeight 获取滚动高度： const
阅读全文
摘要：mui 扫一扫识别二维码 以及多次扫码后从结果页返回时黑屏问题解决 扫一扫页面全部代码 <script src="js/mui.min.js"></script> <script src="js/mui.min.js"></script> 黑屏的原因是打开的不是一个新页面是之前缓存的页面，mui.o
阅读全文
摘要：点击按钮，进行文本复制操作。实现这个功能需要二点； 一：用window.getSelection().selectAllChildren(“”)获取要复制的内容 二：用document.execCommand ("Copy");进行复制操作 关键代码 HTML JS
阅读全文
摘要：input选择框是无法直接修改样式，我们只能间接来改变它样式。 原理：用图片来代替原来的input选择框，原来的input选择框定位到图片上方并让它opacity为0，鼠标点击时用js来改变图片，这样从视觉上就完成了input选择框样式的修改 HTML CSS JS 用js来改变背景图片
阅读全文
摘要：昨天碰到这样一个需求，要求点击按钮第一次跳转到a页面，之后再点击它就跳转到b页面。这个问题我首先就想到了利用H5的缓存sessionstorage来实现，SessionStorage用于本地存储一个会话中的数据，窗口关闭后，数据就会消失。是一种会话级别的存储。 sessionStorage： ses
阅读全文
摘要：最近一直在学习javaScrpit插件制作,前几天学习制作了一个插件但存在严重缺陷. javaScrpit插件写法多种多样通过这几天的学习终于找到了适合自己的方法.前几天的缺陷也得到了解决.下面我们用最简单的个弹窗来说一下插件制作方法的思想 JS 首先 一 把代码放到匿名函数中避免与全局变量发生混合
阅读全文
摘要：swiper.js是一款纯JavaScript打造的滑动特效插件，可以用来实现检点轮播图，tab触摸滑动切换等常用效果。下载地址：https://www.swiper.com.cn/download/index.html#file1 swiper.js提供给我们很多种不同的demo效果，我们可以根据
阅读全文
摘要：昨天买了一个服务器想着用来测试一些自己的项目，由于是第一次建站，在tomcat,linux,node.js间想了好久。最终因为node搭建比较方便没那么麻烦就决定用node.js来搭建网站项目。 搭建服务器也很简单首先下载安装node.js后，建立一个项目文件夹再在文件夹下建一个js文件可任意取名，
阅读全文
摘要：实现原理鼠标按下时根据onmousemove事件来动态获取鼠标坐标位置以此来更新div的位置，实现的前提时div要有一个定位效果，不然的话是移动不了它的。 HTML <div class="box"></div> CSS样式 .box { position: absolute; width: 200
阅读全文
摘要：JavaScript插件制作练习-鼠标划过选项卡切换图片
阅读全文
摘要：原生JavaScript插件开发学习 自己制作的demo大家可以看下https://www.cnblogs.com/zimengxiyu/p/9814889.html 插件制作步骤： (一)构造函数 使用时new一下生成新的实例 （二）使用原型模式 可以让多个实例的使用一个方法 （三）用来与外部变量
阅读全文
摘要：用JavaScript实现页面滚动效果，以及用wow.js二种方式实现网页滚动效果 要实现效果是页面滚动到一块区域，该区域以动画方式出现。 这个效果需要二点： 一：我们要先写好一个css动画. 二：用js的监听页面滑动的距离在div刚出现时给div添加动画。 css动画 /*设置动画*/ @keyf
阅读全文
