JavaScript - 教程之家

98浏览

0评论

Bootstrap实现的表格合并单元格示例

本文实例讲述了Bootstrap实现的表格合并单元格。分享给大家供大家参考，具体如下：1、问题背景利用Bootstrap设计表格，并且表格需要合并单元格2、实现源码<!DOCTYPE html><html>...

2020-05-27

78浏览

0评论

JS中offset和匀速动画详解

offset简介我们知道，三大家族包括：offset/scroll/client。今天来讲一下offset，以及与其相关的匀速动画。offset的中文是：偏移，补偿，位移。js中有一套方便的获取元素尺寸的办法就是...

2020-05-27

79浏览

0评论

20行JS代码实现粘贴板复制功能

使用剪贴板是一项基本技能。作为码农都应知道， Tab , Ctrl/Cmd + A ， Ctrl / Cmd + C 以及 Ctrl / Cmd + V 分别是自动聚焦、复制、粘贴的快捷键。而对普通用户可能就不太容易...

2020-05-27

61浏览

0评论

JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】

本文实例讲述了JS实现的将html转为pdf功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <title>jsPDF插件</title> <meta http-equiv="Content-Type" conten...

2020-05-27

258浏览

0评论

原生JS实现瀑布流插件

瀑布流布局中的图片有一个核心特点—等宽不定等高，瀑布流布局在国内网网站都有一定规模的使用，比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。基...

2020-05-27

48浏览

0评论

javascript回调函数详解

在高级语言层出不穷的年代, 各个语言都号称有着一切皆为对象的自豪说法, 而 js 作为一门脚本语言却相对于java等传统面向对象语言有很大的不同之处, 除了 js 诡异的继承体系...

2020-05-27

57浏览

0评论

vue中如何使用ztree

