JavaScript - 教程之家

52浏览

0评论

JavaScript实现图片上传并预览并提交ajax

本文实例为大家分享了JavaScript实现图片上传并预览并提交ajax的具体代码，供大家参考，具体内容如下图片上传并预览HTML<div class="file-box"> <img id="preview" /> <input t...

2020-05-27

49浏览

0评论

bootstrap table实现iview固定列的效果实例代码详解

因为bootstrap自带的固定列效果满足不了公司需求，所以借助fixed-table这个插件完成了iview固定列的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" />...

2020-05-27

66浏览

0评论

Bootstrap table 实现树形表格联动选中联动取消功能

公司最近有需求要做树形式table。因为是前后端不分离项目，且之前已经引入了bootstrap table插件，现把实现方式分享一下：<!DOCTYPE HTML><html lang="zh-cn"><head> <meta chars...

2020-05-27

86浏览

0评论

vue resource发送请求的几种方式

vue resource发送请求，代码如下所示；<!DOCTYPE html><html><head> <title>vue-resource</title> <meta charset="utf-8"></head><body> <div id="app"> <input type="bu...

2020-05-27

58浏览

0评论

JavaScript中的null和undefined用法解析

1.概述null和undefined属于js中两种不同的基本数据类型，都可以表示“没有”，含义非常相似。将一个变量赋值为undefined或null，老实说，语法效果几乎没区别。并且在if语句的判断条...

2020-05-27

56浏览

0评论

vue中使用[provide/inject]实现页面reload的方法

在vue中实现页面刷新有不同的方法:如:this.$router.go(0),location.reload()等,但是或多或少会存在问题,如页面会一闪等所以建议使用[provide/inject]实现刷新该方法t简单的...

2020-05-27

50浏览

0评论

uploadify插件实现多个图片上传并预览

使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。效果图：点击浏览文件上传图片，图片依次在右侧显...

2020-05-27

54浏览

0评论

webpack3升级到webpack4遇到问题总结

最近由于项目需要，需要对已有的两个vue项目进行webpack3升级到webpack4，此处记录一下整个升级过程的几个重要步骤，以及遇到的问题和解决方案。1、更新webpack以及相关联插件，web...

2020-05-27

79浏览

0评论

详解小程序云开发攻略(解决最棘手的问题)

背景
最近小程序非常的火,应公司业务发展要求,开发维护了几款小程序,公司开发的小程序都是由后端提供的接口,开发繁琐而复杂,直到小程序出现了云开发,仔细研读了文档之后,欣...

2020-05-27

98浏览

0评论

微信小程序自定义tabBar在uni-app的适配详解

引言：此方法可用作大部分微信小程序支持，但uni-app文档中却找不到相关说明的API需求需要在微信小程序中，实现一个中间图标突出显示的异形导航栏。如下图
实现方法设计要做这种...

2020-05-27

70浏览

0评论

在vue中使用jsx语法的使用方法

什么是JSX?
JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析.
我为什么要在vue中用...

2020-05-27

87浏览

0评论

JS使用H5实现图片预览功能

JS使用H5实现上传图片预览的功能，以下是代码的实现：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文件上传预览</title><script type="text/javascript">//预览...

2020-05-27

46浏览

0评论

java和js实现的洗牌小程序

这几天刚学了java和javascript，简单写了个用java和javascript的小程序JavaScript的// An highlighted blockvar colors = ['红桃','梅花','方片','黑桃']var numbers = ['2',...

2020-05-27

70浏览

0评论

javascript实现摄像头拍照预览

使用javascript实现电脑摄像头的打开和截图的功能，供大家参考，具体内容如下<!DOCTYPE html><html><head><meta charset="UTF-8"><title>摄像头调用实例</title><script type="...

2020-05-27

104浏览

0评论

Echarts地图添加引导线效果(labelLine)

最近有粉丝问我能不能出个案例：地图上的地区文字，或其他标示类的图层，因为区块面积相对太小，想放在地图之外，通过labelLine连接到对应的区块上。今天就分享一个类似简单的案例，铺...

2020-05-27

67浏览

0评论

基于VUE的v-charts的曲线显示功能

1. 应用背景在做一个某路灯管理处的物联网项目时，需要统计8个电表的电能曲线（时间-电能），需求就是能生成日报（24个点，间隔1小时，实时），月报（30个点，间隔1天，取每天的凌晨1点数据），年报（每个...

2020-05-27

86浏览

0评论

你不可不知的Vue.js列表渲染详解

介绍
用 v-for 把一个数组对应为页面上的一组元素
vue.js 使用的是 v-for 指令来处理组件元素的循环迭代逻辑。通常它会和 v-if 配合使用，达到我们所需要的处理逻辑。
v-for...

2020-05-27

59浏览

