JavaScript - 教程之家

54浏览

0评论

教你3分钟利用原生js实现有进度监听的文件上传预览组件

前言本文主要介绍如何使用原生js，通过面向对象的方式实现一个文件上传预览的组件，该组件利用FileReader来实现文件在前端的解析，预览，读取进度等功能，并对外暴露相应api来实现用...

2020-05-27

48浏览

0评论

详解基于 Node.js 的轻量级云函数功能实现

导语在万物皆可云的时代，你的应用甚至不需要服务器。云函数功能在各大云服务中均有提供，那么，如何用“无所不能”的 node.js 实现呢？一、什么是云函数？云函数是诞生于云服务的一...

2020-05-27

65浏览

0评论

Vue中util的工具函数实例详解

Vue中util的工具函数，下面通过实例代码给大家介绍的非常详细，具体代码如下所示：// 防抖函数function debounce (fn, wait) {let treturn () => {let context = thislet args =...

2020-05-27

47浏览

0评论

利用不到200行代码写一款属于你自己的js类库

前言
JavaScript 的核心是支持面向对象的，同时它也提供了强大灵活的 OOP 语言能力。本文将使用面向对象的方式，来教大家用原生js写出一个类似jQuery这样的类库。我们将会学到...

2020-05-27

55浏览

0评论

ElementUI Tag组件实现多标签生成的方法示例

现在好多应用场景里会有一些需要给文章打标签等类似的操作，之前jquery用户是使用taginput来实现，使用VUE以后elementui有一个组件非常简单就是tag组件。<el-tag :key="tag" v-...

2020-05-27

42浏览

0评论

ES6 Class中实现私有属性的一些方法总结

私有属性
私有属性是面向对象编程（OOP）中非常常见的一个特性，一般满足以下的特点：能被class内部的不同方法访问，但不能在类外部被访问；子类不能继承父类的私有属性。备胎Class...

2020-05-27

51浏览

0评论

JavaScript实现五子棋游戏的方法详解

本文实例讲述了JavaScript实现五子棋游戏的方法。分享给大家供大家参考，具体如下：最近半个月一直在看深入的学习JavaScript，里面有很多重点和难点，比如闭包、词法分析、面向对象...

2020-05-27

38浏览

0评论

JavaScript中Dom操作实例详解

本文实例讲述了JavaScript中Dom操作。分享给大家供大家参考，具体如下：博主将按照增删改查的方式来介绍一下Dom的主要操作。1、增加节点添加节点的操作主要分为3步：（1）创建要添加...

2020-05-27

49浏览

0评论

Vue实现拖放排序功能的实例代码

