JavaScript - 教程之家

67浏览

0评论

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

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

2020-05-27

47浏览

0评论

浅谈vue父子组件怎么传值

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

34浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

80浏览

0评论

详解从Vue-router到html5的pushState

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

58浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

59浏览

0评论

详解vue axios二次封装

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

118浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

108浏览

0评论

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

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

2020-05-27

95浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

130浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

43浏览

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

51浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

44浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

43浏览

0评论

vue中使用sessionStorage记住密码功能

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

2020-05-27

55浏览

0评论

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

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

45浏览

0评论

jQuery实现菜单的显示和隐藏功能示例

本文实例讲述了jQuery实现菜单的显示和隐藏功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.freexyz.cn jQu...

2020-05-27

55浏览

0评论

jQuery实现导航样式布局操作示例【可自定义样式布局】

本文实例讲述了jQuery实现导航样式布局操作。分享给大家供大家参考，具体如下：1. 导航Html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>www.jb51....

2020-05-27

47浏览

0评论

js实现敏感词过滤算法及实现逻辑

最近弄了一个用户发表评论的功能，用户上传了评论，再文章下可以看到自己的评论，但作为社会主义接班人，践行社会主义核心价值观，所以给评论敏感词过滤的功能不可少，在网上找了资料，发...

2020-05-27

42浏览

0评论

微信小程序网络请求封装示例

网络请求
网络请求小程序提供了wx.request，仔细看一下 api，这不就是n年前的 $.ajax 吗，好古老啊。// 官方例子wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 d...

2020-05-27

51浏览

0评论

js+canvas实现验证码功能

刚刚开始接触canvas，写个验证码小功能练练手，实现效果图如下：主要代码如下:html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conten...

2020-05-27

53浏览

0评论

原生JavaScript实现remove()和recover()功能示例

本文实例讲述了原生JavaScript实现remove()和recover()功能。分享给大家供大家参考，具体如下：利用原生JavaScript实现：1、remove(selectors)删除指定的一个或一组元素。2、reco...

2020-05-27

59浏览

0评论

详解微信小程序调起键盘性能优化

在小程序中，我们经常有调起键盘的操作场景，但是在不同的场景下解决方案不尽相同，还是需要具体问题具体分析。需求分析最近在项目中有一个需求，是从列表页点击评论按钮进入详情页...

2020-05-27

53浏览

0评论

JavaScript引用类型Array实例分析

本文实例讲述了JavaScript引用类型Array。分享给大家供大家参考，具体如下：1、ECMAScript数组的特点（1）ECMAScript数组的每一项可以保存任何类型的数据。（2）ECMAScript数组的大小是...

2020-05-27

68浏览

0评论

微信小程序实现滴滴导航tab切换效果

本文实例为大家分享了微信小程序实现tab切换效果的具体代码，供大家参考，具体内容如下效果图如下： (请自动忽视底部tab.....) 简单介绍一下：顶部导航使用 scroll-view 组件中间...

2020-05-27

37浏览

0评论

JavaScript类数组对象转换为数组对象的方法实例分析

本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考，具体如下：1、类数组对象：拥有length属性，可以通过下标访问；不具有数组所具有的方法。2、为什么...

2020-05-27

78浏览

0评论

vue 下列表侧滑操作实例代码详解

由于是上线的项目且已经按照数据逻辑去渲染了能看懂的看逻辑吧。有点多效果如图<template> <div class="lottery-management-wrapper"> <ul> <li class="lottery-managem...

2020-05-27

45浏览

0评论

vue实现底部菜单功能

具体代码如下所示：<template> <div class="mui-row"> <div class="mui-col-xs-12 mui-row nav"> <div class="mui-col-xs-4" @tap="tab1=1;tab2=1;tab3=1">...

2020-05-27

51浏览

0评论

微信小程序实现图片上传放大预览删除代码

本文实例为大家分享了微信小程序图片上传放大预览的具体代码，供大家参考，具体内容如下效果：image.js代码：Page({ //选择相册或拍照 data: { imgs: [] },//上传图片 chooseImg:...

2020-05-27

55浏览

0评论

JS实现用特殊符号替换字符串的中间部分区域的实例代码

一、引入　　相信很多人都遇到过敏感信息需要做部分隐藏功能，大多数都是用特殊符号去替换。正好今天我又遇到这样的前端显示的需求，正好把相关JS记录下来，方便下次再用...

2020-05-27

62浏览

0评论

Bootstrap table表格初始化表格数据的方法

一、项目说明
　　①此项目是ASP.NET项目，开发语言是C#　　②bootstrap-table使用需要下载对应的css和js插件　　③具体详情还需查看api文档二、前端代码 <div class="table-...

2020-05-27

56浏览

0评论

详解mpvue开发小程序小总结

最近用mpvue开发了一个小程序，现总结一下碰见的问题及解决方案
1.项目中数据请求用到了fly.io，封装成request.js如下：import wx from 'wx'import Fly from 'flyio'import store...

2020-05-27

53浏览

0评论

详解使用mpvue开发github小程序总结

前言最近有点闲，想起关注已久的mpvue写小程序，所以稍微肝了半个多月写了个github版的微信小程序，已上线。现在总结一下遇到的坑。扫码体验、
项目地址：https://github.com/chees...

2020-05-27

热门文章