0评论

基于iview-admin实现动态路由的示例代码

iview-admin是一个基于vue和iview组件库实现的管理后台前端，本文基于iview-admin最新版本，实现基于权限的动态路由加载。
本文代码可参见：https://github.com/MayBeWrong/iview...

2020-05-27

61浏览

0评论

详解element-ui级联菜单（城市三级联动菜单）和回显问题

代码最下面
各项的参数截图代码如下 <el-form-item label="户籍所在地" prop="censusLand" style="padding-left:57px"> <el-cascader v-model="ruleForm.censusLand" sty...

2020-05-27

50浏览

0评论

Nautil 中使用双向数据绑定的实现

虽然是基于 react 的框架，但是在 nautil 中可以使用双向数据绑定，这得益于基于观察者模式的开发思路。在 react 中使用双向绑定并非没有需求，react 严格的单向数据流，严重影响了...

2020-05-27

68浏览

0评论

JavaScript 面向对象基础简单示例

本文实例讲述了JavaScript 面向对象。分享给大家供大家参考，具体如下：JavaScript 面向对象 this：this代指对象(python self) 对象 = new 函数()：创建对象：添加“new 函数()”...

2020-05-27

74浏览

0评论

JavaScript Dom 绑定事件操作实例详解

本文实例讲述了JavaScript Dom 绑定事件操作JavaScript Dom 绑定事件操作。分享给大家供大家参考，具体如下：JavaScript Dom 绑定事件// 先获取Dom对象，然后进行绑定document.g...

2020-05-27

29浏览

0评论

JavaScript 作用域实例分析

