JavaScript - 教程之家

50浏览

0评论

微信小程序表单验证form提交错误提示效果

本文实例为大家分享了微信小程序表单验证提交错误提示的具体代码，供大家参考，具体内容如下
表单验证，点击确认发布不能为空错误提示。以下是效果图：代码如下：WXML:<view class="a...

2020-05-27

60浏览

0评论

微信小程序定位当前城市的方法

微信小程序定位获取当前所在城市，供大家参考，具体内容如下1、利用微信小程序接口 wx.getLocation() 获取当前经纬度，接口。2、拿到经纬度之后，通过微信的wx.request()请求百度地...

2020-05-27

57浏览

0评论

js调用设备摄像头的方法

本文实例为大家分享了js调用设备摄像头的具体代码，供大家参考，具体内容如下使用getUserMedia这个API来获取摄像头的权限
兼容chrome和火狐，IOS不兼容
下面是源码：
<!DOCTYPE h...

2020-05-27

64浏览

0评论

微信小程序项目实践之九宫格实现及item跳转功能

效果图：实现效果图红色线包含部分的九宫格效果，并附带item点击时间。具体实现： 1、首先添加图片资源文件　在项目根目录新建一个目录，取名为images , 用于存放图片资源，然后...

2020-05-27

50浏览

0评论

jQuery实现表单动态添加数据并提交的方法

