JavaScript - 教程之家

37浏览

0评论

javascript实现切割轮播效果

本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...

2020-05-27

40浏览

0评论

javascript实现异形滚动轮播

本文实例为大家分享了js异形滚动轮播的具体代码，供大家参考，具体内容如下运动过程研究让每个元素走到前一个标签的位置。
3走到2
2走到1
1走到0
0走到6利用js动态获取每个类名...

2020-05-27

39浏览

0评论

Vue请求java服务端并返回数据代码实例

这篇文章主要介绍了Vue请求java服务端并返回数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近在自学vue...

2020-05-27

48浏览

0评论

swiper实现异形轮播效果

swiper轮播—异形轮播，供大家参考，具体内容如下最近经常会碰到很多用swiper插件做各种各样轮播图的需求，没有做过3d异形轮播图，所以研究了一下，把经验给大家分享一下上面图片就是...

2020-05-27

32浏览

0评论

Vue实现多标签选择器

本文实例为大家分享了Vue实现多标签选择器展示的具体代码，供大家参考，具体内容如下实现效果实现代码<html lang="en"><head> <title>Document</title> <!-- 引入本地组件库 --...

2020-05-27

46浏览

0评论

jQuery实现弹幕特效

案例简介jQuery实现弹幕效果，代码如下。案例目录HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery弹幕案例</title> <link rel="stylesheet" typ...

2020-05-27

46浏览

0评论

Vue基础配置讲解

环境为Centos7，首先下载nodejs和npm的压缩包，两个在一起的，解压后进入bin目录，用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下，然后退出此目录，node -v查看版本及检查安装...

2020-05-27

92浏览

0评论

Vue.js实现大屏数字滚动翻转效果

大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果，以下是最终实现的效果：整体思路：在实现此效果之前，我们...

2020-05-27

45浏览

0评论

Vue.directive 实现元素scroll逻辑复用

继上篇Vue 滚动触底 mixins,将对于文档滚动触底的逻辑迁移到某个dom上，将会用到 Vue.directive 来实现代码逻辑复用。元素滚动如何实现滚动元素实现滚动的条件有两个: 有父...

2020-05-27

46浏览

0评论

VuePress 中如何增加用户登录功能

VuePress是什么？先让我们看看 VuePress能干什么？有什么效果？很像vue官网的文档页面，因为vuePress就是尤大大的一个力作vuePress官网介绍介绍的很详细，这里只做搭建VuePress项目教...

2020-05-27

40浏览

0评论

JavaScript之Blob对象类型的具体使用方法

Blob(Binary Large Object)术语最初来自数据库（oracle 中也有类似的栏位类型。），早期数据库因为要存储声音、图片、以及可执行程序等二进制数据对象所以给该类对象取名为Blob。...

2020-05-27

55浏览

0评论

js blob类型url的视频下载问题的解决

blob下载问题的详细描述
我想用src url blob:https://www.youtube.com/23aea5c8-9ae2-40dc-9417-e675ea99b386下载视频，但是不知道应该怎么做。有没有下载这类视频的通用方法...

2020-05-27

56浏览

0评论

js中关于Blob对象的介绍与使用

blob对象介绍
一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象，里面可以储存大量...

2020-05-27

54浏览

0评论

VUE 实现动态给对象增加属性，并触发视图更新操作示例

本文实例讲述了VUE 实现动态给对象增加属性，并触发视图更新操作。分享给大家供大家参考，具体如下：在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过...

2020-05-27

98浏览

0评论

vue ajax 拦截原理与实现方法示例

本文实例讲述了vue ajax 拦截原理与实现方法。分享给大家供大家参考，具体如下：概要说明在开发的过程中，我们需要通过AJAX请求，访问后台获取数据，这个获取数据的时候，当然需要后台...

2020-05-27

53浏览

0评论

vue 组件开发原理与实现方法详解

本文实例讲述了vue 组件开发原理与实现方法。分享给大家供大家参考，具体如下：概要vue 的一个特点是进行组件开发，组件的优势是我们可以封装自己的控件，实现重用，比如我们在平台中...

2020-05-27

48浏览

0评论

解决Angularjs异步操作后台请求用$q.all排列先后顺序问题

最近我在做angularjs程序时遇到了一个问题1.页面有很多选择框，一个选择框里面有众多的选择项，和一个默认选定的项,像下面这样（很多选择框，不只一个）：2.众多的选项要从后台接口得到...