本文实例讲述了JavaScript 作用域。分享给大家供大家参考，具体如下：JavaScript 作用域1. JavaScript 以函数作为作用域JavaScript: 以函数做为作用域function func(){ if(1=...

2020-05-27

74浏览

0评论

jQuery 查找元素操作实例小结

本文实例讲述了jQuery 查找元素操作。分享给大家供大家参考，具体如下：1. id// 通过id查找$('#id')2. class<div class='c1'></div>// 通过class查找$('.c1')3. 标签、组合<div...

2020-05-27

40浏览

0评论

jQuery 筛选器简单操作示例

本文实例讲述了jQuery 筛选器简单操作。分享给大家供大家参考，具体如下：jQuery 筛选器1筛选器1：在选择器选择的基础上在选择一次// 当前点击的标签$(this)$(this)// .next()...

2020-05-27

87浏览

0评论

深入学习Vue nextTick的用法及原理

Vue.nextTick是Vue官方给我们提供的一个API（方法），作用是在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM；那么我们的理解是：当数据发生...

2020-05-27

49浏览

0评论

vux-scroller实现移动端上拉加载功能过程解析

本文将讲述vue-cli+vux-scroller实现移动端的上拉加载功能：纠错声明：网上查阅资料看到很多人都将vux和vuex弄混，在这里我们先解释一下，vuex是vue框架自带的组件，是数据状态管理工...

2020-05-27

71浏览

0评论

vue路由传参页面刷新参数丢失问题解决方案

最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下：方法一：params传...

2020-05-27

49浏览

0评论

vue-cli和v-charts实现可视化图表过程解析

v-charts是饿了么团队开源的一款基于Vue和Echarts的图表工具，在使用 echarts 生成图表时，经常需要做繁琐的数据类型转化、修改复杂的配置项，v-charts 的出现正是为了解决这个痛...

2020-05-27

69浏览

0评论

在Koa.js中实现文件上传的接口功能

文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持文件上传的接口呢？本文从环境准备开始、最后分别用 Postma...

2020-05-27

90浏览

0评论

简单了解vue中的v-if和v-show的区别

v-if和v-show的区别是前端面试中常问的基础知识点，v-if、v-show顾名思义就是用来判断视图层展示效果的。那么具体是怎么展示呢？v-if和v-show的区别又是什么呢？首先我们可以来看...

2020-05-27

67浏览

0评论

webpack HappyPack实战详解

由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以Webpack 需要处理的事情需要一件一件的做，不能多件事一起做。
我们需要Webpack 能同一时间处理多个任务，发挥多核 CPU...

2020-05-27

68浏览

0评论

javascript简单实现深浅拷贝过程详解

前言深浅拷贝知识在我们的日常开发中还算是用的比较多，但是之前的状态一直都是只曾听闻，未曾使用（其实用了只是自己没有意识到），所以今天来跟大家聊一聊js的深浅拷贝；首先我们来了...

2020-05-27

42浏览

0评论

解决webpack多页面内存溢出的方法示例

因为自己的项目是基于vue-cli3进行开发，所以这里只讨论这种情况下的解决办法
在进行多页面开发的时候，项目刚开始阶段，因为文件较少，所以代码编译速度还行，但是随着项目逐渐增大...

2020-05-27

41浏览

0评论

关于JSON解析的实现过程解析

我们都知道，现在的开发模式都是前后端分离的，后台返回数据给前端，前端负责数据交互并渲染到页面，所以我们需要从后端接口上获取数据显示到页面上。在接受服务器端数据数据时，一般...

2020-05-27

54浏览

0评论

新手入门js闭包学习过程解析

闭包，其实是一种语言特性，它是指的是程序设计语言中，允许将函数看作对象，然后能像在对象中的操作般在函数中定义实例（局部）变量，而这些变量能在函数中保存到函数的实例对象销毁为止...

2020-05-27

36浏览

0评论

javascript实现函数柯里化与反柯里化过程解析

函数柯里化（黑人问号脸）？？？Currying（黑人问号脸）？？？妥妥的中式翻译既视感；下面来一起看看究竟什么是函数柯里化：维基百科的解释是：把接收多个参数的函数变换成接收一个单一参数（最初函数的...

2020-05-27

50浏览

0评论

vue.js中ref及$refs的使用方法解析

关于ref和$refs的用法及讲解，vue.js中文社区（ https://cn.vuejs.org/v2/api/#ref ）是这么讲解的：ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象...

2020-05-27

58浏览

0评论

AntV F2和vue-cli构建移动端可视化视图过程详解

AntV F2是蚂蚁金服旗下的一个专注于移动，开箱即用的可视化解决方案，完美支持 H5 环境同时兼容多种环境（Node, 小程序，Weex），完备的图形语法理论，满足你的各种可视化需求，专业的移动...

2020-05-27

57浏览

0评论

微信小程序返回箭头跳转到指定页面实例解析

这篇文章主要介绍了微信小程序返回箭头跳转到指定页面实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下onUnload...

2020-05-27

42浏览

0评论

简单实现节流函数和防抖函数过程解析

在日常开发中有很多场景我们都需要用到节流函数和防抖函数，比如：实现输入框的模糊查询因为需要轮询ajax，影响浏览器性能，所以需要用到节流函数；实现手机号、姓名之类的的验证，往往...

2020-05-27

47浏览

0评论

jQuery实现提交表单时不提交隐藏div中input的方法

本文实例讲述了jQuery实现提交表单时不提交隐藏div中input的方法。分享给大家供大家参考，具体如下：今天做一个功能想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的...

2020-05-27

50浏览

0评论

vue封装swiper代码实例解析

这篇文章主要介绍了vue封装swiper代码实例解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下data(){ return{...

2020-05-27

49浏览

0评论

微信内置浏览器图片查看器的代码实例

这篇文章主要介绍了微信内置浏览器图片查看器的代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下var imgs = new...

2020-05-27

84浏览

0评论

js基础之事件捕获与冒泡原理

想要了解什么是事件捕获与冒泡，需要先了解什么是事件。什么是事件？我们知道，在前端开发中，JavaScript负责定义网页的“行为”。这里所说的“定义”，其实指的是开发者可以通过Java...

2020-05-27

51浏览

0评论

Vue.js实现大转盘抽奖总结及实现思路

大家好！先上图看看本次案例的整体效果。实现思路：Vue component实现大转盘组件，可以嵌套到任意要使用的页面。css3 transform控制大转盘抽奖过程的动画效果。抽奖组件...

2020-05-27

63浏览

0评论

微信小程序本地存储实现每日签到、连续签到功能

昨天在看自己写的小程序项目，无意中打开了CSDN APP，突然间觉得，我去，如果在小程序中加个“签到”功能，岂不美哉！（好吧，其实是买的书昨天没到货，然后闲着无事，就想起了大明湖畔的“签到...

2020-05-27

72浏览

0评论

使用Webpack提升Vue.js应用程序的4种方法（翻译）

本文翻译自，翻译技巧不太好，不喜勿碰：
4 Ways To Boost Your Vue.js App With Webpack
众所周知，webpack 是开发 vue.js 单页面应用程序的必备工具，通过管理复杂的构建步骤，它可...

2020-05-27

55浏览

0评论

bootstrap+spring boot实现面包屑导航功能(前端代码)

面包屑导航介绍一般的内容型网站，例如CMS都会有这种面包屑导航。总结起来它有以下优势：让用户了解目前所在的位置，以及当前页面在整个网站中所在的位置；体现了网站的架构层级；提...

2020-05-27

230浏览

0评论

vue3实现v-model原理详解

vue3 源码正式放出来了，想必大家也都开始争先恐后的学习 vue3 的知识了。由于 vue3 已经不再支持 v-model 了，而使用 .sync 来代替，但是为了这篇文章可以帮助大家快速了解 vue...

2020-05-27

热门文章