p5.js入门教程之平滑过渡(Easing)
一、跟随鼠标移动的小球使用mouseX,mouseY可以创建一个跟随鼠标移动的小球。function setup() { createCanvas(400, 400); } function draw() { background(220); e...
2020-05-27
vue iView 上传组件之手动上传功能
基于 Vue 的 UI 组件库现在已经有很多了，尤其是移动端的。现在又多了一个 iView 。iView 主要服务于 PC 界面的中后台业务，是一套高质量的开源 UI 组件库，先上地址：https://gith...
2020-05-27
nodejs简单读写excel内容的方法示例
本文实例讲述了nodejs简单读写excel内容的方法。分享给大家供大家参考，具体如下：支持读写Excel的node.js模块node-xlsx: 基于Node.js解析excel文件数据及生成excel文件，仅支持x...
2020-05-27
node.js博客项目开发手记
需要安装的模块
body-parser 解析post请求 cookies 读写cookie express 搭建服务器 markdown Markdown语法解析生成器 mongoose 操作Mongodb数据库 swig 模板解析引...
2020-05-27
javaScript中"=="和"==="的区别详解
区别:
==， 两边值类型不同的时候，要先进行类型转换，再比较。
==，不做类型转换，类型不同的一定不等。
下面分别说明：先说 "==="，这个比较简单。下面的规则用来判断两个值是否===相...
2020-05-27
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
NodeJS实现不可逆加密与密码密文保存的方法
本文实例讲述了NodeJS实现不可逆加密与密码密文保存的方法。分享给大家供大家参考，具体如下：在应用中，常常有要将用户的密码加密储存的需要。以明文保存密码有个缺点：一旦泄漏时...
2020-05-27
Vue实现active点击切换方法
循环的情况：1、点击时传入index索引（获取当前点击的是哪个）@click="active(index)"2、将索引值传入class（索引等于几就第几个添加active类）:class="{active:index==ins}"3、在dat...
2020-05-27
NodeJS父进程与子进程资源共享原理与实现方法
本文实例讲述了NodeJS父进程与子进程资源共享原理与实现方法。分享给大家供大家参考，具体如下：实验目标：实现父进程与子进程间资源共享使用模块：cluster简介：建立node集群，实现多...
2020-05-27
vue中实现图片和文件上传的示例代码
html页面<input type="file" value="" id="file" @change='onUpload'>//注意不能带括号js代码methods: {//上传图片onUpload(e){ var formData = new FormData();...
2020-05-27
vue axios 表单提交上传图片的实例
项目中用的element 的框架，然后在项目有一个添加数据需求是图片可上传，也可不上传，然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的，但接口写的是有file的...
2020-05-27
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
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
在vue组件中使用axios的方法
现在我们通过webpack+vue-cli搭建起了一个vue项目的框架，如果我们需要在vue组件中使用axios向后台获取数据应该怎么办呢？通常情况下，我们搭建好的项目目录应该是这样子的首先需...
2020-05-27
axios post提交formdata的实例
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（nod...
2020-05-27
vue-router相关基础知识及工作原理
前言今天面试被问到 vue的动态路由，我竟然没有回答上来，感觉不是什么难得问题。好久没有看vue-router的文档，很多用的东西和概念没有对上。回来一看什么是动态路由就傻眼了。...
2020-05-27
解决npm管理员身份install时出现权限的问题
在用npm安装模块时，虽然我是通过管理员身份执行的，但依然会报有关权限的错这是因为我手贱升了个级，升到了最新的5.3.0。升级之后应该在install后面加上–no-optional所以说，同志...
2020-05-27
JS匿名函数和匿名自执行函数概念与用法分析
本文实例讲述了JS匿名函数和匿名自执行函数概念与用法。分享给大家供大家参考，具体如下：1. 匿名函数的常见场景js中的匿名函数是一种很常见的函数类型，比较常见的场景:<input t...
2020-05-27
p5.js入门教程之鼠标交互的示例
本文介绍了p5.js入门教程之鼠标交互的示例，分享给大家，具体如下：
一、鼠标交互常用关键词p5.js提供了许多鼠标操作用的关键词与函数，常用的有：mouseIsPressed：关键词，若鼠标按下则...
2020-05-27
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
Vue-路由导航菜单栏的高亮设置方法
如下所示：默认情况下，路由的导航菜单，会自动给当前菜单添加router-link-exact-active 和router-link-active 类。我们可以通过 linkActiveClass 来修改 router-link-active 这...
2020-05-27
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
vue结合Echarts实现点击高亮效果的示例
本文主要介绍如何在vue中使用Echarts实现点击高亮效果。1、首先看一下官方网站上的介绍：http://echarts.baidu.com/api.html#action.graph.focusNodeAdjacency2、在初始化的...
2020-05-27
echarts鼠标覆盖高亮显示节点及关系名称详解
本文在echart自带的focusNodeAdjacency属性上进行修改。1、效果先上效果，原来是鼠标覆盖之后只显示节点名称不显示关系名称。修改之后可以既显示节点名称又显示（自定义的）关系...
2020-05-27
vue 实现复制内容到粘贴板clipboard的方法
1 . npm安装到项目目录文件中npm install clipboard --save2 . import 引入文件import Clipboard from 'clipboard';3 . 在需要html元素中的自定义属性中data-clipboard-tex...
2020-05-27
vue获取当前激活路由的方法
一个 route object（路由信息对象） 表示当前激活的路由的状态信息，包含了当前 URL 解析得到的信息，还有 URL 匹配到的 route records（路由记录）。route object 是 immutable（不可变）...
2020-05-27
vue 每次渲染完页面后div的滚动条保持在最底部的方法
实例如下：//每次页面渲染完之后滚动条在最底部updated:function(){ this.$nextTick(function(){ var div = document.getElementById('dialogue_box'); div.scrollTop = d...
2020-05-27
vue中实现先请求数据再渲染dom分享
在项目中遇到了一个问题，下面是vue template中的代码：我之前的写法是这样做的结果是下面取dom的操作，取到的dom都是undefined，也就是没有取到。原因是并没有按照 请求数据—>渲...
2020-05-27
解决vue页面DOM操作不生效的问题
现象：使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下：下面是出错部分：在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示...
2020-05-27
nodejs实现超简单生成二维码的方法
本文实例讲述了nodejs实现超简单生成二维码的方法。分享给大家供大家参考，具体如下：一开始使用node-qrcode（https://github.com/soldair/node-qrcode），结果安装的时候需要安装pyt...
2020-05-27
nodejs+mongodb aggregate级联查询操作示例
本文实例讲述了nodejs+mongodb aggregate级联查询操作。分享给大家供大家参考，具体如下：最近完成了一个nodejs+mongoose的项目，碰到了mongodb的级联查询操作。情形是实现一个排...
2020-05-27
基于vue1和vue2获取dom元素的方法
vue1.*版本中在标签中加上el='dom'，然后在代码中this.$els.dom这样就拿到了页面元素例如：<div class='box' v-el: myBox>你好</div>让你好的颜色显示为红色：this.$els.my-box....
2020-05-27
JS实现将链接生成二维码并转为图片的方法
本文实例讲述了JS实现将链接生成二维码并转为图片的方法。分享给大家供大家参考，具体如下：<div id="code"></div><img id="img"/><script type="text/javascript"> var qrcod...
2020-05-27
Vue实现动态创建和删除数据的方法
视图：代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> //导入vue.js <script type="text/javascript" src="./vue.js"></script> //非常简单了...
2020-05-27
基于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
对vue里函数的调用顺序介绍
method用来定义方法的,比如你@click=”test”,methods就定义test这个方法created和ready都是 vue 组件的生命周期 created 类型： Function详细： 在实例创建之后同步调用。此时...
2020-05-27
JS实现为动态创建的元素添加事件操作示例
本文实例讲述了JS实现为动态创建的元素添加事件操作。分享给大家供大家参考，具体如下：html中直接生成的元素，添加事件，我们都知道，但是如何为一个动态生成的元素添加事件呢，jquery...
2020-05-27
Vue的路由动态重定向和导航守卫实例
根据vue官方文档，对于重定向有详细的示例，但是关于使用方法动态重定向的描述却不多，重定向部分的描述如下：重定向 重定向也是通过 routes 配置来完成，下面例子是从 /a 重定向到 /...
2020-05-27
vue实现的上传图片到数据库并显示到页面功能示例
本文实例讲述了vue实现的上传图片到数据库并显示到页面功能。分享给大家供大家参考，具体如下：1、点击上传图片，弹出选择图片选项框。页面代码：<div class="form-signin-heading"...
2020-05-27
解决使用vue.js路由后失效的问题
新学了vue.js中的路由 在之前写的vue的demo上加上了简单的路由例子(来自vue-router 2),但是加上点击后只有地址栏变化,内容并不变.且之前用jquery写的一些效果也失效了.最后...
2020-05-27
js中如何完美的解析数据
自从有了前后端分离，一些后端小伙伴给出的数据结构也来越混乱了。以为分离减轻了他们的负担接口的质量会非常高但是人的惰性却体现的很“完美”。
由于js是若类型的语言，所以...
2020-05-27
js中DOM事件绑定分析
js事件绑定JavaScript 有三种事件模型： 内联模型 脚本模型 DOM2 模型1、内联模型 //基本废除不用<input type="button" value="按钮" onclick="alert('Lee');" /><input t...
2020-05-27
JavaScript中字符串的常用操作方法及特殊字符
下面看下js字符串的常用操作方法，具体内容如下所述：charAt() 获取字符串中特定索引处的字符；toupperCase() 将字符串的所有字符转换成大写字母；indexOf()...
2020-05-27
jQuery中each方法的使用详解
概述： each() 方法规定为每个匹配元素规定运行的函数。 返回 false 可用于及早停止循环,相当于break。 返回 true 可以结束本次循环，相当于continue。语法:$(selecto...
2020-05-27
jquery 实现拖动文件上传加载进度条功能
通过对文件的拖动实现文件的上传，主要用到的是HTML5的ondrop事件，上传内容通道FormData传输：//进度条<div class="parent-dlg" > <div class="progress-label">0%</div> <div c...
2020-05-27
分析javascript原型及原型链
我们创建的每个函数都有一个 prototype （原型）属性，这个属性是一个指针，指向一个原型对象，而这个原型对象中拥有的属性和方法可以被所以实例共享。function Person(){}Person.pro...
2020-05-27
使用Angular CLI生成 Angular 5项目教程详解
如果您正在使用angular, 但是没有好好利用angular cli的话, 那么可以看看本文.Angular CLI 官网:https://github.com/angular/angular-cli安装angular cli:npm install -g @...
2020-05-27
jQuery替换节点元素的操作方法
替换节点元素的操作，实现动态页面的，代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中国</title> <script type="text/javascript" src="../...
2020-05-27
Servlet3.0与纯javascript通过Ajax交互的实例详解
对于很多人来说应该很简单。不过还是写写，方便Ajax学习的后来者。虽然js.html是一个纯静态的页面，但是以下的程序必须挂在Tomcat服务器上，才能做到Ajax交互，否则看不出效果的。E...
2020-05-27
vue 实现的树形菜的实例代码
下面一段代码给大家介绍vue 实现的树形菜单功能，具体代码如下所示：
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue</title> <meta name="viewpo...
2020-05-27