2020-05-27

46浏览

0评论

vue多个元素的样式选择器问题

三目运算符只能进行两个的选择判断，多个选择就很难受了。废话少说，直接上源码。首先获取它的索引，通过索引来判断样式// 索引key判断<div class="carborder" v-for="(value, ke...

2020-05-27

61浏览

0评论

Node.js中console.log()输出彩色字体的方法示例

1. 代码样例
console.log('\033[42;30m DONE \033[40;32m Compiled successfully in 19987ms\033[0m')2. 输出结果

3. 解释
不难发现样例中的关键的代码是类似 \033[42;30m...

2020-05-27

55浏览

0评论

如何利用node.js开发一个生成逐帧动画的小工具

前言在实际工作中我们已经下下来不下于一万个npm包了，像我们熟悉的 vue-cli，react-native-cli 等，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始...

2020-05-27

72浏览

0评论

angular异步验证防抖踩坑实录

前言本周的一个需求是在一个异步验证上加上防抖，防抖，以前也接触过，依稀记得不难，就没再去看angluar的官方文档，直接就开始google写了，然后……一不小心就掉坑里了。突然没了效果...

2020-05-27

50浏览

0评论

angular8和ngrx8结合使用的步骤介绍

一、案例运行后的效果图二、关于ngrx的认识1、官网地址
2、ngrx是借鉴redux的思维,专门为angular中定制的一个状态管理的包,类似react中的redux、vue中的vuex,主要包括以下...

2020-05-27

65浏览

0评论

vue中上传视频或图片或图片和文字一起到后端的解决方法

Vue图片与文字混输的实现方法可以参考这篇文章https://www.freexyz.cn/article/175669.htmvue中上传视频或图片或图片和文字一起到后端1.上传图片或视频：2.图片和文字一起传：3预...

2020-05-27

53浏览

0评论

node使用mysql获取数据库数据中文乱码问题的解决

参考链接：StackOverflow 问题问题描述在学习使用 nodejs 写 web 服务的时候，在用 mysql 获取数据库信息的时候，返回的中文一直是乱码，无论配置 charset 与否，都是乱码。问题根源...

2020-05-27

41浏览

0评论

vue 使用外部JS与调用原生API操作示例

本文实例讲述了vue 使用外部JS与调用原生API操作。分享给大家供大家参考，具体如下：vue 使用外部JS概要在开发时我们会经常需要使用到外部的JS,这样我们需要引入外部js，然后进行...

2020-05-27

45浏览

0评论

vue 开发企业微信整合案例分析

本文实例讲述了vue 开发企业微信整合。分享给大家供大家参考，具体如下：概述手机端程序可以和企业微信进行整合，我们也可以使用企业微信JSSDK功能，实现一些原生的功能。整合步骤...

2020-05-27

37浏览

0评论

vue 开发之路由配置方法详解

本文实例讲述了vue 开发之路由配置方法。分享给大家供大家参考，具体如下：概要用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组...

2020-05-27

27浏览

0评论

vue 动态表单开发方法案例详解

本文实例讲述了vue 动态表单开发方法。分享给大家供大家参考，具体如下：概要动态表单指的是我们的表单不是通过vue 组件一个个编写的，我们的表单是根据后端生成的vue模板，在前端...

2020-05-27

44浏览

0评论

VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析

本文实例讲述了VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法。分享给大家供大家参考，具体如下：业务场景我们在使用vue 编写代码时，我们有一个多行文本框控...

2020-05-27

38浏览

0评论

VUE 动态组件的应用案例分析

本文实例讲述了VUE 动态组件的应用。分享给大家供大家参考，具体如下：业务场景我们在开发表单的过程中会遇到这样的问题，我们选择一个控件进行配置，控件有很多中类型，比如文本框，下...

2020-05-27

65浏览

0评论

JavaScript 自定义html元素鼠标右键菜单功能

自定义html元素鼠标右键菜单实现思路在触发contextmenu事件时，取消默认行为(也就是阻止浏览器显示自带的菜单),获取右键事件对象，来确定鼠标的点击位置，作为显示菜单的left和to...

2020-05-27

52浏览

0评论

js实现一款简单踩白块小游戏(曾经很火)

效果图如下所示：html <div class="bigbox">  <div class="gamequyu">  <div class="start">游...

2020-05-27

99浏览

0评论

详解js location.href和window.open的几种用法和区别

一、location.href常见的几种形式 self.location.href;//当前页面打开URL页面 window.location.href;//当前页面打开URL页面 this.location.href;//当前页面打开URL页面...

2020-05-27

43浏览

0评论

浅谈关于vue中scss公用的解决方案

简述
最近由于项目要求查阅了很多关于scss公用的文章，以下只是对那些文章进行简单的总结解决方法
a.当我们要使用scss文件的共用时，首先我们就要想到如何应当如何编辑scss文件...

2020-05-27

37浏览

0评论

Vue.js 无限滚动列表性能优化方案

问题
大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（ref...

2020-05-27

47浏览

0评论

Ant Design Pro 下实现文件下载的实现代码

最近编写在页面内通过 AJAX 请求服务器下载文件遇到一些问题，网上找的资料和介绍大多不健全不系统，最终自己摸索出来的解决方案，先简单写个初稿，后面再详细补充。表一：前端请求后...

2020-05-27

57浏览

0评论

微信小程序实现图片压缩

本文实例为大家分享了微信小程序图片压缩的具体代码，供大家参考，具体内容如下设计思路：选择图片后调用微信压缩图片接口，压缩后接收压缩图片的临时地址，调用微信储存接口保存图片...

2020-05-27

53浏览

0评论

JavaScript实现京东放大镜效果

本文实例为大家分享了JavaScript实现京东放大镜展示的具体代码，供大家参考，具体内容如下实现效果：1.鼠标放到图片上显示放大镜和详细图，鼠标离开时什么都不显示（效果消失）
2.鼠标...

2020-05-27

46浏览

0评论

JavaScript的console命令使用实例

这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下1.分类输出console...

2020-05-27

57浏览

0评论

angular inputNumber指令输入框只能输入数字的实现

1、建立一个独立模块用于作为公用指令的模块
1）生成模块ng g m directive2）进入指令模块目录cd directive3）生成一个只能输入数字的指令类ng g d numberinput4）指令模块directiv...

2020-05-27

75浏览

0评论

JS实现压缩上传图片base64长度功能

这篇文章主要介绍了js实现压缩上传图片base64长度功能,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下im发送图片，现将图...

2020-05-27

40浏览

0评论

Vue实现验证码功能

本文实例为大家分享了Vue实现验证码的具体代码，供大家参考，具体内容如下1.效果2.代码2.1 创建js组件内容（可直接粘贴过去，需要改宽度和高度，修改_init方法中的宽和高）function GVe...

2020-05-27

54浏览

0评论

js实现时分秒倒计时

本文实例为大家分享了js实现时分秒倒计时的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js时分秒毫秒倒计时</ti...

2020-05-27

102浏览

0评论

node静态服务器实现静态读取文件或文件夹

现在我们已经大致了解了node 的基本工作原理，现在来实现一个系统的功能读取文件或者文件夹采坑记录中文输出乱码问题res.statusCode = 200res.setHeader('Content-Type', 't...

2020-05-27

38浏览

0评论

vue中实现高德定位功能

一、获取key及在index.htm中引入首先需要成为高德开发者，申请到适合项目的key.并在index.html中进行引入<script type="text/javascript" src="https://webapi.amap.com/maps...

2020-05-27

47浏览

0评论

JS实现的雪花飘落特效示例

本文实例讲述了JS实现的雪花飘落特效。分享给大家供大家参考，具体如下：首先我们要创建一个HTML文件，将其命名为index.html<!DOCTYPE html><html><head> <title> Canvas - 雪花...

2020-05-27

53浏览

0评论

jQuery轮播图功能制作方法详解

本文实例讲述了jQuery轮播图功能制作方法。分享给大家供大家参考，具体如下：在写轮播图之前我们先看看这个轮播图完成后的样式是怎样的

素材图片：

代码HTML代码<!DOCTYPE htm...

2020-05-27

60浏览

0评论

vue项目中极验验证的使用代码示例

使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调...

2020-05-27

62浏览

0评论

在vue和element-ui的table中实现分页复选功能

背景
后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现页面结构如下<el-table class="table" :data="tableData" border sty...

2020-05-27

35浏览

0评论

element-ui 远程搜索组件el-select在项目中组件化的实现代码

在项目中发现使用el-select时写的比较多重复代码，还有就是同一个页面使用el-select会出现label值会显示value值，
el-select组件化：<template> <el-select :class="obj&&keywor...

2020-05-27

热门文章