JavaScript - 教程之家

62浏览

0评论

javascript实现遮罩层动态效果实例

大家在网页上注册登录的时候，经常会看见弹出的遮罩层。我这里实现的效果是：点击按钮弹出遮罩层，遮罩层下的内容不可选，并且登录框随着鼠标滚轮的下滑，动态的浮动到页面某个位置，点...

2020-05-27

82浏览

0评论

JQuery获取元素尺寸、位置及页面滚动事件应用示例

本文实例讲述了JQuery获取元素尺寸、位置及页面滚动事件应用。分享给大家供大家参考，具体如下：获取元素尺寸<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...

2020-05-27

49浏览

0评论

详解如何探测小程序返回到webview页面

在公司项目中经常会遇到一个场景, 尝试过各种不同的方法, 最后想到了一种很技术上简单且可行的方法.经常被QA同学反应同一类型的问题
项目是小程序(wepy), 部分页面使用webv...

2020-05-27

67浏览

0评论

javascript中如何判断类型汇总

前言我们在写封装的插件或者函数时，常常用到JS的数据类型判断，典型的案例就是深度拷贝函数用到数据类型判断，这个知识点在面试的时候也是经常考到的一个问题。本文就来给大家总...

2020-05-27

61浏览

0评论

记录vue项目中遇到的一点小问题

1、鼠标悬浮显示不同的背景图片，代码如下：效果如图，页面初始效果：鼠标悬浮后效果：2、for 循环发送axios遇到的问题问题背景：在声动语商项目中，需求更改后，出现一个：教师发布课程的时...

2020-05-27

41浏览

0评论

jquery 验证用户名是否重复代码实例

