JavaScript - 教程之家

44浏览

0评论

angular项目中bootstrap-datetimepicker时间插件的使用示例

一、需求：后台系统中经常会使用到的功能，选择一个时间区间，根据这个时间区间去筛选一些信息，比如，某一时间段的注册用户。二、最后效果三、需要引入的文件（src/index.html）注意：1、j...

2020-05-27

65浏览

0评论

p5.js入门教程和基本形状绘制

一、什么是p5.js最近接触了一门数字媒体艺术类的课程，名为Interactivity，教的是p5.js。主讲老师就是开发者之一……还是挺激动的。p5.js是一个为艺术家、设计师而开发的Javasc...

2020-05-27

39浏览

0评论

Angularjs Promise实例详解

一、什么是PromisePromise是对象，代表了一个函数最终可能的返回值或抛出的异常，就是用来异步处理值的。Promise是一个构造函数，自己身上有all、reject、resolve这几个异步方式...

2020-05-27

42浏览

0评论

JS实现导出Excel的五种方法详解【附源码下载】

本文实例讲述了JS实现导出Excel的五种方法。分享给大家供大家参考，具体如下：这五种方法前四种方法只支持IE浏览器，最后一个方法支持当前主流的浏览器（火狐，IE，Chrome，Opera，Safari）<!...

2020-05-27

89浏览

0评论

JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】

本文实例讲述了JavaScript实现写入文件到本地的方法。分享给大家供大家参考，具体如下：工作中有时需要通过 JavaScript 保存文件到本地，我们都知道 JavaScript 基于安全的考虑，是...

2020-05-27

66浏览

0评论

p5.js入门教程之小球动画示例代码

一、运动的小球本节将用p5.js做一个在屏幕上运动的小球。思路是用变量记录小球的位置，然后在draw()函数里对其做出改变，由于draw()函数会不断地运行（频率为FPS，默认60帧/秒），所以...

2020-05-27

49浏览

0评论

JavaScript的数据类型转换原则(干货)

我们都知道JavaScript是一门弱类型（或称动态类型）的语言，即变量的类型是不确定的。var num = 123 ; //123var num = 'HAHAHA' + num ; // "HAHAHA123"上面的代码中，变量num起初...

2020-05-27

38浏览

0评论

JavaScript 隐性类型转换步骤浅析

这里说的隐性类型转换，是==引起的转换。如果存在NaN，一律返回false 再看有没有布尔，有布尔就将布尔转换为数字接着看有没有字符串, 有三种情况，对方是对象，对象使用toString...

2020-05-27

56浏览

0评论

p5.js入门教程之平滑过渡(Easing)

一、跟随鼠标移动的小球使用mouseX,mouseY可以创建一个跟随鼠标移动的小球。function setup() { createCanvas(400, 400); } function draw() { background(220); e...

2020-05-27

55浏览

0评论

vue iView 上传组件之手动上传功能

基于 Vue 的 UI 组件库现在已经有很多了，尤其是移动端的。现在又多了一个 iView 。iView 主要服务于 PC 界面的中后台业务，是一套高质量的开源 UI 组件库，先上地址：https://gith...

2020-05-27

51浏览

0评论

nodejs简单读写excel内容的方法示例

本文实例讲述了nodejs简单读写excel内容的方法。分享给大家供大家参考，具体如下：支持读写Excel的node.js模块node-xlsx: 基于Node.js解析excel文件数据及生成excel文件，仅支持x...

2020-05-27

55浏览

0评论

node.js博客项目开发手记

需要安装的模块
body-parser 解析post请求 cookies 读写cookie express 搭建服务器 markdown Markdown语法解析生成器 mongoose 操作Mongodb数据库 swig 模板解析引...

2020-05-27

44浏览

0评论

javaScript中"=="和"==="的区别详解

区别:
==，两边值类型不同的时候，要先进行类型转换，再比较。
==，不做类型转换，类型不同的一定不等。
下面分别说明：先说 "==="，这个比较简单。下面的规则用来判断两个值是否===相...

2020-05-27

33浏览

0评论

vue实现tab切换外加样式切换方法

实例如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; list-style: none } #ap...

2020-05-27

81浏览

0评论

NodeJS实现不可逆加密与密码密文保存的方法

本文实例讲述了NodeJS实现不可逆加密与密码密文保存的方法。分享给大家供大家参考，具体如下：在应用中，常常有要将用户的密码加密储存的需要。以明文保存密码有个缺点：一旦泄漏时...

2020-05-27

55浏览

