编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

38浏览

0评论

vue2.0路由切换后页面滚动位置不变BUG的解决方法

最近项目中遇到这样一个问题，vue切换路由，页面到顶端的滚动距离仍会保持不变。<a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立...

2020-05-27 08:00:28

53浏览

0评论

vue的mixins属性详解

首先先给出官网 https://vuejs.org/v2/guide/mixins.html今天在开发项目的时候要改变一个标签的属性，因为项目中有多个地方都要改(业务逻辑相同)，所以就看有没办法只改变一个...

2020-05-27 08:00:26

42浏览

0评论

vue2.0模拟锚点的实例

在vue项目中，因为采用路由跳转，会导致无法使用常规的a标签配合ID的锚点功能。解决办法：<a href="javascript:void(0)" rel="external nofollow" @click="goAnchor('#anchor')">...

2020-05-27 08:00:24

47浏览

0评论

Vue使用mixins实现压缩图片代码

本文介绍了Vue使用mixins实现压缩图片代码，分享给大家，具体如下：图片压缩
创建mixins image-compress.js
export default { methods: { /** * 检查并压缩图片大小 */ che...

2020-05-27 08:00:22

49浏览

0评论

vue项目国际化vue-i18n的安装使用教程

前言项目需要支持多语言，我们需要提取出项目中使用的静态文本，使用语言包进行管理，当切换语言设置的时候，可以自动切换整个项目的文字显示。发现Vue项目中有对应的组件 vue-i18...

2020-05-27 08:00:20

40浏览

0评论

Vue2.0 事件的广播与接收(观察者模式)

1.Vue1.0 事件的广播与接收(观察者模式)
早期vue1.0组件之间的这通信传递数据的方法，vue官网给出了两上方法 $dispatch 和 $broadcast。
但vue2.0之后就弃用这两个方法，以下...

2020-05-27 08:00:19

43浏览

0评论

vue2.0安装style/css loader的方法

项目需要引用额外的ui组件库，就需要安装style-loader和css-loader安装style-loader （css-loader默认有）npm install style-loader -D然后，打开模板build--webpack.base.conf.js...

2020-05-27 08:00:14

88浏览

0评论

iview table高度动态设置方法

在使用iview table表格组件的时候，由于我的屏幕分辨率比较大，在自己pc机上设置的固定高度很适合，在测试（test）时候发现在别的终端如1368*768的机器上都显示不全，下面就把我的和其...

2020-05-27 08:00:12

57浏览

0评论

Angular4集成ng2-file-upload的上传组件

在Github上找到了一个支持Angular4好用的文件上传组件ng2-file-upload，这里简单介绍一下这个库的集成使用方案。本文基于该组件的1.2.1版。1. 安装安装非常简单，只要在项目根...

2020-05-27 08:00:08

56浏览

0评论

nodejs acl的用户权限管理详解

说明Q: 这个工具用来做什么的呢A: 用户有不同的权限,比如管理员,vip,普通用户,每个用户对应访问api,页面都不一样nodejs有两个比较有名的权限管理模块一个是acl 一个是rbac...

2020-05-27 08:00:04

38浏览

0评论

nodejs实现解析xml字符串为对象的方法示例

本文实例讲述了nodejs实现解析xml字符串为对象的方法。分享给大家供大家参考，具体如下：var xmlreader = require("xmlreader");var fs = require("fs");var xml_string = '<re...

2020-05-27 08:00:01

55浏览

0评论

微信小程序实现换肤功能

pc或者移动端实现换肤功能还是比较简单的，大致就是需要换肤的css，还有正常的css；把当前皮肤类型存入本地；然后通过js读取并判断当前应该加载哪套css。由于微信小程序没有操作wxs...

2020-05-27 07:59:52

65浏览

0评论

vue iview组件表格 render函数的使用方法详解

如果要在标签中加入属性，例如img 中src属性 a标签中href属性此时需要用到attrs 来加入而不是props { title: '操作', key: 'action', align: 'center', render: function...

2020-05-27 07:59:48

45浏览

0评论

iview日期控件,双向绑定日期格式的方法

日期在双向绑定之后格式为：2017-07-03T16:00:00.000Z想要的格式为2017-07-04调了好久，几乎一天：用一句话搞定了@on-change=”addForm.Birthday=$event”<Date-picker placehold...

2020-05-27 07:59:46

62浏览

0评论

解决iView中时间控件选择的时间总是少一天的问题

今天在用iview做前端页面开发的时候，遇到一个奇葩问题(也许自己主要做后台开发，当时我还纳闷了)，我在时间控件中明明选择的是2017-10-19,但是当通过vue的调试器查看的时候，竟然...

2020-05-27 07:59:45

56浏览

0评论

基于IView中on-change属性的使用详解

本人android开发出身，因工作需要，后台前端的代码也都有涉猎，这两天一直被input标签中的onchange困扰的头昏脑胀，辗转难眠，废话不多说，下面说下遇到的问题和解决办法。问题产生之前...

2020-05-27 07:59:44

53浏览

0评论

用Axios Element实现全局的请求loading的方法

背景业务需求是这样子的，每当发请求到后端时就触发一个全屏的 loading，多个请求合并为一次 loading。
现在项目中用的是 vue 、axios、element等，所以文章主要是讲如果使用 axi...

2020-05-27 07:59:42

92浏览

0评论

iview中Select 选择器多选校验方法

iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目...

2020-05-27 07:59:40

40浏览

0评论

nodejs实现连接mongodb数据库的方法示例

本文实例讲述了nodejs实现连接mongodb数据库的方法。分享给大家供大家参考，具体如下：var MongoClient = require('mongodb').MongoClient;var DB_CONN_STR = 'mongodb://zlg:4...

2020-05-27 07:59:38

59浏览

0评论

mpvue中配置vuex并持久化到本地Storage图文教程解析

# 配置vuex和在vue中相同，只是mpvue有一个坑，就是不能直接在new Vue的时候传入store。步骤：1.在src目录下新建一个store目录，结构如下（官方推荐： vuex.vuejs.org/zh-cn/struc… ）...

2020-05-27 07:59:36

47浏览

0评论

nodejs实现的简单web服务器功能示例

本文实例讲述了nodejs实现的简单web服务器功能。分享给大家供大家参考，具体如下：前端js代码：<script src="jquery-1.12.1.js"></script><script type="text/javascript"> $.aja...

2020-05-27 07:59:34

83浏览

0评论

vue-cli创建的项目,配置多页面的实现方法

vue官方提供的命令行工具vue-cli，能够快速搭建单页应用。默认一个页面入口index.html，那么，如果我们需要多页面该如何配置，实际上也不复杂假设要新建的页面是rule，以下以rule为例...

2020-05-27 07:59:33

62浏览

0评论

nodejs简单访问及操作mysql数据库的方法示例

本文实例讲述了nodejs简单访问及操作mysql数据库的方法。分享给大家供大家参考，具体如下：var mysql = require('mysql'); //调用MySQL模块 mysql模块要安装 $ npm install mys...

2020-05-27 07:59:31

34浏览

0评论

web3.js增加eth.getRawTransactionByHash(txhash)方法步骤

eth_getRawTransactionByHash
https://ethereum.stackexchange.com/questions/7473/get-raw-transaction-from-hashThere is an "undocumented" method eth_getRawTransacti...

2020-05-27 07:59:29

77浏览

0评论

vue实现提示保存后退出的方法

假设有这样一个需求，用户在一个页面内编辑文字，但是并未点击保存并且跳转到了下一个路由。比较好的做法应该是给出一个提示—“您编辑的内容还未保存，是否确认退出？”用户如果点...

2020-05-27 07:59:27

58浏览

0评论

vue之浏览器存储方法封装实例

如下所示：export function isObject (val) { return val !== null && typeof val === 'object'}export function setStore (key, val, type = 'localStorage') { if (isObjec...

2020-05-27 07:59:24

44浏览

0评论

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

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

2020-05-27 07:59:21

67浏览

0评论

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

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

2020-05-27 07:59:19

39浏览

0评论

Angularjs Promise实例详解

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

2020-05-27 07:59:15

42浏览

0评论

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

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

2020-05-27 07:59:11

89浏览

0评论

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

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

2020-05-27 07:59:08

69浏览

0评论

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

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

2020-05-27 07:59:07

49浏览

0评论

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

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

2020-05-27 07:59:06

42浏览

0评论

JavaScript 隐性类型转换步骤浅析

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

2020-05-27 07:58:59

58浏览

0评论

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

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

2020-05-27 07:58:57

57浏览

0评论

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

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

2020-05-27 07:58:53

53浏览

0评论

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

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

2020-05-27 07:58:52

55浏览

0评论

node.js博客项目开发手记

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

2020-05-27 07:58:51

44浏览

0评论

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

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

2020-05-27 07:58:48

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 07:58:46

82浏览

0评论

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

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

2020-05-27 07:58:40

57浏览

0评论

Vue实现active点击切换方法

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

2020-05-27 07:58:07

31浏览

0评论

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

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

2020-05-27 07:58:01

49浏览

0评论

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

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

2020-05-27 07:58:00

48浏览

0评论

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

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

2020-05-27 07:57:59

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 07:57:58

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...