weixin_42684860的博客

原创 ES6模块的导入、导出

模块：一个js文件就是一个模块，模块内部的成员都是相互独立，该文件内部的所有变量，外部无法获取。模块化有两个核心：导出和导入ES6 模块是编译时加载（静态加载），在编译时就能确定模块的依赖关系，以及输入和输出的变量。exportexport用于导出，可以输出变量、函数或类（class）// 输出单个变量export const title = '大数据可视化平台';// 输出一组变量（推荐用法）const author = 'Jack';const year = 1958;export

原创 uniapp开发微信小程序--自定义头部导航栏

1. 取消页面原生的导航栏（pages.json文件）页面支持通过配置 navigationStyle为custom，或titleNView为false，来禁用原生导航栏{"path": "pages/customer/project/index","style": { "navigationBarTitleText": "服务", //小程序 "navigationStyle": "custom"， //App、H5 "app-plus": { "tit

原创 uniapp开发微信小程序--实现电子签名功能

业务需求：在最近开发的项目中，需要在任务完成页面，填写任务相关信息，并签署自己的名字，完成任务。根据uniapp的签名插件，调整封装成sign.vue组件，在页面中使用因为任务有保存功能，增加了image标签用于展示保存之后的签名图片。点击画布清除按钮会删除保存的签名，因此需要父组件传值签名图片url给子组件 ，子组件使用props接收，并且需要改变该值。 <image class="signImg" v-if="newValue" :src="newValue" mode="widthF

原创 数据可视化——ECharts项目

此项目是根据pink老师的课程实现的ECharts数据可视化项目项目地址： http://tq07.gitee.io/echartsEcharts基础知识ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。官网地址：https://www.echartsjs.co.

原创 js基础语法思维导图

原创 vue项目（仿外卖APP）

项目:关于外卖业务的前后台分离Web App前台应用技术架构为: vue + vuex + vue-router + webpack + ES6；核心功能模块:商家, 商品, 购物车, 评论,用户等多个子模块;采用模块化、组件化、工程化的模式开发；后台使用 mockjs 模拟后台数据接口和API接口;项目展示地址(点击前往)学习心得：熟悉一个项目的开发流程学会组件化、模块化...

原创 基于Node.js的图书管理系统

1.创建顶级目录，初始化包npm init -y2.下载项目所需的依赖npm install 包名 --save3.创建入口文件index.js（图书管理系统）// 引入所需的依赖包const express = require('express');const path = require('path');//路径模块const router = require('./router.js');//路由模块const template = require('art-template

原创 使用Bootstrap4写项目遇到的问题总结

关于工具提示框组件的使用1.页面引入需要的html代码后，需在js文件添加初始化工具提示的代码$('[data-toggle="tooltip"]').tooltip();2.出现该错误 Uncaught TypeError: Bootstrap’s tooltips require Popper.js，如图：解决方法：需要引入popper.js文件在cmd（命令提示符）中输入np...

原创 Vue Router的使用

1.导入vue-router组件类库<script src="vue.js"></script><script src="vue-router.js"></script>2.创建组件的模板对象var home = { template: '#tmp' }var login = { template: '&l...

原创 vue组件案例----发表评论功能

页面展示1.引入样式bootstrap.css和vue.js文件<link rel="stylesheet" href="../bootsrtrap/css/bootstrap.css"><script src="./vue.js"></script>2.1定义vue组件content-mode为评论模块区域，并渲染到页面2.2自定义评论列表数据并使用插值表达式渲染到页面<div id="app"> <content-mo

原创 Vue组件间的传值

父组件向子组件传值子组件中默认无法访问到父组件中的 data 上的数据 和 methods 中的方法<div id="app"><!--通过属性绑定（v-bind:）的形式, 把数据传递到子组件内部，供子组件使用 --><children v-bind:finfo="msg"></children></div>var vm ...

原创 全局Vue组件定义的三种方式

第一种方式1.1使用 Vue.extend 来创建全局的Vue组件1.2使用 Vue.component(‘组件的名称’, 创建出来的组件模板对象)Vue.component第一个参数:组件的名称,引用组件的时候,就是一个HTML 标签形式来引入的第二个参数: Vue.extend 创建的组件 ,其中 template 就是组件将来要展示的HTML内容1.3使用组件，直接把组件的名称，...

原创 vue-resource的使用

vue-resource的使用vue-resource 是vue中实现数据（get, post, jsonp）请求的插件vue-resource 的配置步骤：直接在页面中，通过script标签，引入 vue-resource 的脚本文件；注意：vue-resource是基于Vue 的，因此引用的先后顺序是：先引用 Vue 的脚本文件，再引用 vue-resource 的脚本文件；htt...