JavaScript - 教程之家

52浏览

0评论

AnglarJs中的上拉加载实现代码

简介上拉加载，是目前手机网站加载数据的一种常用方式，本文主要讲解AnglarJs集成，上拉加载功能。通常与下拉刷新配置使用，下拉刷新请查阅。实现页面 <div class="search-box"> <b...

2020-05-27

46浏览

0评论

jQuery 防止相同的事件快速重复触发方法

重复触发就是防止用户重复点击提交数据了，我们一般都是点击之后没反应会再次点击了，这个不但要从用户体验上来做好，还在要js或php程序脚本上做好，让用户知道点击是己提交服务器...

2020-05-27

65浏览

0评论

jQuery实现的简单图片轮播效果完整示例

本文实例讲述了jQuery实现的简单图片轮播效果。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html><html><head><title>jquery实现图片轮播效果</ti...

2020-05-27

38浏览

0评论

使用vux实现上拉刷新功能遇到的坑

最近公司在研发app,选择了基于Vue框架的vux组件库，现总结在实现上拉刷新功能遇到的坑：1.问题：只刷新一次，解决方法：需要自己手动重置状态this.scrollerStatus.pullupStatus = ‘d...

2020-05-27

50浏览

0评论

vue中实现methods一个方法调用另外一个方法

vue在同一个组件内；methods中的一个方法调用methods中的另外一个方法可以在调用的时候 this.$options.methods.test2();this.$options.methods.test2();一个方法调用另外一...

2020-05-27

65浏览

0评论

在vue项目中使用element-ui的Upload上传组件的示例

本文介绍了vue项目中使用element-ui的Upload上传组件的示例，分享给大家，具体如下：
<el-upload v-else class='ensure ensureButt' :action="importFileUr...

2020-05-27

274浏览

0评论

JavaScript实现多叉树的递归遍历和非递归遍历算法操作示例

本文实例讲述了JavaScript实现多叉树的递归遍历和非递归遍历算法操作。分享给大家供大家参考，具体如下：演示之前的准备工作演示项目的文件结构：index.html
jsonData.js
recurre...

2020-05-27

69浏览

0评论

VUE 使用中踩过的坑

前言vue如今可谓是一匹黑马，github star数已居第一位！前端开发对于vue的使用已经越来越多，它的优点就不做介绍了，本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的...

2020-05-27

69浏览

0评论

详解Nuxt.js Vue服务端渲染摸索

本文采用nuxt进行服务端渲染https://zh.nuxtjs.org/
Nuxt.js 十分简单易用。一个简单的项目只需将 nuxt 添加为依赖组件即可。
Vue因其简单易懂的API、高效的数据绑定和灵活...

2020-05-27

55浏览

0评论

js中let和var定义变量的区别