0评论

Vue实现active点击切换方法

循环的情况：1、点击时传入index索引（获取当前点击的是哪个）@click="active(index)"2、将索引值传入class（索引等于几就第几个添加active类）:class="{active:index==ins}"3、在dat...

2020-05-27

31浏览

0评论

NodeJS父进程与子进程资源共享原理与实现方法

本文实例讲述了NodeJS父进程与子进程资源共享原理与实现方法。分享给大家供大家参考，具体如下：实验目标：实现父进程与子进程间资源共享使用模块：cluster简介：建立node集群，实现多...

2020-05-27

49浏览

0评论

vue中实现图片和文件上传的示例代码

html页面<input type="file" value="" id="file" @change='onUpload'>//注意不能带括号js代码methods: {//上传图片onUpload(e){ var formData = new FormData();...

2020-05-27

48浏览

0评论

vue axios 表单提交上传图片的实例

项目中用的element 的框架，然后在项目有一个添加数据需求是图片可上传，也可不上传，然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的，但接口写的是有file的...

2020-05-27

66浏览

0评论

Vue实现搜索和新闻列表功能简单范例

效果图如下所示：
<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <meta name="apple-mobile-web-app-capable" content="yes"><meta name="...

2020-05-27

52浏览

0评论

axios发送post请求,提交图片类型表单数据方法

DOME<input type="file" @change="upload" ref="upload">接口const userUploadAtt = (File,config) => axios.post("接口",File,config)处理数据let input = this.$refs.upl...

2020-05-27

55浏览

0评论

在vue组件中使用axios的方法

现在我们通过webpack+vue-cli搭建起了一个vue项目的框架，如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢？通常情况下，我们搭建好的项目目录应该是这样子的首先需...

2020-05-27

39浏览

0评论

axios post提交formdata的实例

vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（nod...

2020-05-27

58浏览

0评论

vue-router相关基础知识及工作原理

前言今天面试被问到 vue的动态路由，我竟然没有回答上来，感觉不是什么难得问题。好久没有看vue-router的文档，很多用的东西和概念没有对上。回来一看什么是动态路由就傻眼了。...

2020-05-27

54浏览

0评论

解决npm管理员身份install时出现权限的问题

在用npm安装模块时，虽然我是通过管理员身份执行的，但依然会报有关权限的错这是因为我手贱升了个级，升到了最新的5.3.0。升级之后应该在install后面加上–no-optional所以说，同志...

2020-05-27

44浏览

0评论

JS匿名函数和匿名自执行函数概念与用法分析

本文实例讲述了JS匿名函数和匿名自执行函数概念与用法。分享给大家供大家参考，具体如下：1. 匿名函数的常见场景js中的匿名函数是一种很常见的函数类型，比较常见的场景:<input t...

2020-05-27

49浏览

0评论

p5.js入门教程之鼠标交互的示例

本文介绍了p5.js入门教程之鼠标交互的示例，分享给大家，具体如下：
一、鼠标交互常用关键词p5.js提供了许多鼠标操作用的关键词与函数，常用的有：mouseIsPressed：关键词，若鼠标按下则...

2020-05-27

56浏览

0评论

Vue 实现双向绑定的四种方法

1. v-model 指令<input v-model="text" />上例不过是一个语法糖，展开来是：<input :value="text" @input="e => text = e.target.value"/>2. .sync 修饰符<my-dialog :visible....

2020-05-27

66浏览

0评论

Vue-路由导航菜单栏的高亮设置方法

如下所示：默认情况下，路由的导航菜单，会自动给当前菜单添加router-link-exact-active 和router-link-active 类。我们可以通过 linkActiveClass 来修改 router-link-active 这...

2020-05-27

42浏览

0评论

vue实现a标签点击高亮方法

如下所示：<!DOCTYPE html><htmllang="en"><head><title></title><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1"><!--<link href...

2020-05-27

54浏览

0评论

vue结合Echarts实现点击高亮效果的示例

本文主要介绍如何在vue中使用Echarts实现点击高亮效果。1、首先看一下官方网站上的介绍：http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency2、在初始化的...

2020-05-27

52浏览

0评论

echarts鼠标覆盖高亮显示节点及关系名称详解

本文在echart自带的focusNodeAdjacency属性上进行修改。1、效果先上效果，原来是鼠标覆盖之后只显示节点名称不显示关系名称。修改之后可以既显示节点名称又显示（自定义的）关系...

2020-05-27

32浏览

0评论

vue 实现复制内容到粘贴板clipboard的方法

