weixin_44943270的博客

原创 vue+element 中遇到的问题汇总

1.事件绑定未生效 使用修饰.native;在父组件中给子组件绑定一个原生的事件，就将子组件变成了普通的HTML标签，不加'. native'事件是无法触 发的 2.vuex不会永久存储,在刷新的时候会消失 vuex-persistedstate插件 plugins: [createPersistedState({ storage: window.sessionStorage, })]...

原创 前端初步使用MySQL安装及PHP方法梳理

MySQL数据库5.7.X的安装: 1.将解压文件复制到某干净文件夹中,路径中不能存在中文和空格; 2.配置my.ini文件(!!!!注意:文档一定是utf8格式编码,否则环境将无法初始化); [mysql] #设置MySQL客户端默认字符集 default-character-set=utf8 [mysqld] #设置3306端口 port=3306 # 设置mysql的安装目录 ...

原创 城市选择scoll

滑动下拉,按住选择: import React, { Component } from 'react' import city from '../json/city.json' import BScroll from 'better-scroll' export default class SelectCity extends Component { render() { ...

原创 js原型链

原创 vue父传子和子传父

父组件: <template> <div class="father"> <div class="father-self"> <h1>我是父组件</h1> <p>{{ fatherMsg }}</p> <h2&gt...

原创 es6数组去重的威力

一句话数组去重 var arr = [1, 2, 2, 1, 3, 6, 6, 5]; // var newArr = new Set(arr);//获取到的是对象 // console.log( [...newArr] )

原创 yarn 安装typescript命令全局无法安装上问题

使用命令 yarn global bin //查询路径 将路径配置到全局变量path中

原创 vue路由守卫

// 路由守卫 拦截所有路由 router.beforeEach((to, from, next) => { //to:去哪个页面，from：来自哪个页面，next:放行 // 获取token const token = window.localStorage.getItem('myusertoken') // 判断 if (token) { // 如果有token 直接放...

原创 vue中文件上传及接收

准备: 前端:vue环境+axios+elemen-ui 后端:node.js multer 前端代码: // 引入axios import axios from 'axios'; // 获取用户信息 getUserInfo() { // 发送请求 获取用户信息 getInfo() .then(res => {...

原创 node.js的token生成,及token验证

验证token 开始 const expressJwt = require('express-jwt');//模块引入 const secret = '自定义'; //定义密钥 router.use(expressJwt ({ secret }).unless({ path: ['/login/checklogin'] //除了这些地址，其他的URL都需要验证 })); ro...

原创 git常用命令梳理

git clone 仓库地址 // 第一次下载 git add . // 纳入版本控制 git commit -m"提示信息" // 提交到本地仓库 git push origin master // 推送到远程服务器 git pull 仓库地址 // 第二个以后下载 git status // 查看状态 git config --global user.ema...

原创 moment时间处理

moment时间处理的使用: 1. 安装moment cnpm i moment --save 2. 引入moment import moment from 'moment' 3. 使用moment moment(时间戳).format('YYYY-MM-DD hh:mm:ss')

原创 vue+node-js项目搭建及框架梳理(持续更新........)

前端部分技术框架: vue + vue-router + element-ui + axios + echarts + moment(时间处理) 后端部分技术框架: node-js + express + express-jwt(接口鉴权.只有带token的请求才能获得数据 ) + jsonwebtoken(token生成) + multer(文件接收保存) ...

原创 vue的一生

创建前后 beforeCreate // 实例创建前 el 和 data属性没有 created // 实例创建完成 el 没有挂载 data属性已经有了 (适合发送ajax) 挂载前后阶段 beforeMount // 挂载前 el已经初始化，但是没有渲染DOM mounted // 渲染DOM完成，(适合操作DOM) 更新前后阶段 befo...

原创 gulp使用安装步骤梳理

1.安装node 2.使用淘宝镜像(国内资源,速度更快) npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装全局环境gulp cnpm install --global gulp 4.生成局部环境的package.json文件 nmp init -y 5.安装局部环境gulp cnpm install --save...

原创 ajax请求的原生和jquery请求

ajax原生请求发送: get请求: //发送请求 //1. 创建ajax引擎对象 let ajax = new XMLHttpRequest(); //2. 创建get请求 ajax.open("get",`./data.json?user=${ userVal }&pwd=${ pwdVal }`); //3. 监听：在适当的时候接受响应数据 ajax.onreadystatechan...

原创 前端SPA技术应用jqury方法

$(function () { //页面加载 function load() { //封装页面加载函数 var routeObj = { //定义页面中的href链接和对应页面的的绝对路径的json文件 "/index.html": "/views/home/index.html", "/lenderEducation.html":"/views/help...