JavaScript - 教程之家

51浏览

0评论

使用jquery DataTable和ajax向页面显示数据列表的方法

首先在html页面定义好相关长度的行和列，假设table的id=data-table“”使用jquery DataTable在js中这么写$(function() { $('#data-table').DataTable( { order : [ [ 1,...

2020-05-27

101浏览

0评论

详解在React中跨组件分发状态的三种方法

当我问自己第一百次时，我正在研究一个典型的CRUD屏幕：“我应该将状态保留在这个组件中还是将其移动到父组件？”。如果需要对子组件的状态进行轻微控制。您可能也遇到了同样的问...

2020-05-27

73浏览

0评论

JQuery Ajax动态加载Table数据的实例讲解

我们在jsp定义一个select和一个table，要求实现根据select的选值，动态加载table数据。<select id="type" name="type" onchange="reloadTable(this)"></select><table id="impo...

2020-05-27

102浏览

0评论

详解Vue开发微信H5微信分享签名失败问题解决方案

关于Vue中路由使用history模式，开发微信H5页面分享时在安卓上签名有效成功，但是在IOS设备上一直报错签名失效问题问题描述:在Vue开发过程中，路由使用History模式下，在使用微信分...

2020-05-27

69浏览

0评论

Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

1. 引入jquery和vue.js<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script type="text/javascript" src="htt...

2020-05-27

79浏览

0评论

Angular动画实现的2种方式以及添加购物车动画实例代码

前言在前端应用中，动画是一个常见的场景。在使用了一系列的动画库之后，终于需要自己来实现一个动画了。这次的动画则是基于 Angular 框架。我的场景是一个类似于添加购物车的...

2020-05-27

45浏览

0评论

vue2.0的虚拟DOM渲染思路分析

1、为什么需要虚拟DOM前面我们从零开始写了一个简单的类Vue框架（文章链接），其中的模板解析和渲染是通过Compile函数来完成的，采用了文档碎片代替了直接对页面中DOM元素的操作，在...

2020-05-27

218浏览

0评论

vue异步axios获取的数据渲染到页面的方法

我们在vue，数据很多事异步获取来的，如果在template直接使用，会报错，undefined。因为先渲染后得到的数据，那如何才能不报错呢？computed!!!举个例子 index.vue 忽略坑人的传参方式。...

2020-05-27

86浏览

0评论

vue修改对象的属性值后页面不重新渲染的实例

最近项目在使用vue，遇到几次修改了对象的属性后，页面并不重新渲染，场景如下：HTML页面如下：<template v-for="item in tableData"> <div :class="{'redBorder':item.red}">...

2020-05-27

107浏览

0评论

JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】

本文实例讲述了JavaScript引用类型之基本包装类型。分享给大家供大家参考，具体如下：为了操作基本类型值，ECDMAScript提供了3个特殊的引用类型——基本包装类型Boolean、Number...

2020-05-27

63浏览

0评论

jquery ajax加载数据前台渲染方式不用for遍历的方法

如下所示：var provinces = res.res;var html = [];var option_select='<option value="" >请选择</option>';var tpl = '<option value="{1}" data-id="{1}" data-name="{0}"...

2020-05-27

79浏览

0评论

JavaScript引用类型Function实例详解

本文实例讲述了JavaScript引用类型Function。分享给大家供大家参考，具体如下：Function类型函数是对象，函数名是指针：每个函数都是Function类型的实例。由于函数是对象，因此函数名...

2020-05-27

106浏览

0评论

解决vue数组中对象属性变化页面不渲染问题

做checkbox多选功能的时候遇到了一个坑，逻辑怎么看都对，但是就是有bug，最后发现数组那里值变了页面勾选没有重新渲染。换了关键词搜索找到了相关方法。其实之前读文档教程的时...

2020-05-27

90浏览

0评论

Vue实现按钮旋转和移动位置的实例代码

1.静态效果图Chrom移动端浏览模式下可拖动按钮处于任意位置，并且点击可旋转按钮2.代码<template> <div id="app"> <div class="icon-add-50" :style="iconstyle" @click='cl...

2020-05-27

64浏览

0评论

基于bootstrap页面渲染的问题解决方法

本人不擅长前台，写此文只是讲一下我解决页面渲染的一个小的解决办法，或许这个方法大家早知道了，但是应该还会有像我一样还在纠结的小伙伴，帮助一下像我一样的不擅长前台的童鞋。...

2020-05-27

66浏览

0评论

JavaScript引用类型RegExp基本用法详解

本文实例讲述了JavaScript引用类型RegExp基本用法。分享给大家供大家参考，具体如下：1、正则表达式定义三个标志：全局模式g，不区分大小写模式i，多行模式m。1) 字面量定义var patte...

2020-05-27

98浏览

0评论

vue中Axios的封装与API接口的管理详解

如图，面对一团糟代码的你~~~真的想说，What F~U~C~K！！！回归正题，我们所要的说的axios的封装和api接口的统一管理，其实主要目的就是在帮助我们简化代码和利于后期的更新维护。一、axi...

2020-05-27

75浏览

0评论

vue使用ajax获取后台数据进行显示的示例

实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="/vue.min.js"></script> <script src="/vue-resource.min...

2020-05-27

65浏览

0评论

JavaScript面向对象继承原理与实现方法分析

本文实例讲述了JavaScript面向对象继承原理与实现方法。分享给大家供大家参考，具体如下：1、构造函数、原型和实例的关系构造函数有一个原型属性prototype指向一个原型对象。原...

2020-05-27

111浏览

0评论

video.js 实现视频只能后退不能快进的思路详解

主要思路是点击进度条需要获取拖动前的时间点，我用mouseup事件去处理的，获得到了oldTime 就好办，然后根据需求限制拖动快进快退，因为项目允许回看，不允许快进，所以得记录maxTime，记...

2020-05-27

59浏览

0评论

vue-cli初始化项目中使用less的方法

什么是less?Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。引言现在前端的vue框架越来越火，vue-cli作为vue项目的...

2020-05-27

71浏览

0评论

使用layer弹窗和layui表单实现新增功能

1.需求：使用layer在弹窗内完成新增，成功后提示并刷新页面（父页面，list页面）2.实现 a* 页面效果图 b*页面代码 --构建from表单<div id="add-main" style="display: none;">...

2020-05-27

67浏览

0评论

koa上传excel文件并解析的实现方法

1.中间键使用 koa-bodynpm install koa-body --saveconst koaBody = require('koa-body');app.use(koaBody({ multipart: true, formidable: { maxFileSize: 200 * 1024 *...

2020-05-27

53浏览

0评论

angular6.x中ngTemplateOutlet指令的使用示例

在使用angular进行开发的时候,通过属性绑定向组件内部传值的方式,有时候并不能完全满足需求,比如我们写了一个公共组件,但是某个模板使用这个公共组件的时候,需要在其内部添...

2020-05-27

74浏览

0评论

微信小程序url传参写变量的方法

具体代码如下所示：<navigator url="../../pages/newsDetail/newsDetail?id={{news.id}}"> <view class="list-item"> <view class="little-item"> <view class="le...

2020-05-27

74浏览

0评论

bootstrap select2插件用ajax来获取和显示数据的实例

用select2插件，实现以下这个选择框：1、html代码<div class="form-group" style='display:none;' id='preParamGroup'> <label for="inputEmail3" class="col-sm-2 control-lab...

2020-05-27

116浏览

0评论

select2 ajax 设置默认值,初始值的方法

在做功能的时候需要修改数据，修改数据时需要显示原始值。但是在select2的时候显示原始值是一个非常非常非常非常非常要命的难题。研究了3个小时，最后使用$.ajax 重新加载原...

2020-05-27

195浏览

0评论

vue.js 中使用（...）运算符报错的解决方法

今天在起别人项目的时候，发现报错。这个错误是，项目中不识别es6的扩展运算符，解决方式很简单。// 第一步cnpm install babel-plugin-transform-object-rest-spread// 第二步...

2020-05-27

58浏览

0评论

bootstrap动态调用select下拉框的实例代码

html代码：<label for="classify" class="col-sm-2 control-label">填报部门：</label> <div class="col-sm-3"> <select class="selectpicker form-control" data-live-search=...

2020-05-27

111浏览

0评论

一个Vue视频媒体多段裁剪组件的实现示例

近日项目有个新需求，需要对视频或音频进行多段裁剪然后拼接。例如，一段视频长30分钟，我需要将5-10分钟、17-22分钟、24-29分钟这三段拼接到一起成一整段视频。裁剪在前端，拼接在...

2020-05-27

58浏览

0评论

解决select2在bootstrap modal中不能正常使用的问题

最近用bootstrap做前端框架，遇到select2单选框在bootstrap modal中不能正常使用，输入框不能获取焦点智能过滤；如下图：解决方法一：在bootstrap.js的模态框js内加上$.fn.modal.Cons...

2020-05-27

105浏览

0评论

vuejs使用axios异步访问时用get和post的实例讲解

script中。let data={....};let url=xx;方法各异：GET：this.$ajax.get(url,{ params:data }) .then(function (res) { console.log(res.data) }) .catch(functio...

2020-05-27

61浏览

0评论

layui实现点击按钮给table添加一行

•问题描述：想实现点击按钮在表格添加一行的功能，但发现layuii并未集成该工具栏，因此，需要自己手动添加这个功能；
•原先我写的table是这样实现的：$("#addTable").click...

2020-05-27

86浏览

0评论

bootstrap下拉框动态赋值方法

以前一直使用easyui，发现越来越跟不上现在前端的一些技术，所以改用bootstrap，然后发现好多包括简单的下拉赋值都不会了，这里上网找了下，然后发现下面这个不错，用上了，特此记录一下...

2020-05-27

60浏览

0评论

bootstrap里bootstrap动态加载下拉框的实例讲解

实例如下所示：//引入的包<link rel="stylesheet" type="text/css" href="map/plug-in/scripts/bootstrap/bootstrap.min.css" rel="external nofollow" />...

2020-05-27

76浏览

0评论

使用bootstrap实现下拉框搜索功能的实例讲解

背景公司的小二后台有一个下拉框选择经销商的功能，由于选择的经销商过多，因此添加搜索功能。前提配置好Bootstrap相关的开发环境主要内容<div class="form-group"> <label cla...

2020-05-27

75浏览

0评论

解决bootstrap-select 动态加载数据不显示的问题

如下所示：在使用bootstrap-select 动态加载数据的时候，refresh和render方法是必须使用的，不然就必须使用jquery往li对象里面填充数据，因为在bootstrap-select 中界面显示数据是...

2020-05-27

72浏览

0评论

Bootstrap模态对话框中显示动态内容的方法

首先引入bootstrap的js和css，在引入对应版本的jquery；添加按钮，点击弹出模态窗体：<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal" href="/H...

2020-05-27

74浏览

0评论

快速解决select2在bootstrap模态框中下拉框隐藏的问题

修改select2-container--open类.select2-container--open { z-index: 9999999 !important; }以上这篇快速解决select2在bootstrap模态框中下拉框隐藏的问题就是小编分享给...

2020-05-27

93浏览

0评论

详解Vue+axios+Node+express实现文件上传(用户头像上传)

Vue 页面的代码
<label for='my_file' class="theme-color"> <mu-icon left value="backup"></mu-icon> 修改头像</label><input type="file" ref="upload" name="avatar" i...

2020-05-27

75浏览

0评论

快速解决bootstrap下拉菜单无法隐藏的问题

下拉菜单的两种实现想必大家都知道，bootstrap为我们提供了一个下拉菜单的组件，官方也为我们提供两种使用方法1.标签指定data-toggle<div class="dropdown"> <button type="bu...

2020-05-27

89浏览

0评论

解决bootstrap中下拉菜单点击后不关闭的问题

bootstrap中常用到的下拉菜单dropdown-menu默认是当点击下拉菜单的任一位置就会关闭下拉菜单框了，这显然达不到很多用户需求，如何实现当点击需要点击的地方后才关闭下拉框呢，下...

2020-05-27

57浏览

0评论

详解如何在nuxt中添加proxyTable代理

背景
在本地开发vue项目的时候，当你习惯了proxyTable解决本地跨域的问题，切换到nuxt的时候，你会发现，添加了proxyTable设置并没有什么作用，那是因为你是用的vue脚手架生成的vue项...

2020-05-27

71浏览

0评论

JavaScript创建对象的常用方式总结

本文实例讲述了JavaScript创建对象的常用方式。分享给大家供大家参考，具体如下：JS中没有类的概念，那么怎么创建对象呢？下面一一来细说！传统的创建对象的方式：1、创建Object的实例v...

2020-05-27

71浏览

0评论

取消Bootstrap的dropdown-menu点击默认关闭事件方法

场景我在一个div中生成的是一个多级列表，需要多次点击列表，找到对应的列表项，而Bootstrap默认在dropdown-menu中点击一次就会消失。点击右侧的按钮，弹出一个多级列表代码如下：<d...

2020-05-27

66浏览

0评论

原生JS实现$.param() 函数的方法

由于遇到相关序列化的问题，但是vue项目中由于减少队jquery引用的限制，导致不能用$.param来序列化参数，所以写了如下方法用来解决相关问题，但由于考虑不全，可能存在判断不全或者代...

2020-05-27

68浏览

0评论

vue 动态绑定背景图片的方法

vue动态绑定背景图片的方法，具体介绍如下所示：1.backgroundImage && 三目运算符 <div class="right-con" :style="{backgroundImage: 'url(' + (coverImgUrl ? coverImgUr...

2020-05-27

90浏览

0评论

JavaScript闭包原理与用法实例分析

本文实例讲述了JavaScript闭包原理与用法。分享给大家供大家参考，具体如下：1、与闭包有关的两个概念：1) 变量的作用域不带有关键字var的变量会成为全局变量；在函数中使用关键字v...

2020-05-27

67浏览

0评论

JavaScript函数apply()和call()用法与异同分析

本文实例分析了JavaScript函数apply()和call()用法与异同。分享给大家供大家参考，具体如下：JavaScript的函数是对象，因此有属性和方法。每个函数都包含两个属性：length和prototy...

2020-05-27

53浏览

0评论

Vue全局分页组件的实现代码

需求
一个监控控制台界面，有成千上万条表格数据，需要做一个全局分页组件，支持调整每页显示数目、总页数、当前页数、前进后退、自由跳转页数。字段参数名数...

2020-05-27

热门文章