1 . npm安装到项目目录文件中npm install clipboard --save2 . import 引入文件import Clipboard from 'clipboard';3 . 在需要html元素中的自定义属性中data-clipboard-tex...

2020-05-27

77浏览

0评论

vue获取当前激活路由的方法

一个 route object（路由信息对象）表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。route object 是 immutable（不可变）...

2020-05-27

116浏览

0评论

vue 每次渲染完页面后div的滚动条保持在最底部的方法

实例如下：//每次页面渲染完之后滚动条在最底部updated:function(){ this.$nextTick(function(){ var div = document.getElementById('dialogue_box'); div.scrollTop = d...

2020-05-27

36浏览

0评论

vue中实现先请求数据再渲染dom分享

在项目中遇到了一个问题，下面是vue template中的代码：我之前的写法是这样做的结果是下面取dom的操作，取到的dom都是undefined，也就是没有取到。原因是并没有按照请求数据—>渲...

2020-05-27

53浏览

0评论

解决vue页面DOM操作不生效的问题

现象：使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下：下面是出错部分：在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示...

2020-05-27

86浏览

0评论

nodejs实现超简单生成二维码的方法

本文实例讲述了nodejs实现超简单生成二维码的方法。分享给大家供大家参考，具体如下：一开始使用node-qrcode（https://github.com/soldair/node-qrcode），结果安装的时候需要安装pyt...

2020-05-27

31浏览

0评论

nodejs+mongodb aggregate级联查询操作示例

本文实例讲述了nodejs+mongodb aggregate级联查询操作。分享给大家供大家参考，具体如下：最近完成了一个nodejs+mongoose的项目，碰到了mongodb的级联查询操作。情形是实现一个排...

2020-05-27

35浏览

0评论

基于vue1和vue2获取dom元素的方法

vue1.*版本中在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素例如：<div class='box' v-el: myBox>你好</div>让你好的颜色显示为红色：this.$els.my-box....

2020-05-27

64浏览

0评论

JS实现将链接生成二维码并转为图片的方法

本文实例讲述了JS实现将链接生成二维码并转为图片的方法。分享给大家供大家参考，具体如下：<div id="code"></div><img id="img"/><script type="text/javascript"> var qrcod...

2020-05-27

60浏览

0评论

Vue实现动态创建和删除数据的方法

视图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单了...

2020-05-27

44浏览

0评论

基于vue2.0动态组件及render详解

如下所示：<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>这里是Boor</h2> <component v-bind:my-data="items" v-bind:is="currentView"> <!-- 组件在 vm.current...

2020-05-27

50浏览

0评论

对vue里函数的调用顺序介绍

method用来定义方法的,比如你@click=”test”,methods就定义test这个方法created和ready都是 vue 组件的生命周期 created 类型： Function详细：在实例创建之后同步调用。此时...

2020-05-27

53浏览

0评论

JS实现为动态创建的元素添加事件操作示例

本文实例讲述了JS实现为动态创建的元素添加事件操作。分享给大家供大家参考，具体如下：html中直接生成的元素，添加事件，我们都知道，但是如何为一个动态生成的元素添加事件呢，jquery...

2020-05-27

59浏览

0评论

Vue的路由动态重定向和导航守卫实例

根据vue官方文档，对于重定向有详细的示例，但是关于使用方法动态重定向的描述却不多，重定向部分的描述如下：重定向重定向也是通过 routes 配置来完成，下面例子是从 /a 重定向到 /...

2020-05-27

100浏览

0评论

vue实现的上传图片到数据库并显示到页面功能示例

本文实例讲述了vue实现的上传图片到数据库并显示到页面功能。分享给大家供大家参考，具体如下：1、点击上传图片，弹出选择图片选项框。页面代码：<div class="form-signin-heading"...

2020-05-27

51浏览

0评论

解决使用vue.js路由后失效的问题

新学了vue.js中的路由在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后...

2020-05-27

53浏览

0评论

js中如何完美的解析数据

自从有了前后端分离，一些后端小伙伴给出的数据结构也来越混乱了。以为分离减轻了他们的负担接口的质量会非常高但是人的惰性却体现的很“完美”。
由于js是若类型的语言，所以...

2020-05-27

46浏览

0评论

js中DOM事件绑定分析

js事件绑定JavaScript 有三种事件模型：内联模型脚本模型 DOM2 模型1、内联模型 //基本废除不用<input type="button" value="按钮" onclick="alert('Lee');" /><input t...

2020-05-27

热门文章