JavaScript - 教程之家

256浏览

0评论

vue-cli history模式实现tomcat部署报404的解决方式

vue-cli开发过程中路由#不好看，去掉可使用history模式，开发模式路径访问都没问题，部署到服务器之后访问路径时报404，这种情况需要配置服务器默认访问路径index.html.官网只提供...

2020-05-27

63浏览

0评论

jQuery实现每日秒杀商品倒计时功能

html & js：<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" c...

2020-05-27

77浏览

0评论

详解webpack打包vue项目之后生成的dist文件该怎么启动运行

亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：
1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的s...

2020-05-27

92浏览

0评论

layui加载表格,绑定新增,编辑删除,查看按钮事件的例子

使用layui框架的时候，总会重复的写相关代码，感觉很是苦恼，所以进行分装，只需要关注业务方面即可如下图，提供新增，编辑，查看等功能js方法/** * 页面内弹出编辑窗口 //需要引入 layui...

2020-05-27

74浏览

0评论

微信小程序搜索框组件代码实例

这篇文章主要介绍了微信小程序搜索框组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下search.wxml...

2020-05-27

136浏览

0评论

基于Vue和Element-Ui搭建项目的方法

首先要求事先安装node和npm没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-v之间有个空格）和npm -v（同样有个空格）可查看当前的node和npm版本创建vue...

2020-05-27

133浏览

0评论

layui 表格操作列按钮动态显示的实现方法

1、根据表格数据动态显示操作列按钮<script type="text/html" id="barDemo">{{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-even...

2020-05-27

113浏览

0评论

nuxt框架中对vuex进行模块化设置的实现方法

1.Nuxt里怎么使用vuex?Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：
1.1> 引用 vue...

2020-05-27

154浏览

0评论

vue中input的v-model清空操作

问题来源写input组件的时候需求一个清空按钮，但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值，也会带来开发的问题。解决v-model 完成大部分数据双向...

2020-05-27

104浏览

0评论

Nuxt使用Vuex的方法示例

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。基础知识这里不再重...

2020-05-27

81浏览

0评论

nuxt踩坑之Vuex状态树的模块方式使用详解

初次看到这个模块方式，感觉很是新奇，之前的vuex状态树使用方法用的也有些腻了，就想来实践一发新的东西
废话不多说，直接进入正题Vuex状态树-模块方式官方文档解读
状态树还可以...

2020-05-27

106浏览

0评论

详解Nuxt.js中使用Element-UI填坑

Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。Element-UI则是一个机遇Vue2.0+开发的一套UI框架，...

2020-05-27

89浏览

0评论

vue按需加载实例详解

vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件用例：{path: '/promisedemo', name: 'PromiseDemo', component: resolve...

2020-05-27

145浏览

0评论

layer的prompt弹出框,点击回车,触发确定事件的方法

做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。layer.prompt({...

2020-05-27

122浏览

0评论

layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子

用layui表单自定义验证，ajax查询后台验证，form.verify和ajax组合时，尝试更改了几次方案，遇到的问题：1.有时点击两次submit才会提示验证结果；2.有时后台返回结果没问题，但不提示验证...

2020-05-27

91浏览

0评论

layui在form表单页面通过Validform加入简单验证的方法

form简单验证<input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input"> datatype="e"验证邮箱 i...

2020-05-27

89浏览

0评论

layui的表单验证支持ajax判断用户名是否重复的实例

如下所示：在一个表单中，在提交前我们想判断该用户名是否存在，在layui中不支持。onblur()失去焦点事件，用按钮来手动触发，表单又不太美观，可以使用form表单的verify来进行验证。htm...

2020-05-27

104浏览

0评论

解决layer.open后laydate失效的问题

如果你的open方式是1（html）的话这样是可以的，如果是2（iframe）方式打开，你把注入的代码写在打开的界面就可以了不用这样写，open的参数type是有区别的，所以请注意：今天在开发项目时候使...

2020-05-27

90浏览

0评论

使用layui日期控件laydate对开始和结束时间进行联动控制的方法

1.在页面先引入laydate.js文件2.html页面控件如下：<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" ty...

2020-05-27

73浏览

0评论

javascript写一个ajax自动拦截并下载数据代码实例

这篇文章主要介绍了javascript写一个ajax自动拦截并下载数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代...

2020-05-27

113浏览

0评论

通过vue写一个瀑布流插件代码实例

这篇文章主要介绍了通过vue写一个瀑布流插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如图所示：采用...

2020-05-27

134浏览

0评论

微信小程序页面滚动到指定位置代码实例

这篇文章主要介绍了微信小程序页面滚动到指定位置代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面上有一个...

2020-05-27

114浏览

0评论

vue的滚动条插件实现代码

这篇文章主要介绍了vue的滚动条插件实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如下代码如下<template...

2020-05-27

77浏览

0评论

javascript的惯性运动实现代码实例

移动端的惯性运动，最早来自 ios 的专利。用于手指滑动，离开屏幕之后，屏幕内容继续滚动。更有动态感。这里，以 pc 端，鼠标横向（沿x轴）拖拽的，惯性计算。移动端同理效果代码如下<!DOC...

2020-05-27

84浏览

0评论

vue 的 solt 子组件过滤过程解析

如下图：1、定义了一个类似下拉的组件 mySelect ，然后里面有自定义的组件 myOptions2、有很多时候，我们希望， mySelect 组件内部的子组件，只能是 myOptions 。不应该有 <div>666...

2020-05-27

86浏览

0评论

vue 使用高德地图vue-amap组件过程解析

这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下首先npm inst...

2020-05-27

68浏览

0评论

使用 js 简单的实现 bind、call 、aplly代码实例

这篇文章主要介绍了使用 js 简单的实现 bind、call 、aplly代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Fun...

2020-05-27

94浏览

0评论

javascript移动端电子书翻页效果实现代码

这篇文章主要介绍了javascript移动端电子书翻页效果实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果1、...

2020-05-27

109浏览

0评论

vue实现抖音时间转盘

本文实例为大家分享了vue实现抖音时间转盘的具体代码，供大家参考，具体内容如下做了一个抖音时间转盘，还挺简单的，可能我做的很粗糙用vue做的才160行代码。其实很简单只是大部...

抖音

2020-05-27

82浏览

0评论

Swiper.js实现移动端元素左右滑动

swiper.js也是一个很好用的移动端的js库。需要引入它的css文件和js文件。用法很简单，加入相应的类即可，看一下Demo，很容易看懂。我的例子如下：<!DOCTYPE html><html lang="en"><...

2020-05-27

84浏览

0评论

swiper4实现移动端导航切换

本文实例为大家分享了swiper4实现移动端导航切换的具体代码，供大家参考，具体内容如下首先导入<link rel="stylesheet" href="css/swiper.min.css" ><script src="js/jquery-1....

2020-05-27

66浏览

0评论

js实现移动端tab切换时下划线滑动效果

本篇会放置多种下划线滑动效果，一篇一篇增加，更新中1、当前 tab 出现下划线的同时，前一个下划线同时消失（出现方向与消失方向保持一致），伴随过渡效果。<!DOCTYPE html><html lang=...

2020-05-27

83浏览

0评论

swiper Scrollbar滚动条组件详解

本文实例为大家分享了swiper Scrollbar滚动条组件的具体代码，供大家参考，具体内容如下1、scrollbar为Swiper增加滚动条。类型：object。2、elscrollbar容器的css选择器或HTML元...

2020-05-27

116浏览

0评论

移动端手指操控左右滑动的菜单

本文实例为大家分享了移动端手指操控左右滑动菜单的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>移动...

2020-05-27

88浏览

0评论

微信小程序 select 下拉框组件功能

一、源码地址https://github.com/imxiaoer/WeChatMiniSelect二、效果图录屏图片质量较差，所以大家会看到残影（捂脸）三、组件源码1. select.wxml
<view class="select-box"> <vi...

2020-05-27

62浏览

0评论

javascript删除数组元素的七个方法示例

前言在JavaScript中，除了Object之外，Array类型（数组）恐怕就是最常用的类型了。与其他语言的数组相比，JavaScript中的Array非常灵活。这种灵活性有利有弊，好处是其富有创造性，可以提...

2020-05-27

83浏览

0评论

世界上最短的数字判断js代码

我们知道JavaScript提供了typeof运算符，因此最容易想到的是用typeof来判断是否是number类型function isNumber(obj) { return typeof obj === 'number'}这个函数对于整数和...

2020-05-27

113浏览

0评论

JavaScript中判断为整数的多种方式及保留两位小数的方法

一、使用取余运算符判断任何整数都会被1整除，即余数是0。利用这个规则来判断是否是整数。function isInteger(obj) { return obj%1 === 0}isInteger(3) // trueisInteger(3.3...

2020-05-27

92浏览

0评论

JS回调函数 callback的理解与使用案例分析

本文实例讲述了JS回调函数 callback的理解与使用。分享给大家供大家参考，具体如下：基本理解一个概念回调函数回头再调用函数，等主干事情干完了，再回头干分支上的事情。官方定义A...

2020-05-27

90浏览

0评论

微信小程序HTTP请求从0到1封装

前言
作为一个前端开发者，从最开始的js、jQuery一把梭，后来的vue、react、angular等MVVM、MVC框架，我们在开发工程中都离不开HTTP库的使用。
HTTP库
1、jQuery的$.ajax
调用了X...

2020-05-27

98浏览

0评论

一次微信小程序内地图的使用实战记录

前言今天在做新需求的时候发现个很尬的问题：我们项目的小程序是直接输入账号密码进行登录的，不是平常的获得用户授权登录的模式，所以当我使用wx.getLocation一直拉不下来授...

2020-05-27

108浏览

0评论

使用Easyui实现查询条件的后端传递并自动刷新表格的两种方法

搜索框如下：通过datagrid的load方法直接传递参数并自动刷新表格通过ajax的post函数传递参数并通过loadData方法将数据初始化到表格中js代码（搜索按钮的点击事件部分）：$("#st...

2020-05-27

88浏览

0评论

js之切换全屏和退出全屏实现代码实例

这篇文章主要介绍了js之切换全屏和退出全屏实现代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下应用场景:
比如...

2020-05-27

94浏览

0评论

微信小程序 checkbox使用实例解析

这篇文章主要介绍了微信小程序 checkbox使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:实例代...

2020-05-27

92浏览

0评论

layer关闭当前窗口页面以及确认取消按钮的方法

如下所示：function demo() { layer.confirm('您是如何看待前端开发？', { btn: ['重要','奇葩'] //按钮 }, function(){ var index = parent.layer.getFrameIndex(window.nam...

2020-05-27

98浏览

0评论

微信小程序 wx:for遍历循环使用实例解析

这篇文章主要介绍了微信小程序 wx:for遍历循环使用实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果图如下:...

2020-05-27

98浏览

0评论

layer.confirm点击第一个按钮关闭弹出框的方法

layer.confirm弹出框，当你点击第一个按钮的时候，这个弹出层不会关闭，也是给一些小伙伴带来了一些困扰，下面分享两个解决方案：①可以将第一个按钮的回调函数传一个index，然后使用la...

2020-05-27

82浏览

0评论

Node.js之删除文件夹(含递归删除)代码实例

应用场景:比如像Eclipse这样的IDE，右击项目，出现选项，点击选项中的删除，就可以删除这个项目及其下的子目录包含文件(使用electron开发的桌面端项目多少都会用到)。核心代码如下:...

2020-05-27

129浏览

0评论

layui插件表单验证提交触发提交的例子

废话不多说，大家直接看代码吧！ <form class="layui-form" action="{:url('login/login')}" method="post"> <div class="logi_content">...

2020-05-27

101浏览

0评论

layui的表单提交以及验证和修改弹框的实例

HTML <div class="layui-form"> <input type="text" class="txt" name="newName" lay-verify="newName" lay-verType="tips" placeholder="请输入姓名"> <input type="text...

2020-05-27

热门文章