javascript技巧

  • 使用JavaScript实现简单图像放大镜效果

    目录 项目基本结构 第 1 步:图像放大镜的基本结构 第 2 步:将图像添加到放大镜 第 3 步:CSS设计放大镜 第 4 步:使用 JavaScript 激活图像放大镜 完整源码下载 图像放大镜在很 ...

  • antd-mobile ListView长列表的数据更新遇到的坑

    遇到的问题 listView这个组件我真的是看文档看得脑壳疼.好不容易看文档写完长列表数据展示了.然后遇到一个需求,即用户有一个点赞操作,问题出现了,点赞完数据更新之后listView不刷新列表. 解 ...

  • 微信小程序实现吸顶特效

    本文实例为大家分享了微信小程序实现吸顶特效的具体代码,供大家参考,具体内容如下 效果图 wxml代码: <view class="xiding {{oneFixed}}" i ...

  • JavaScript实现电灯开关小案例

    今天学习了JavaScript的一些简单知识,感觉挺有意思,仅仅通过简简单单的几行代码就能模拟出生活中的一些应用场景,Interesting.比如我今天要写的这个模拟电灯开关的小案例. 首先对本案例进 ...

  • JavaScript实现下拉列表

    本文实例为大家分享了JavaScript实现下拉列表的具体代码,供大家参考,具体内容如下 这一次写了一个比较简单的下拉列表的实现,点击出现列表内容,再次点击列表消失,研究了很久,发现这种js写法确实比 ...

  • 原生JS实现特效留言框

    本文给大家分享一个用原生JS实现的特效留言框,效果如下: 实现代码如下,欢迎大家复制粘贴. <!DOCTYPE html> <html> <head> <me ...

  • 微信小程序开发(三):返回上一级页面并刷新操作示例【页面栈】

    本文实例讲述了微信小程序返回上一级页面并刷新操作.分享给大家供大家参考,具体如下: 在很多业务场景之下,需要返回上一级页面,并进行刷新,在微信小程序中的wx.navigateBack方法中,返回上一页 ...

  • JavaScript实现全选取消效果

    本文实例为大家分享了js实现全选取消效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <he ...

  • JS如何生成动态列表

    本文实例为大家分享了JS如何生成动态列表的具体代码,供大家参考,具体内容如下 思路: JS中写函数----HTML中利用表单元素获取用户输入的行和列的值,调用JS中的函数. 主要用到的知识有:JS就不 ...

  • javascript解锁前端密码框常见功能做法

    目录 前言 显示隐藏密码明文 1.用到的图片素材 2.代码 3.结果演示 密码框验证信息 1.用到的图片素材 2.代码 3.结果演示 结语 前言 学前端最基本的登录页面肯定要会写,那登录页面里面的密码 ...

  • JavaScript实现网页跨年倒计时

    JavaScript网页–跨年倒计时,供大家参考,具体内容如下 最近学弟在追一个学妹,我在帮学弟出谋划策. 学妹告诉学弟,我怕我们之间是因为这段时间接触多了你才喜欢我的.等跨年的时候,如果你还喜欢我, ...

  • javascript实现时钟动画

    本文实例为大家分享了javascript实现时钟动画的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head lang=" ...

  • 原生JavaScript实现换肤

    原生JavaScript实现换肤的具体代码,供大家参考,具体内容如下 原理 通过点击事件,获取点击的的图片的信息,在HTML背景图片的路径改变 css样式 <style> body{ ma ...

  • js实现列表自动滚动循环播放

    本文实例为大家分享了js实现列表自动滚动循环播放的具体代码,供大家参考,具体内容如下 1.实现效果图 鼠标移入,暂停滚动: 鼠标移出,继续滚动: 2.原理 要实现无缝衔接,在原有ul后面还要有一个一样 ...

  • javascript设计模式 – 观察者模式原理与用法实例分析

    本文实例讲述了javascript设计模式 – 观察者模式原理与用法.分享给大家供大家参考,具体如下: 介绍:前面我们针对系统内一对多,多对多的情况做了解决方案,是使用中介者模式,将所有关联关系交由中 ...

  • JS实现移动端可折叠导航菜单(现代都市风)

    效果图 1.html部分 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q ...

  • 用javascript实现倒计时效果

    用Javascript实现倒计时效果,供大家参考,具体内容如下 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 在某些商城网站中,我们常常可以看见其网站或者app上有一个区域放的 ...

  • JS实现超级好看的鼠标小尾巴特效

    看完这个保证你有手就行,制作各种好看的小尾巴! 全部代码如下,看注释可以轻易看懂 <!DOCTYPE html> <html lang="en"> < ...

  • 原生js实现的观察者和订阅者模式简单示例

    本文实例讲述了原生js实现的观察者和订阅者模式.分享给大家供大家参考,具体如下: 观察者模式也叫 发布者-订阅者模式,发布者发布事件,订阅者监听事件并做出反应 在传统的前端解耦方面,观察者模式作为比较 ...

  • JavaScript实现鼠标经过表格某行时此行变色

    本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码,供大家参考,具体内容如下 表格表头为蓝色,表主体为白色,当鼠标放到表的非表头行时,这一行颜色变为黄色,鼠标离开时黄色消失. <!DO ...