javascript技巧
-
JS操作JSON详细总结
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval_r()函数. 2. 使用Function对象来进行返回解析. 在数据传输流程中,json是以文本,即字符串的 ...
-
JavaScript实现页面跳转的方式汇总
在动手做网站时,不可避免的会碰到页面跳转的问题,新页面是在当前页面打开呢?还是在新窗口打开呢?是不是需要依据参数进行跳转呢或者要经过用户确认后再跳转呢?等等很多种情况,下面我们来看下常用的一些JS实现 ...
-
如何使用require.context实现优雅的预加载
目录 前言 丑陋的预加载 单张预加载 多张预加载 优雅的预加载 require.context 前言 在前端开发中,对页面花里胡哨度[注1]要求越高的页面,用到的图片.音频什么的就越多,比如什么结婚请 ...
-
利用js+canvas实现扫雷游戏
本文实例为大家分享了用js+canvas实现扫雷游戏的具体代码,供大家参考,具体内容如下 记录js学习后制作的第一关小游戏. 这里的代码还不够精简,许多地方偷懒没有封装,逻辑也有许多可以优化. < ...
-
在React中如何优雅的处理事件响应详解
前言 本文主要给大家介绍的是关于React处理事件响应的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍吧. React中定义一个组件,可以通过React.createClass或者ES6的 ...
-
vant uploader实现上传图片拖拽功能(设为封面)
效果图如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
-
js和jq使用submit方法无法提交表单的快速解决方法
昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着 ...
-
js如何使用Pagination+PageHelper实现分页
目录 一.分页的原理: 1.1 分页的原理 1.2 真假分页 二.后端-PageHelper的使用: 三.前端-Pagination的使用: 四.分页中的细节: 一.分页的原理: 1.1 分页的原理 ...
-
ECharts多图表联动功能的实现过程
当需要展示的数据比较多时,放在一个图表进行展示的效果并不佳,此时,可以考虑使用两个图表进行联动展示. ECharts提供了多图表联动(connect)的功能,连接的多个图表可以共享组件事件并实现保存图 ...
-
Bootstrap导航菜单点击后无法自动添加active的处理方法
Bootstrap提供了很丰富的前后端框架,为不精通CSS的程序猿们提供了很大的便利.前段时间在使用Bootstrap中的菜单控件时,其中的链接点击后,无法自动添加active类,即无法自动激活.需要 ...
-
Javascript数组常用方法你都知道吗
我用这些方法主要从五个方面去学习. 1.方法是干什么的. 2.谁能用 (当然是数组啦). 3.有没有返回值,返回值是什么. 4.修不修改原来的对象. 5.如何使用. 接下来就是干货了. 1.push ...
-
基于electron的音视频播放器
目录 前言 选择做一个音视频播放器桌面应用程序原因 技术的选型 已经实现了的功能 音视频播放实现 右键菜单实现 总结 效果图 前言 我是一个前端工程师,前一段时间想着搞一个属于自己的作品,所以就突发奇 ...
-
通过babel操作AST精准插入配置代码全流程
目录 babel修改js配置文件实现原理 操作AST三大阶段 解析(parser) 转换(traverse) 生成(generator) babel修改js配置文件实现原理 像那些js配置文件,里面可 ...
-
Lombok实现方式JSR-269
前言 简介 Lombok是一款好用顺手的工具,就像Google Guava一样,在此予以强烈推荐,每一个Java工程师都应该使用它.Lombok是一种Java™实用工具,可用来帮助开发人员消除Java ...
-
React实现轮播效果
本文实例为大家分享了React实现轮播,供大家参考,具体内容如下 思路 1.使用全局的state进行状态管理 2.设置全局下标,对当前的图片下表进行样式划分 3.定时循环人物便利改变全局下标 < ...
-
js获取指定时间的前几秒
最近项目上有一个需求是:根据一张图片的拍摄时间获取到这个时间前二后三的一个五秒钟的视频信息,通过查找相关资料写了一个方法拿来记录分享一下. //指定时间减2秒 function reduceTwoS( ...
-
微信小程序实现摇筛子效果
本文实例为大家分享了微信小程序实现摇筛子效果的具体代码,供大家参考,具体内容如下 1.效果图: 2.HTML代码: <!--pages/game/game.wxml--> <view ...
-
Array.filter中如何正确使用Async
Array.filter中如何正确使用Async
-
JS中filter( )数组过滤器的使用
目录 一.前言 二.方法简介 三.用法案例 总结 一.前言 数组过滤器是前端数据处理的一种常用方法,对于前端来说,后端返回的数据我们需要经过处理以后才能获取到自己想要的数据,进行进一步的操作.有时候后 ...
-
关于前端文件下载各类方式大汇总
目录 总结:下载文件的方式 1.a 标签配置 download 属性 2.window.location.href/window.open() 3.<a> 标签 + Blob方式 4.使用 ...