stanisgood-CSDN博客

原创 nodejs结合express+mysql搭建后台服务实战实现用户注册登录以及增删改查

github项目地址:https://github.com/0705140216/nodejs.git项目效果实现会员登录注册以及增删改筛查等github上面总共有两个文件一个app是后台文件,newvue是前台展示的文件,两者都需要cnpm install装一下包装完modules后启动方式: app======>npm start ...

2019-12-24 17:25:17 1963 3

原创全网最全vue调用微信SDK实现分享，地理位置等

由于最近工作太忙导致很少时间去整理，由于之前写的vue调用微信的SDK比较火,所以打算再出一个更加详细的版本1 首先自己遇到一个比较坑的就是,weixin-jsapi它本身断更了,版本接不上,更不上SDK本身的更新速度,在此批斗一下作者,哈哈哈开玩笑的,所以大家还是选择 cnpm install weixin-js-sdk --save以下简写的路径是因为我在vue.config.js...

2019-12-24 16:34:48 1450

在vue项目中引入jssdk，微信为了方便用户使用，将官方的jssdk发布到了npm上，有一个叫weixin-js-sdk的，但我们需要使用的不是这个，网上很多在vue中引用的是这个，但是这个是为commonjs发布的版本，只能通过require引入，很多人发现在vue中引入import wx from ‘weixin-js-sdk’，console.log(wx)会出现undefined，实际为...

2019-06-06 17:26:14 4466 8

原创 vue elementTable结合minxin封装的带分页查询的table

1创建table.vue<template> <div> <el-form :inline="true" :model="search" ref="search" > <el-form-item prop="name" la...

2019-06-03 15:42:17 472 1

原创 vue中使用v-charts,以柱状图为例

1.v-charts真的不错的一个图标插件,它是在echarts基础上二次封装而来,不管从调用和使用来说都比较方便.唯一的美中不足就是官方文档是真的忒少了.。不是知道他们怎么想的，不多说咱们直接上干货。2 我们在写项目的时候通常只会用到图表中的某一个，全部引用的话太消耗性能了，所以我们考虑按需引入的方式，可以参考v-chats官网可以自定义调用的位置,反正我是放在这边的,下面是char...

2019-11-14 11:49:41 7708 2

原创 vue结合elementui打造动态问卷以及实现题目可拖拽等功能

1 首先通过npm下载实现功能的两个包,一个是elementui 和 vuedraggable 实现可拖拽cnpm install elementui --savecnpm install vue-draggable --save2 elemntui我就不多说怎么去引入了，官网都有，讲一下引入vue-draggableimport vuedraggable from 'vue...

2019-08-05 11:10:54 5959 7

原创 vue中使用tinymceEditor富文本编辑器

1首先我们需要在我们的module中通过npm 或者 cnpm安装cnpm install tinymce -S2在我们的项目中新建一个components文件夹，并创建TinymceEditor.vue的一个组建3代码如下<template> <div class="myEditor"> <div class="tinymce-...

2019-08-02 14:10:01 5022

原创 vue在template中如何使用自定义变量

1 assets建一个放置变量的scss文件(variable.scss)$menuText:#001528;$menuActiveText:#009A61;$menuBg:#eee;//暴露css:export { menuText: $menuText; menuActiveText: $menuActiveText; menuBg: $menuBg;}2引入变...

2019-07-11 09:53:34 8781

原创团队配合写vue必不可少的eslint.js

module.exports = { root: true, parserOptions: { parser: 'babel-eslint', sourceType: 'module' }, env: { browser: true, node: true, es6: true }, extends: ['plugin:vue/re...

2019-07-03 16:54:29 591

原创 Vue中如何使用websocket

1新建文件夹 socket.js(目录自己看着办,可以放lib或者utils)import Vue from 'vue'const ReconnectingWebSocket = require('@/api/webSocket/reconnecting-websocket.min.js') // https://github.com/joewalnes/reconnecting-webs...

2019-07-03 16:26:03 4197

原创 axios封装

import axios from "axios";import store from "@/store";import router from "../router";// import config from "@/config"; //基础配置,这里我就不展示就是拼接两个对象,你也可以注释掉import { Message } from "element-ui";// 获取登...

2019-06-03 15:52:12 147

原创 Vue elementui省市区组件封装

1 创建area.vue放在components文件夹中,代码如下<template> <div> <el-form-item :prop="areaItemName.area" label="所属地区" :label-width="itemCfg.labelWidth" ...

2019-06-03 15:14:09 2075 1

原创 vue中使用svg

1借助我们前端的合作伙伴,阿里巴巴icon图库2等保存 iconfont文件之后 main.js引入import '../static/iconfont/iconfont.css'import '../static/iconfont/iconfont.js'在.vue文件中的使用 <svg class="icon iconFill" ari...

2019-03-28 11:14:00 865

原创 Vue Elementui Table组件封装适用任何场景

<template> <div class="table"> <el-table id="iTable" v-loading.iTable="options.loading" :data="list" :stripe="options.stripe" ref="mutip

2019-03-13 14:10:09 1717

原创 rem.js设置

//手机端响应式设计rem(function(doc,win){ var docEl = doc.documentElement, resizeEvt = "orientationchange" in window ? "orientationchange" : "resize", recalc = function() { ...

2018-12-24 11:19:17 417

原创上传图片

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title>

2018-12-24 11:04:48 113 1

原创 ajax函数级封装

// ajax封装function commonAjax(params) { var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("msie")>-1; if(isIE) { jQuery.support.cors = true; } $.ajax({ url: params.url, ...

2018-12-24 10:56:51 122

原创常用工具函数

// 数组移除元素Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); }};// 清除所有cookiefunction clearAllCookie() { v...

2018-12-24 10:41:48 105

转载 ajax封装

(function () { var $ax = function (url, success, error) { this.url = url; this.type = "post"; this.data = {}; this.dataType = "json"; this.async = false; this.success = success; this.e...

2018-12-24 10:37:34 1474

转载 bootstrapTable封装

(function () { var BSTreeTable = function (bstableId, url, columns) { this.btInstance = null; //jquery和bootstrapTreeTable绑定的对象 this.bstableId = bstableId; this.url =ur...

2018-12-24 10:32:17 1154

qq_21692693的博客