本文实例为大家分享了jquery验证用户名是否重复的具体代码，供大家参考，具体内容如下
$("#form-admin-add").validate({ rules:{ userName:{ required:true, minlengt...

2020-05-27

65浏览

0评论

JavaScript中this的全面解析及常见实例

前言
this 关键字在 Javascript 中非常常见,但是很多开发者很难说清它到底指向什么。大部分人会从字面意思上去理解 this,认为 this 指向函数自身,实际上this 是在运行时进...

2020-05-27

59浏览

0评论

JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单示例

本文实例讲述了JQuery获取可视区尺寸和文档尺寸及制作悬浮菜单。分享给大家供大家参考，具体如下：获取可视区尺寸和文档尺寸<!DOCTYPE html><html lang="en"><head> <meta cha...

2020-05-27

109浏览

0评论

vue项目中引入vue-datepicker插件的详解

项目需求中有一个日期选择限制的功能点：今天之前不可选，周末不可选。传统的input type='date无法做到，所以使用了这个插件来实现功能。1.引入vue-datepicker loader：npm install...

2020-05-27

100浏览

0评论

详解可以用在VS Code中的正则表达式小技巧

你是不是一直都想学正则表达式，但是因为它的复杂性而被推迟了？在本文中，我将向你展示五个易于学习的正则技巧，你可以立即在自己喜欢的文本编辑器中使用它们。文本编辑器设置虽然...

2020-05-27

46浏览

0评论

ios中视频的最后一桢问题解决

问题描述
在ios系统下的safari、wechat、以及其他浏览器，在播放部分m3u8的时候，最后一桢的画面会被系统移出，也就是视觉效果在视频播放结束的时候会黑屏，并不是全部的视频都会这...

2020-05-27

65浏览

0评论

js中arguments对象的深入理解

前言在JavaScript中，arguments属于当前对象的一个内置属性，arguments非常类似于Array对象，但是又不是实例的Array。本文主要给大家介绍了关于js中arguments对象的相关内容，下面...

2020-05-27

113浏览

0评论

微信小程序实现多选框全选与取消全选功能示例

本文实例讲述了微信小程序实现多选框全选与取消全选功能。分享给大家供大家参考，具体如下：js部分：page({data: { select_all:false,listData: [{code: "111",text: "text1",typ...

2020-05-27

65浏览

0评论

JavaScript如何实现元素全排列实例代码

排列 (Permutation / Arrangement)
概念
n 个不同元素中任意选取 m (m <= n) 个元素进行排列，所有排列情况的个数叫做排列数，其值等于：A = n! / (n - m)!! 表示数学中的阶乘运...

2020-05-27

48浏览

0评论

基于JS实现前端压缩上传图片的实例代码

具体代码如下所示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>前端压缩上传图片</title> <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.m...

2020-05-27

71浏览

0评论

详解jenkins自动化部署vue

一、nodejs配置首先加入nodejs插件
–>–> 在配置里面配置这个插件
–>
这样我们就能在自动构建发布的配置里看到nodejs的编译选项了
二、发布配置首先新建一个自由风格...

2020-05-27

47浏览

0评论

微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解

本文实例讲述了微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能。分享给大家供大家参考，具体如下：微信小程序开发中选项卡.在android中选项卡一般用fragment,到...

2020-05-27

103浏览

0评论

微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例

本文实例讲述了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能。分享给大家供大家参考，具体如下：顶部滚动选项卡话不多说，直接上代码pages/home/home.wxml<scroll-vi...

2020-05-27

69浏览

0评论

vue+elementUI实现表单和图片上传及验证功能示例

本文实例讲述了vue+elementUI实现表单和图片上传及验证功能。分享给大家供大家参考，具体如下：最终实现需求如下图：form表单内容与重点人员图片同时上传且图片为必填项分析弹框...

2020-05-27

46浏览

0评论

fastadmin中调用js的方法

想要了解fastadmin中的js是怎么调用的，就应该先了解RequireJs。RequireJs是模块化工具，每一个我们自己的js文件或者库都可以看成是一个模块，按需引入。写法如下：<script data-ma...

2020-05-27

54浏览

0评论

JavaScript实现图片的放大缩小及拖拽功能示例

本文实例讲述了JavaScript实现图片的放大缩小及拖拽功能。分享给大家供大家参考，具体如下：实现效果如下：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...

2020-05-27

32浏览

0评论

JavaScript实现多张图片放大镜效果示例【不限定图片尺寸，rem单位】

本文实例讲述了JavaScript实现多张图片放大镜效果。分享给大家供大家参考，具体如下：效果如下：可以展示图片列表的放大镜效果，图片尺寸没有要求会自动调整至水平垂直居中效果代码...

2020-05-27

55浏览

0评论

使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题

在终端中运行以下命令:vue create xxx // xxx为项目名称，例如 vue-project然后，系统会提示我们选择默认预设或手动选择功能。使用向下箭头键，我们手动选择功能，然后按Enter键...

2020-05-27

83浏览

0评论

vue如何获取自定义元素属性参数值的方法

偶尔还是会陷入到DOM操作上面去，其实你应该关心的是数据传递，而不是操作DOM。如果你是想获取data-num的数据，可以这样写：<span @click="getData($event,'21')">55</span>getData...

2020-05-27

49浏览

0评论

NodeJS读取分析Nginx错误日志的方法

网上很少看到有用NodeJS运维系列文章,后续我会更新一些NodeJS运维相关的内容又或者说让我们更加的深入了解一些服务器的知识以及自动化运维方面的基础知识为什么要做错误日...

2020-05-27

98浏览

0评论

解决 viewer.js 动态更新图片导致无法预览的问题

前台页面要求图片的查看，是在表格中点击查看才弹出图片，网上发现用Viewer插件的挺多，就选用的这款插件，但是Viewer插件会产生缩略图，这里取巧了，将缩略图统一替换成了一个带有查看...

2020-05-27

99浏览

0评论

js纯前端实现腾讯cos文件上传功能的示例代码

前言
在前端开发中文件上传是经常会遇到的，并且多数情况会使用第三方平台来存储文件，腾讯云cos是我们常用的。本篇文章就是带我从前端的角度实现腾讯云COS存储。本文参考了腾...

2020-05-27

81浏览

0评论

jquery实现二级导航下拉菜单效果实例

大家都知道jQuery是一个框架，它对JS进行了封装，使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的，那么这篇就用jQuery来实现二级下拉式菜单。
使用JQuery实现需要用到的...

2020-05-27

60浏览

0评论

jquery+css实现Tab栏切换的代码实例

前几天面试碰到现场给写一个Tab栏切换的功能，思想基本上懂，但是好久没写过，一时要全部实现效果还真有点难。回来后，再把思路理一理，写一个，基础还是很重要的。最终要实现的效果图...

2020-05-27

59浏览

0评论

微信小程序下拉菜单效果的实例代码

//wcss/**DropDownMenu**/ /*总菜单容器*/ .menu { display: block; height: 28px; position: relative;} /*一级菜单*/ .menu dt { font-size: 15px; float: left; /*hack...

2020-05-27

91浏览

0评论

详解VSCode配置启动Vue项目

下载安装并配置VSCode随便百度上搜个最新的VSCode安装好后，点击Ctrl + Shit + X打开插件扩展窗口进行插件扩展，这里要安装两个插件。1、vetur插件的安装该插件是vue文件基本语...

2020-05-27

48浏览

0评论

微信小程序导航栏跟随滑动效果的实现代码

效果图.wxml<view class='tabBar'><view class='tabItem wx:if="{{tabClick===0?"click":""}}"' bindtap='clickTab' data-index='0'>tab1</view><view class='tabIte...

2020-05-27

94浏览

0评论

基于vue实现一个神奇的动态按钮效果

今天我们将利用vue的条件指令来完成一个简易的动态变色功能按钮首先我们还是要对vue进行配置,在上篇随笔中有相关下载教学.然后我们要在html页面上搭建三个简易的按钮,颜色...

2020-05-27

72浏览

0评论

微信小程序实现授权登录

前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触发。官方连接：点击打开链接1.实现思路自己写一个微信授权登...

2020-05-27

66浏览

0评论

JS正则表达式封装与使用操作示例

本文实例讲述了JS正则表达式封装与使用操作。分享给大家供大家参考，具体如下：对一些简单的输入进行正则判断的整理，待优化<!DOCTYPE html><html><head lang="en"> <meta chars...

2020-05-27

101浏览

0评论

vue组件间通信六种方式（总结篇）

前言组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系：如上图所示，A 和 B、B 和 C...

2020-05-27

37浏览

0评论

JavaScript页面倒计时功能完整示例

本文实例讲述了JavaScript页面倒计时功能。分享给大家供大家参考，具体如下：效果图：源码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.freexyz.cn...

2020-05-27

54浏览

0评论

浅谈 Webpack 如何处理图片(开发、打包、优化)

从 webpack book 的 Loading Assets 一章中延申出来。改善前端项目体验中，很重要的点就是静态资源的优化。它是由于浏览器客户端在同一时间针对同一域名的请求有一定资源限...

2020-05-27

49浏览

0评论

基于vue如何发布一个npm包的方法步骤

前言：工作的时候总是使用别人的npm包，然而我有时心底会好奇自己如何发布一个npm包呢，什么时候自己的包能够被很多人喜欢并使用呢...今天我终于迈出了第一步。前提：会使用 npm，有...

2020-05-27

75浏览

0评论

详解小程序用户登录状态检查与更新实例

这篇文章主要解决以下问题：用户每次登录小程序（包括第一次使用）及点击小程序的每个页面的时候，我们如何判断他当前的登录状态是否过期?如果过期，如何重新获取用户信息并发送...

2020-05-27

33浏览

0评论

javascript+HTML5 canvas绘制时钟功能示例

本文实例讲述了javascript+HTML5 canvas绘制时钟功能。分享给大家供大家参考，具体如下：效果如下：代码：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>w...

2020-05-27

72浏览

0评论

小程序：授权、登录、session_key、unionId的详解

微信应用的一个很大的优势就在于使用过程中是不需要进行注册和显式登录的，大部分问题基本上可以一键解决。但是在授权、登录和获取用户信息的过程中都发生了哪些事情，今天我们...

2020-05-27

38浏览

0评论

详解微信UnionID作用

摘要微信想用UnionID连接一起1、通过这个接口得到用户信息https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN2、Json...

2020-05-27

51浏览

0评论

JavaScript+HTML5 canvas实现放大镜效果完整示例

本文实例讲述了JavaScript+HTML5 canvas实现放大镜效果。分享给大家供大家参考，具体如下：效果：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>www.j...

2020-05-27

92浏览

0评论

vue两组件间值传递 $router.push实现方法

两组件间传值，可能包含多种情况，有父子组件和非父子组件，对于父子组件网上有很详细的方法讲解，但非父子组件传值有用bus总线，还有一些其他方法，其中的使用路由跳转的方法讲解太过...

2020-05-27

51浏览

0评论

少女风vue组件库的制作全过程

预览
组件库官网github地址如果喜欢各位小哥哥小姐姐给个小星星鼓励一下哈，请勿在生产环境中使用，供学习&交流~~完整项目目录结构
git clone到本地安装依赖后，执行npm run ser...

2020-05-27

38浏览

0评论

微信小程序的tab选项卡的实现效果

效果图，既可以点击切换，又可以滑动切换.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}"...

2020-05-27

50浏览

0评论

mpvue小程序循环动画开启暂停的实现方法

用小程序的 animation 属性实现循环动画的开启与暂停，并封装到组件。实现一个字体图标组件的循环旋转动画开启/暂停
用于点击图标，字体颜色变换，开始循环旋转动画，并刷新内容...

2020-05-27

65浏览

0评论

前端js中的事件循环eventloop机制详解

前言我们知道 js 是单线程执行的，那么异步的代码 js 是怎么处理的呢？例如下面的代码是如何进行输出的：console.log(1);setTimeout(function() { console.log(2);}, 0);new Prom...

2020-05-27

41浏览

0评论

JQuery属性操作与循环用法示例

本文实例讲述了JQuery属性操作与循环用法。分享给大家供大家参考，具体如下：取出或者设置html内容var $htm= $("#div").html 取出
$("#div").html("<span>文字</span>") 设置...

2020-05-27

热门文章