本文实例讲述了jQuery实现表单动态添加数据并提交的方法。分享给大家供大家参考，具体如下：情景1：已经存在form对象了，动态为form增加对象并提交function formAppendSubmit(){ v...

2020-05-27

57浏览

0评论

搭建vue开发环境

搭建vue的开发环境：1、必须要安装nodejs2、搭建vue的开发环境，安装vue的脚手架工具官方命令行工具npm install --global vue-cli / cnpm install --global vue-cli （此命令...

2020-05-27

52浏览

0评论

Angularjs实现页面模板清除的方法

前几天项目在上线过程中，出现了一些新问题。页面在切换时由于前一个页面的模板清理不及时，会造成页面的重叠。导致这个问题的原因是：页面模板缓存，即上一个页面退出时，浏览器没有...

2020-05-27

58浏览

0评论

vue 中的keep-alive实例代码

Vue 实现组件信息的缓存当我们在开发vue的项目过程中，避免不了在路由切换到其他的component再返回后该组件数据会重新加载，处理这种情况我们就需要用到keep-alive来缓存vue的...

2020-05-27

54浏览

0评论

Vue中的异步组件函数实现代码

具体代码如下所示：export default new Router({ routes: [ { path: '/live', name: 'live', component: () => import('@/view/live/live.vue') } ]})上面的代码是很...

2020-05-27

55浏览

0评论

webpack+vue-cil中proxyTable处理跨域的方法

跨域了解同源政策：所谓"同源"指的是"三个相同"。协议相同域名相同端口相同解决跨域
1.jsonp 缺点：只能get请求，需要修改B网站的代码
2.cors 这个方案缺点是 ie6 7 兼容...

2020-05-27

43浏览

0评论

基于Vue+element-ui 的Table二次封装的实现

本人第一次写这个写的不好还望指出来作为一个由于公司产品的升级然促使我从一个后端人员自学变成前端的开发人员！公司做的数据管理系统所以离不开表格了然后表格样式统一...

2020-05-27

58浏览

0评论

详解处理bootstrap4不支持远程静态框问题

起步我就是喜欢用新的，况且 bs4 出来也很久了，用了一段时间后发现它并不支持远程静态框了，查了一下这部分已经被移除了。所以，以前的 <a data-toggle="modal" href="remote.htm...

2020-05-27

41浏览

0评论

JS+H5 Canvas实现时钟效果

用JavaScript+Canvas来实现最简单的时钟效果，供大家参考，具体内容如下效果图：先看html代码：<html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascr...

2020-05-27

53浏览

0评论

微信小程序实现topBar底部选择栏效果

本文实例为大家分享了微信小程序实现topBar底部选择栏的具体代码，供大家参考，具体内容如下先看一下效果：底部分为三个页面，点击不同的选项就会跳转到相对应的页面去。下面是文...

2020-05-27

62浏览

0评论

小程序视频列表中视频的播放与停止的示例代码

效果类似一条视频的小程序，就是视频列表，然后每个视频上覆盖一张视频的封面图，点击封面图的播放按钮视频播放，点击别的视频的时候，停止播放当前视频，播放点击的视频。差不多是这样...

2020-05-27

68浏览

0评论

详解angular分页插件tm.pagination二次触发问题解决方案

今天在学习angularjs的分页插件时遇到了一个前端的问题，谷歌浏览器开发者模式调试的时候发现每次点击分页刷新按钮会触发两次后台请求，ajax向后台发送了两次请求，这对于强迫症...

2020-05-27

49浏览

0评论

详解Koa中更方便简单发送响应的方式

背景最近做了很多node的后台项目，写了很多接口，但是发现随着接口的慢慢增多，需要写越来越来越多类似于下面这种代码。ctx.body = { data: { name: 'test' }, status: {...

2020-05-27

80浏览

0评论

通过webpack引入第三方库的方法

一般来说，引入第三方库有一下三种情况：通过CDN引入；通过npm 安装并引入；第三方js文件就在本地通过CDN
这是最简单的一种方式，例如引入高德地图，可以直接把以下代码放在index...

2020-05-27

54浏览

0评论

浅谈vue父子组件怎么传值

背景：最近在做vue的项目，因为页面的逻辑比较复杂，代码量较多，所以就想抽离出一些组件放到component里面。问题就随之来了。
因为vue不提倡在子组件中修改父组件的值，所以如果要这...

2020-05-27

63浏览

0评论

jQuery实现table表格信息的展开和缩小功能示例

本文实例讲述了jQuery实现table表格信息的展开和缩小功能。分享给大家供大家参考，具体如下：<%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%><%String pa...

2020-05-27

63浏览

0评论

jQuery实现输入框的放大和缩小功能示例

本文实例讲述了jQuery实现输入框的放大和缩小功能。分享给大家供大家参考，具体如下：<%@ page language="java" import="java.util.*"pageEncoding="UTF-8"%><%Stringpath = re...

2020-05-27

61浏览

0评论

jQuery实现的点击按钮改变样式功能示例

本文实例讲述了jQuery实现的点击按钮改变样式功能。分享给大家供大家参考，具体如下：1. css代码：index4.css@CHARSET "UTF-8";.sd{ font-weight: bold; color: black; backgr...

2020-05-27

51浏览

0评论

基于Vue实现关键词实时搜索高亮显示关键词

最近在做移动real-time-search于实时搜索和关键词高亮显示的功能，通过博客的方式总结一下，同时希望能够帮助到别人~~~如果不喜欢看文字的朋友我写了一个demo方便已经上传到了g...

2020-05-27

43浏览

0评论

vue项目中添加单元测试的方法

从网上找了很多例子关于单元测试，都是如何新建项目的时候的添加单元测试，用vue-cli中怎么添加，但是我的项目已经生成了，不能再一次重新初始化，这时如何添加单元测试，这里面遇到了...

2020-05-27

43浏览

0评论

JavaScript数组基于交换的排序示例【冒泡排序】

本文实例讲述了JavaScript数组基于交换的排序。分享给大家供大家参考，具体如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht...

2020-05-27

52浏览

0评论

JS实现面向对象继承的5种方式分析

本文实例讲述了JS实现面向对象继承的5种方式。分享给大家供大家参考，具体如下：js是门灵活的语言，实现一种功能往往有多种做法,ECMAScript没有明确的继承机制，而是通过模仿实现的...

2020-05-27

89浏览

0评论

详解从Vue-router到html5的pushState

最近在用vue的时候突然想到一个问题首先，我们知道vue实现的单页应用中一般不会去刷新页面，因为刷新之后页面中的vuex数据就不见了。其次，我们也知道一般情况下，url变更的时候，比...

2020-05-27

62浏览

0评论

5分钟学会Vue动画效果(小结)

本文介绍了5分钟学会Vue动画效果(小结)，分享给大家，具体如下：1.哪些元素/那些组件适合在那些条件下实现动画效果条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件...

2020-05-27

70浏览

0评论

Angular中sweetalert弹框的基本使用教程

前言最近太忙了，项目中使用的弹框老板嫌太丑，让我们优化一下，我在网上找了一下，找到了sweetalert弹框，算是比较好看的弹框了。所以我就想办法将sweetalert用到项目中，在项目中引入...

2020-05-27

49浏览

0评论

Node.js命令行/批处理中如何更改Linux用户密码浅析

前言本文主要介绍了Node.js命令行/批处理更改Linux用户密码的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧hpasswd 可在批处理文件中批量更改Linux...

2020-05-27

70浏览

0评论

详解vue axios二次封装

这段时间告诉项目需要，用到了vue。
刚开始搭框架的时候用的是vue-resource后面看到官方推荐axios就换过来了顺便封装了一下定义公共参数与引入组件：
import axios from 'axio...

2020-05-27

63浏览

0评论

js中时间格式化的几种方法

项目中时间返回值，很过时候为毫秒值，我们需要转换成能够看懂的时间的格式；例如：yyyy-MM-dd HH:mm:ss2.处理方法（处理方法有多种，可以传值到前端处理，也可以后台可以好之后再传递到...

2020-05-27

133浏览

0评论

js正则表达式校验指定字符串的方法

最新一个小表单验证需求：“只能输入汉字，并且必须包含“支行”，“分行”，“银行”，“信用社“”字样，需用正则表达式校验故写出了如下的表达式var patt1=new RegExp(/^[\u0391-\uF...

2020-05-27

64浏览

0评论

JS判断字符串是否为整数的方法--简单的正则判断

是否为整数 if(!/^\d+$/.test(str)) alert("不是整数"); }1、正则表达式"^\\d+$"　　//非负整数（正整数 + 0）"^[0-9]*[1-9][0-9]*$"　　//正整数"^((-\\d+)|(0+))$"　　//非...

2020-05-27

119浏览

0评论

Vue+axios实现统一接口管理的方法

通过axios请求接口已经很简单了，但最近在做一个vue项目，想着把axios请求再封装一下，这样api就可以只在一处配置成方法，在使用的时候直接调用这个方法。但咱们不用每个接口都定义...

2020-05-27

112浏览

0评论

JavaScript实现点击出现图片并统计点击次数功能示例

本文实例讲述了JavaScript实现点击出现图片并统计点击次数功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点...

2020-05-27

52浏览

0评论

jquery实现搜索框功能实例详解

搜索框实现搜索一个ul列表中的指定关键词的li。html代码：<ul class="todo-content"> <li class="todo-ltem"> <div class="todo-tip"> <p>fhasjfa...

2020-05-27

136浏览

0评论

Vue Element 分组+多选+可搜索Select选择器实现示例

最终效果(http://47.98.205.88:3000/mult_group_selection)见下图。实际就是将element三种官方select实例整合起来，同时实现分组+多选+可搜索，此外点击一级分组名可以实现全选...

2020-05-27

50浏览

0评论

jQuery实现的监听导航滚动置顶状态功能示例

本文实例讲述了jQuery实现的监听导航滚动置顶状态功能。分享给大家供大家参考，具体如下：1. js代码/** * Created by EDUASK on 2016/5/20. */$(function(){ //引入id标签; v...

2020-05-27

54浏览

0评论

javascript使用正则实现去掉字符串前面的所有0

字符串是这个样子，0000202或者00000840，要对字符串前面的0在显示时去掉，只显示202,840.正则实现如下：var str="00000802";var reg = new RegExp("([0]*)([1-9]+[0-9]+)", "g");c...

2020-05-27

62浏览

0评论

JS实现简单的星期格式转换功能示例

本文实例讲述了JS实现简单的星期格式转换功能。分享给大家供大家参考，具体如下：1. js代码<script> //定义一个日期对象; var currentTime=new Date(); //获得系统年份; va...

2020-05-27

58浏览

0评论

JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例

本文实例讲述了JavaScript求一个数组中重复出现次数最多的元素及其下标位置。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2020-05-27

45浏览

0评论

AngularJS ui-router刷新子页面路由的方法

网上有各种刷新子页面路由的方法，但是不知道为什么放到我的页面就不行了，尴尬！网上的方法有：<a href="#" rel="external nofollow" ui-sref="app.toMenu" ui-sref-opts="{reload...

2020-05-27

47浏览

0评论

JS实现全屏预览F11功能的示例代码

老是不通过，没办法，只能是重新发布了，反正我就是杠上了，大大小小写过很多前端特效，当然也经常在网上copy或者修改人家的代码，我觉得也挺好的，为什么？！因为我想这样，你能怎么办，打我？
少...

2020-05-27

83浏览

0评论

JS获取浏览器地址栏的多个参数值的任意值实例代码

下面通过一段代码给大家介绍js获取浏览器地址栏的多个参数值的任意值，具体代码如下所示：getParamValue("id");//http://localhost:2426/TransactionNotes.aspx?id=100//返...

2020-05-27

52浏览

0评论

详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)

前言
说到Vue的钩子函数，可能很多人只停留在一些很简单常用的钩子(created,mounted)，而且对于里面的区别，什么时候该用什么钩子，并没有仔细的去研究过，且Vue的生命周期在面试中也...

2020-05-27

61浏览

0评论

Vue-router 中hash模式和history模式的区别

Vue-router 中hash模式和history模式的关系
在vue的路由配置中有mode选项最直观的区别就是在url中 hash 带了一个很丑的 # 而history是没有#的
mode:"hash";
mode:"histo...

2020-05-27

50浏览

0评论

vue中使用sessionStorage记住密码功能

sessionStorage和localStorage比较二者区别sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁...

2020-05-27

63浏览

0评论

微信小程序实现横向增长表格的方法

效果图如下所示：下面给大家分享微信小程序横向增长表格的实例代码，代码如下所示：<view class='table'> <view class='tr'> <view class='td' wx:for='{{array}}'>{{item.d...

2020-05-27

62浏览

0评论

Vue三种常用传值示例(父传子、子传父、非父子)

1、父组件向子组件进行传值：
父组件： <template> <div> 父组件: <input type="text" v-model="name"> <br> <br>  <child :inputName="name"></ch...

2020-05-27

热门文章