javascript 严格模式第一次接触let关键字，有一个要非常非常要注意的概念就是”javascript 严格模式”，比如下述的代码运行就会报错：let hello = 'hello world.';console.log(he...

2020-05-27

57浏览

0评论

使用veloticy-ui生成文字动画效果

前言最近要实现一个类似文字波浪线的效果，使用了velocity-ui这个动画库,第一个感觉就是使用简单，代码量少,性能优异,在此简单介绍一下使用方法，并实现一个看上去不错的动画.具...

2020-05-27

58浏览

0评论

关于vue中watch检测到不到对象属性的变化的解决方法

前言在vue开发的过程中发现一个问题：改变vue.$data中对象的属性，watch是观测不到变化，但其实对象的属性是有变化的。这……，有点难以置信！正文<template> <div> <dl>name: {{opt...

2020-05-27

70浏览

0评论

VUE + UEditor 单图片跨域上传功能的实现方法

UEditor官网说不提供单图片的跨域，所以只能自己解决。查了网上的很多方案，但是没看到和vue一起用的，不过倒是获得了一些思路。本着不想改太多源代码的基础上尝试着...一不小心...

2020-05-27

91浏览

0评论

详解 vue better-scroll滚动插件排坑

BetterScroll号称目前最好用的移动端滚动插件，因此它的强大之处肯定是存在的。要不...哈哈。个人感觉还是很好用的。这篇文章不是笼统的讲 BetterScroll ，而是单讲滚动，想要深...

2020-05-27

103浏览

0评论

ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)

一、什么是迭代器？生成器概念在Java，Python等语言中都是具备的，ES6也添加到了JavaScript中。Iterator可以使我们不需要初始化集合，以及索引的变量，而是使用迭代器对象的 next 方...

2020-05-27

57浏览

0评论

微信小程序实现验证码获取倒计时效果

本文实例为大家分享了微信小程序实现获取验证码倒计时效果的具体代码，供大家参考，具体内容如下wxml<button disabled='{{disabled}}' data-id="2" bindtap="getVerificationCo...

2020-05-27

48浏览

0评论

详解自定义ajax支持跨域组件封装

Class.create()分析
仿prototype创建类继承var Class = { create: function () { var c = function () { this.request.apply(this, arguments); } for (var...

2020-05-27

65浏览

0评论

ajax前台后台跨域请求处理方式

最近一直在搞公众号前台开发，遇到了ajax跨域请求的问题，像地区的省-市-县三级联动、汽车品牌-车系-车款的三级联动查询等都需要调用外部接口(其他工程项目的接口)完成。下面就...

2020-05-27

71浏览

0评论

web前端页面生成exe可执行文件的方法

在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android...

2020-05-27

67浏览

0评论

Vuejs 2.0 子组件访问/调用父组件的方法(示例代码)

有时候因为布局问题，需要子组件把数据传给父组件，并执行父级的某个方法，不多说上代码：子组件：<template> <div class="isShowing" ref="isShowing"> <div class="menu-wr...

2020-05-27

64浏览

0评论

vue 使用ref 让父组件调用子组件的方法

父级组件上的三个按钮可以调用子组件loading的三个方法，执行不同的操作<!DOCTYPE html><html><head> <meta charset="utf-8"> <script src="vue.js" charset="utf-8"></scr...

2020-05-27

60浏览

0评论

React Native自定义控件底部抽屉菜单的示例

一、需求分析
原生开发中，自定义View可谓是屡见不鲜的事情，往往系统的控件总不能满足现实的需求。五花八门的产品设计需要我们做出不同的View。关于自定义View的内容网上已经...

2020-05-27

61浏览

0评论

vue中使用ueditor富文本编辑器

最近在做后台管理系统的时候遇到要使用富文本编辑器。最后选择了ueditor，我的项目使用 vue+vuex+vue-router+webpack+elementUI的方案完成框架的搭建， 1、下载UEditor官网最新...

2020-05-27

131浏览

0评论

在Vue中使用highCharts绘制3d饼图的方法

highcharts是国外知名基于javascript的图表库。由于中文官网的vue中使用highcharts配置繁琐并且需要引入jquery作为依赖，所以弃用。
接下来，给各位伙伴简要的讲叙下highcharts...

2020-05-27

60浏览

0评论

详解js正则表达式验证时间格式xxxx-xx-xx形式

在项目中，我们经常会遇到时间问题，有时候是使用时间插件，让用户选择，但有时应客户要求，能够自行输入时间，那么，我们如何来确定用户输入的时间格式是否正确，输入的时间是否合法呢？这个...

2020-05-27

46浏览

0评论

vue-lazyload图片延迟加载插件的实例讲解

1、首先在npm上下载vue-lazyload的引用包npm install vue-lazyload --save-dev2、然后我们在main.js里面import这个包，当然，单单这一个包是不够的，还得其他的文件import Vue fr...

2020-05-27

63浏览

0评论

Vuejs 单文件组件实例详解

在之前的实例中，我们都是通过 Vue.component 或者 components 属性的方式来定义组件，这种方式在很多中小规模的项目中还好，但在复杂的项目中，下面这些缺点就非常明显了：字符串模...

2020-05-27

72浏览

0评论

基于Vue2.X的路由和钩子函数详解

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的...

2020-05-27

42浏览

0评论

浅谈react受控组件与非受控组件(小结)

我们都知道，有许多的web组件可以被用户的交互发生改变，比如：<input>，<select>，或者是我现在正在使用的富文本编辑器。这些组件在日常的开发中很不显眼，我们可以很轻易的通过输入一...

2020-05-27

67浏览

0评论

Vue-Router2.X多种路由实现方式总结

注意：vue-router 2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。推荐使用npm安装。npm install vue-router一、使用路由
在main.js中，需要...

2020-05-27

55浏览

0评论

从零开始搭建一个react项目开发

本文介绍了从零开始搭建一个react项目开发，分享给大家，具体如下：1、npm init 生成 package.json 文件.
2、安装各种需要的依赖:
npm install
--save react - 安装React.
npm i...

2020-05-27

89浏览

0评论

vue二级路由设置方法

项目当中使用vue的时候一定会用到路由，并且二级路由甚至三集路由的需求都是刚需，当然，多级路由的配置方法和二级的是一样的，简单讲讲二级路由的配置吧。首先把一级路由的结构准...

2020-05-27

100浏览

0评论

使用mint-ui实现省市区三级联动效果的示例代码

引用插件：饿了么的mint-ui组件中的picker功能，具体API可参照官网说明：http://mint-ui.github.io/docs/#/zh-cn2/picker背景：项目需要做一个省份-城市-地区的选择级联效果，我从gay...

2020-05-27

82浏览

0评论

vue2.0.js的多级联动选择器实现方法

由于工作需求，想实现一个多级联动选择器，但是网上现有的联动选择器都不是我想要的，我参照基于vue2.0的element-ui中的Cascader级联选择器的样式实现了复合自己要求的多级联动选...

2020-05-27

72浏览

0评论

JavaScript比较同一天的时间大小实例代码

在项目开发的过程中，有时候会遇到同一天内的时间大小比较，一般来说选择时间是通过插件实现的，但并不排除客户要求手动输入的情况。那么，在应客户要求手动输入时间，并且需要进行时...

2020-05-27

72浏览

0评论

在 React、Vue项目中使用SVG的方法

在一些现代的扁平化设计网站，特别是移动端网站，经常会包含许多简单而清晰的小图标，例如网站图标、用户的默认头像、移动端网页首页底部固定的切换栏等，这些小图标一般都是由美工...

2020-05-27

98浏览

0评论

尝试自己动手用react来写一个分页组件(小结)

本文介绍了尝试自己动手用react来写一个分页组件(小结)，分享给大家，具体如下：
分页效果在线预览 github地址效果截图（样式可自行修改）：构建项目create-react-app react-paging-com...

2020-05-27

70浏览

0评论

VUE2 前端实现静态二级省市联动选择select的示例

TIPs：用了element UI的select选择器 <el-select>。换成普通select也差不多。数据没写南海诸岛，没写默认全国。HTML： <el-form-item label="选择地区：">...

2020-05-27

85浏览

0评论

mint-ui 时间插件使用及获取选择值的方法

如下所示：<div > {{pickerValue}}</div><mt-datetime-picker ref="picker" 每一个都要填上这一条open type="time" @confirm="handleConfirm" 设置点击确定 v-model="pickerV...

2020-05-27

69浏览

0评论

vue checkbox 全选数据的绑定及获取和计算方法

html<input type='checkbox' v-model='checkboxModel' :value='z.coach_id+"-"+z.amount' :i="dianji" @click="lll">第一个CheckBox<span><input type='checkbox' v-model=...

2020-05-27

204浏览

0评论

详解如何在项目中使用jest测试react native组件

目前Javascript的测试工具很多，但是针对React的测试策略，Facebook推出的ReactJs标配测试工具是Jest.Jest的官网地址：https://facebook.github.io/jest/。我们可以看到Jest官网...

2020-05-27

66浏览

0评论

vue 全选与反选的实现方法(无Bug 新手看过来)

我就废话不多说，直接上代码吧！<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><div id="app"><div style="padding-left:...

2020-05-27

71浏览

0评论

JavaScript运行原理分析

JavaScript是一种基于对象的动态、弱类型脚本语言（以下简称JS），是一种解释型语言，和其他的编程语言不同，如java/C++等编译型语言，这些语言在代码执行前会进行通篇编译，先编译成字节...

2020-05-27

89浏览

0评论

js自定义trim函数实现删除两端空格功能

本文实例讲述了js自定义trim函数实现删除两端空格功能。分享给大家供大家参考，具体如下：兼容IE低版本浏览器，以及其他一些低版本脚本的浏览器js中本身是没有trim函数的//删除左...

2020-05-27

64浏览

0评论

使用express搭建一个简单的查询服务器的方法

本文介绍了使用express搭建一个简单的查询服务器的方法，分享给大家，具体如下：使用到的技术栈有express、mysql.
项目结构:service--node_modules--app.js--query.jsapp.js支持...

2020-05-27

114浏览

0评论

详解vue-cli项目中的proxyTable跨域问题小结

什么是跨域？同源策略规定了如果两个 url 的协议、域名、端口中有任何一个不等，就认定它们跨源了。跨域的解决方式有哪几种？1.JSONP 是 JSON with padding（填充式 JSON 或参数式...

2020-05-27

74浏览

0评论

React组件refs的使用详解

ref顾名思义我们知道，其实它就可以被看座是一个组件的参考，也可以说是一个标识。作为组件的属性，其属性值可以是一个字符串也可以是一个函数。其实，ref的使用不是必须的。即使是...

2020-05-27

89浏览

0评论

webpack之devtool详解

关于Devtool该选项控制是否以及如何生成源映射。官网上给出的可选值有：其中一些值适合开发，一些用于生产。对于开发，您通常需要快速的Source Maps，以bundle的大小为代价，但是对于...

2020-05-27

112浏览

0评论

VUEJS 2.0 子组件访问/调用父组件的实例

有时候因为布局问题，需要子组件把数据传给父组件，并执行父级的某个方法，不多说上代码：子组件：<template> <div class="isShowing" ref="isShowing"> <div class="menu-wrappe...

2020-05-27

70浏览

0评论

javascript中的隐式调用

前言
不知道用隐式调用来形容是否确切,其行为总是隐藏在背后，时不时出来露脸一下，作用貌似不大，但是了解一下还是有用处的，保不准在你的使用下大有作为。
所谓的隐式调用简单来...

2020-05-27

热门文章