下面给大家介绍vue ztree 结合使用方法，一起看看吧！配置package.json打包下载jquery以及ztree "dependencies": { "element-ui": "^2.1.0", "vue": "^2.5.2", "axios": "^0...

2020-05-27

104浏览

0评论

Vue封装Swiper实现图片轮播效果

图片轮播是前端中经常需要实现的一个功能。最近学习Vue.js，就针对Swiper进行封装，实现一个简单的图片轮播组件。一、Swiper在实现封装之前，先介绍一下Swiper。 Swiper是纯Java...

2020-05-27

98浏览

0评论

浅谈es6中export和export default的作用及区别

作用：export和export default实现的功能相同，即：可用于导出（暴露）常量、函数、文件、模块等，以便其他文件调用。区别：1、export导出多个对象，export default只能导出一个对象2、expo...

2020-05-27

78浏览

0评论

vue-cli webpack2项目打包优化分享

减小文件搜索范围配置 resolve.modulesWebpack的resolve.modules配置模块库（即 node_modules）所在的位置，在 js 里出现 import 'vue' 这样不是相对、也不是绝对路径的写法时，会...

2020-05-27

88浏览

0评论

vue项目中axios使用详解

axios在项目中(vue)的使用没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~
如果开发遇到跨域问题可以参考：https://www.freexyz.cn/article/1345...

2020-05-27

63浏览

0评论

vue几个常用跨域处理方式介绍

设置express代理请求在基于vue-cli的项目中，在开发环境配置(config/dev.env.js)中设置代理，能够将所有/apidomain开头的请求都通过npm run dev启动的express服务器重定向到目...

2020-05-27

71浏览

0评论

详解JS数值Number类型

Number 问题下面的问题你都能回答对了吗？ 0.1 + 0.2 == 0.3 成立吗？ .e-5 表示多少？怎么表示8进制？怎么转换进制？如何将字符串转换成数值或整数？反过来呢？十六进制又怎么处...

2020-05-27

79浏览

0评论

Angular浏览器插件Batarang介绍及使用

Angular浏览器插件Batarang介绍对于Angular新手来说，刚接手Angular的时候都会比较痛苦。确实，相对于JQuery、Backbone等，Angular门槛确实相对较高，而且比较难以调试。今天给大家...

2020-05-27

182浏览

0评论

vue进行图片的预加载watch用法实例讲解

watch应用场景我想信图片预加载大家肯定都有接触过，当图片量大的时候，为了保证页面图片都加载出来的时候，我们才把主页面给显示出来，再进行一些ajax请求，或者逻辑操作那此时你用c...

2020-05-27

61浏览

0评论

vue 动态改变静态图片以及请求网络图片的实现方法

在本身的项目中需要动态请求后端图片一般需要在created中写因为beforeCreate的时候图片过不来的，如果想在这时候请求数据那么图片的地址我们就要存在一个地方。可以是本地也...

2020-05-27

120浏览

0评论

vue中如何动态绑定图片,vue中通过data返回图片路径的方法

在项目中遇到需要动态加载图片路径，图片路径并非是从后台获取过来的数据。因此在data中必须用require加载，否则会当成字符串来处理。HTML如下：JS如下：以上这篇vue中如何动态绑定...

2020-05-27

95浏览

0评论

Vue.set()实现数据动态响应的方法

在vue里面，我们操作最多的就是各种数据，在jquery里面，我们习惯通过下标定向找到数据，然后重新赋值比如var a[0]=111;（希望上家公司原谅菜鸟的我写了不少这样的代码😁）下面...

2020-05-27

95浏览

0评论

Vue Element使用icon图标教程详解(第三方)

element-ui自带的图标库还是不够全，还是需要需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下对于我们来说，首选的当然是阿里icon库教程：1.打开阿里...

2020-05-27

81浏览

0评论

Express下采用bcryptjs进行密码加密的方法

前几天利用Express开发了个小项目，开发登录注册模块时，采用bcryptjs进行密码加密，总结了一下内容：
bcrypt，是一个跨平台的文件加密工具。由它加密的文件可在所有支持的操作系统和...

2020-05-27

50浏览

0评论

nodejs使用redis作为缓存介质实现的封装缓存类示例

本文实例讲述了nodejs使用redis作为缓存介质实现的封装缓存类。分享给大家供大家参考，具体如下：之前在node下使用redis作为缓存介质，对redis进行了一层封装First: 安装npm包 re...

2020-05-27

44浏览

0评论

原生JavaScript实现的简单放大镜效果示例

本文实例讲述了原生JavaScript实现的简单放大镜效果。分享给大家供大家参考，具体如下：原理：其实所谓的放大就是准备两张一样的图片，除大小不一样。鼠标移动到不同位置，将会显示...

2020-05-27

80浏览

0评论

Vue Socket.io源码解读

背景有一个项目，今年12月份开始重构，项目涉及到了socket。但是socket用的是以前一个开发人员封装的包（这个一直被当前的成员吐槽为什么不用已经千锤百炼的轮子）。因此，趁着这个重...

2020-05-27

64浏览

0评论

Vue组件通信的四种方式汇总

前言众所周知vue是一种mvvm框架，它相对于jquery可能比较大的差异点之一就在于组件之间的通信了。本文重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明...

2020-05-27

77浏览

0评论

10 种最常见的 Javascript 错误(频率最高)

为了回馈我们的开发者社区，我们查看了数千个项目的数据库，发现了 JavaScript 中频度最高的 10 种错误。我们会告诉你什么原因导致了这些错误，以及如何防止这些错误发生。如果你...

2020-05-27

39浏览

0评论

vue中实现在外部调用methods的方法(推荐)

1.首先定义一个公共的vue组件；var eventHub = new Vue(); 2.在事件当前的组件中，在created中，用$on向公共的组件eventHub传递，translate是自定义的，getCardNum(data)是要在外部调...

2020-05-27

54浏览

0评论

vue父组件点击触发子组件事件的实例讲解

最近在学习Vue父子组件通信的问题，刚好遇到一个父子之间事件事件派发与接收，在这里记录一下，在这里我使用的是ref给子组件注册引用信息。官网是这样解释的ref 被用来给元素或子...

2020-05-27

60浏览

0评论

Ionic学习日记实现验证码倒计时

前言要做一个app的话，肯定会涉及到这个功能，所以就从网上找了许多前辈的资料，找到了一个最适合自己并且方便理解的实现此功能，写此日记方便未来自己复习和其他人学习思路在用户...

2020-05-27

59浏览

0评论

vue中改变选中当前项的显示隐藏或者状态的实现方法

在vue中已经不像jq那样直接操作dom了，如果要指向当前选中项时，就不能再用jq的思路来做了，方法如下：当指向一个状态的时候，只让指向的状态隐藏，其他项不变，如果项目中用了element-ui...

2020-05-27

89浏览

0评论

Vue.js 点击按钮显示/隐藏内容的实例代码

实例代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue点击切换显示隐藏</title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></scrip...

2020-05-27

42浏览

0评论

vue绑定的点击事件阻止冒泡的实例

当我们在使用vue做项目时，经常用到点击事件的绑定，但是我们绑在一个div上，里面的其他按钮（如删除、修改）等按钮也会加载这儿div的点击事件，而事实我们不需要，如何解决：首先我们来区...

2020-05-27

51浏览

0评论

vue中阻止click事件冒泡,防止触发另一个事件的方法

使用vue阻止子级元素的click事件冒泡，很简单，用stop<div @click="test1()"> <span @click.stop="test2()">按钮1</span> <span>按钮2</span> </div> 这样点击div里面的...

2020-05-27

83浏览

0评论

利用vue.js实现被选中状态的改变方法

在使用原型实现使不选中状态改变之后，接触到vue，就想着能不能使用vue再把功能实现一边，在上篇中的页面并没有动态实现页面，所有的数据也都是直接写在html中。而使用vue之后，已经...

2020-05-27

50浏览

0评论

AnglarJs中的上拉加载实现代码

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

35浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

252浏览

0评论

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

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

2020-05-27

64浏览

0评论

VUE 使用中踩过的坑

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

59浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

92浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

热门文章