Vue中实现拖放排序，啥也不说，贴上代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title></head><style>ul {min-height: 100px;width: 200px...

2020-05-27

38浏览

0评论

JavaScript定时器设置、使用与倒计时案例详解

本文实例讲述了JavaScript定时器设置、使用与倒计时案例。分享给大家供大家参考，具体如下：1、设置定时器定时器，适用于定时执行的任务中。在BOM的window对象中，有这样的两个函数...

2020-05-27

36浏览

0评论

vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序

vue拖拽克隆clone组件API， vue.draggable实现盒子之间相互拖拽排序克隆（网上资源整理的文档）效果图：-----------------------------------------------------------------------...

2020-05-27

75浏览

0评论

JavaScript实现的联动菜单特效示例

本文实例讲述了JavaScript实现的联动菜单特效。分享给大家供大家参考，具体如下：博主昨天发布了一篇关于JavaScript特效的文章，今天呢给大家带来联动菜单特效，这可能是一个系列哦...

2020-05-27

69浏览

0评论

JavaScript实现的开关灯泡点击切换特效示例

本文实例讲述了JavaScript实现的开关灯泡点击切换特效。分享给大家供大家参考，具体如下：准备首先要准备两张图片，一张是灯泡亮的图片，取名为on.jpg，另一张是灭的图片，取名为off.jp...

2020-05-27

43浏览

0评论

微信小程序如何访问公众号文章

前言随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。...

2020-05-27

63浏览

0评论

微信小程序实现类似微信点击语音播放效果

本文实例为大家分享了微信小程序类似平常微信语音聊天的效果，不会互相干扰播放状态，供大家参考，具体内容如下根据开发的需求，先理清一下思路，点击语音播放与暂停/停止，切换下一个...

2020-05-27

111浏览

0评论

vue中datepicker的使用教程实例代码详解

写这个文章主要是记录下用法，官网已经说的很详细了
npm install vue-datepicker --savehtml代码
<myDatepicker :date="startTime" :option="multiOption" :limit="limit"></...

2020-05-27

35浏览

0评论

js图片无缝滚动插件使用详解

本文实例为大家分享了js图片无缝滚动插件的具体代码，供大家参考，具体内容如下cssul { list-style: none; margin: 0; padding: 0; }.slide-img-ul { white-space: nowrap;}.sl...

2020-05-27

48浏览

0评论

JavaScript中var的重要性实例分析

本文实例讲述了JavaScript中var的重要性。分享给大家供大家参考，具体如下：在JS中申明变量是使用var来进行申明，但是有的时候我们没有使用var也可以。这是为什么呢？我来给大家细...

2020-05-27

70浏览

0评论

详解vue 2.6 中 slot 的新用法

最近发布不久的Vue 2.6，使用插槽的语法变得更加简洁。对插槽的这种改变让我对发现插槽的潜在功能感兴趣，以便为我们基于Vue的项目提供可重用性，新功能和更清晰的可读性。真正...

2020-05-27

45浏览

0评论

vue 组件中使用 transition 和 transition-group实现过渡动画

前言记一次vue 组件中使用 transition 和 transition-group 设置过渡动画,总结来说可分为分为 name 版, js 钩子操作类名版, js 钩子操作行内样式版...template模板结构//...

2020-05-27

55浏览

0评论

jquery多级树形下拉菜单的实例代码

效果图：使用方法（1）引入 jQuery 包，下载地址
（2）引入 zTree 包，下载地址
（3）引入 tree-select.js
（4）$("#id").treeSelect(data);<!DOCTYPE html><html lang="en"><head><meta charset=...

2020-05-27

69浏览

0评论

JavaScript中BOM对象原理与用法分析

本文实例讲述了JavaScript中BOM对象原理与用法。分享给大家供大家参考，具体如下：百度百科BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次...

2020-05-27

66浏览

0评论

JavaScript遍历数组和对象的元素简单操作示例

本文实例讲述了JavaScript遍历数组和对象的元素。分享给大家供大家参考，具体如下：博主最近一直在学习JavaScript，今天给大家分享如何遍历JavaScript中的数组和对象的元素，这篇文...

2020-05-27

66浏览

0评论

JavaScript常用内置对象用法分析

本文实例讲述了JavaScript常用内置对象用法。分享给大家供大家参考，具体如下：博主最近半个月没有更新博客，主要是每天都在学车中，学车的过程虽然挺折腾的，但是人吗总得学会适应，在...

2020-05-27

53浏览

0评论

bootstrap datepicker的基本使用教程

首先引入相应css和js：<link rel="stylesheet" th:href="@{/assets/css/datepicker.css}" rel="external nofollow" /><script th:src="@{/assets/js/date-time/bootstrap-dat...

2020-05-27

45浏览

0评论

bootstrap 日期控件 datepicker被弹出框dialog覆盖的解决办法

筒子们在使用bootstrap的日期控件（datepicker ，现在官网提供的名称叫 datetimepicker）时可能会遇到如上图的问题这是啥原因造成的呢？答案很简单时输出的优先级造成的（z-index）z-i...

2020-05-27

67浏览

0评论

DatePickerDialog 自定义样式及使用全解

1.增加Theme主题new DatePickerDialog(this, AlertDialog.THEME_HOLO_LIGHT,null).show();效果：
4.0以上的版本才可使用此Theme，注意对版本的判断。若低版本的则主题设置为...

2020-05-27

43浏览

0评论

js实现无缝滚动双图切换效果

本文记录的是在html中写两个img实现多张图片的无缝滚动，供大家参考，具体内容如下
html结构如下：<div class="wrap"> <ul class="list"> <li> <img src="img/img0.png"> </...

2020-05-27

40浏览

0评论

七行JSON代码把你的网站变成移动应用过程详解

如果我告诉你，只需要下述 7 行橙色的 JSON 代码就可以将一个网站变成移动应用，你相信吗？完全不需要使用某种框架 API 重写网站，就可以获得与移动应用相同的行为。如果你已经有...

2020-05-27

80浏览

0评论

微信小程序文章详情页跳转案例详解

前面写了一篇小程序访问公众号文章
里面所有的文章列表里面都是跳转了同一篇文章链接，那么，如果所有的列表跳转详情页的时候，跳转对应id所在的文章又该怎么写？index.html<view c...

2020-05-27

59浏览

0评论

Vue 实现前端权限控制的示例代码

登录&&权限流程图前言首先我们确定的权限控制分为三大部分，其中根据粒度大小分的更细：登录权限控制页面权限控制菜单中的页面是否可以被访问页面中的按钮 (增、...

2020-05-27

79浏览

0评论

Webpack 4如何动态切割JS注入文件名详解

前言
昨天重新把我们公司的引流页做了二重封装，遇到一个问题。
webpack 切割的时候如何加个可以跟随文件名变化的前缀。效果图解决路径 GG大法+ webpack官方文档官方文档还...

2020-05-27

48浏览

0评论

关于微信小程序map组件z-index的层级问题分析

前言说起微信小程序的map组件，可以说是良心之作了，一个组件解决了所以接入地图的所有麻烦，但是在实际小程序的试用过程中还是存在点问题的。
如下情景：
刚开始接入map组件的时候...

2020-05-27

41浏览

0评论

javascript实现图片轮播代码

javascript图片轮播代码，供大家参考，具体内容如下因为自己是新手自学不久，所以代码有很多不规范的地方，请原谅。html部分代码：<div id="head"> <button id="prev" onmousedown="p...

2020-05-27

82浏览

0评论

微信小程序wx.request拦截器使用详解

一.
请求后台的时候，服务端对每一个请求都会验证权限，而前端也需要对服务器返回的特殊状态码统一处理，所以可以针对业务封装请求。
首先我们通过request拦截器在每个请求头里面...

2020-05-27

58浏览

0评论

如何自定义微信小程序tabbar上边框的颜色

我们知道tabbar上边框的颜色是通过 tabBar 的 borderStyle 属性设置的，只支持两个值 black / white，参见文档 tabBar示例，红色解决办法
其实很简单，自己画一条线定位在页面最底...

2020-05-27

80浏览

0评论

Vue事件修饰符native、self示例详解

事出有因
之前面试被问到的native和self相关问题，self我觉得自己应该能回答出来，可能被之前一小时的问题整懵逼了。尴尬~~
自己研究了一下，不足之处望补充，相互进步native
修饰...

2020-05-27

52浏览

0评论

微信小程序在ios下Echarts图表不能滑动的问题解决

问题现象
这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。...

2020-05-27

42浏览

0评论

Vue编程式跳转的实例代码详解

编程式跳转的实现代码，如下所示：<template> <ul class = "prolist">   <!-- 声明式跳转 :to = "{ name: 'detail',params...

2020-05-27

60浏览

0评论

vue-router二级导航切换路由及高亮显示的实现方法

这里以网易云音乐作为示例，效果图：我们先一层一层写导航
先设计第一层
1.设计导航页面样式
第一个导航页面为DiscoverDiscover.vue：<template> <div> 发现 </div></tem...

2020-05-27

46浏览

0评论

js Array.slice的8种不同用法示例

前言JS数组slice方法是JS语言中最强大、最常用的内建函数之一。随着React和其他面向功能的JavaScript实践的兴起，它变得越来越重要，原因有两个: 函数式编程，尤其是高阶函数，与...

2020-05-27

46浏览

0评论

JS将时间秒转换成天小时分钟秒的字符串

项目中需求是这样，接口返回的数据中时间单位为秒，但前端显示的时候需要更人性化的带有单位（天，小时，分钟，秒）的字符串；转换函数如下：/** * 格式化秒 * @param int value 总秒数 * @r...

2020-05-27

46浏览

0评论

JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式

最近在做项目的时候，需要把后台返回的时间转换成几秒前、几分钟前、几小时前、几天前等的格式；后台返回的时间格式为：2015-07-30 09:36:10，需要根据当前的时间与返回的时间进行...

2020-05-27

59浏览

0评论

JS根据Unix时间戳显示发布时间是多久前【项目实测】

后台接口给的时间数据为Unix时间戳，我们的需求是显示类似微信朋友圈显示发布时间为距离当前时间多久之前，“xx分钟之前”，“xx小时之前”，“xx个月之前”。类似这样的时间显示效...

2020-05-27

78浏览

0评论

JavaScript前端页面搜索功能案例【基于jQuery】

本文实例讲述了JavaScript前端页面搜索功能。分享给大家供大家参考，具体如下：今天给大家分享一篇关于前端页面搜索的案例，有了这个案例，在表格数据中可以进行快速查找，比在浏览器...

2020-05-27

46浏览

0评论

JavaScript实现的滚动公告特效【基于jQuery】

本文实例讲述了JavaScript实现的滚动公告。分享给大家供大家参考，具体如下：今天给大家分享一篇滚动公告的特效。效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27

46浏览

0评论

JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】

本文实例讲述了JavaScript实现的弹出遮罩层特效。分享给大家供大家参考，具体如下：这篇给大家分享一个简单的遮罩层特效，先上效果图。代码：<!DOCTYPE html><html lang="en"><head...

2020-05-27

89浏览

0评论

微信小程序把百度地图坐标转换成腾讯地图坐标过程详解

百度地图的经纬度放到腾讯地图里面解析地址，导致位置信息显示不正确，所以利用腾讯地图提供的API进行转换。
如果没有开发密钥（key），就到腾讯地图官方文档进行申请和下载qqmap-wx-...

2020-05-27

83浏览

0评论

Laravel admin实现消息提醒、播放音频功能

应用情景，有新的订单生成，后台进行消息提醒并播放音频（这里用到轮询简单实现）：下面附代码1.找到laravel-admin 中的 index.blade.php 文件进行编辑{{-- 音频通知 --}}<audio styl...

2020-05-27

48浏览

0评论

vue登录页面cookie的使用及页面跳转代码

1、大概流程 a、登录：前端使用validate对输入信息进行验证验证成功则成功跳转到用户信息页并存储cookie值 b、首页跳转用户信息页：判断cookie值cookie存在并不为空则跳转用户...

2020-05-27

热门文章