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前端代码:// 引入axiosimport 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.安装node2.使用淘宝镜像(国内资源,速度更快)npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装全局环境gulpcnpm install --global gulp4.生成局部环境的package.json文件nmp init -y5.安装局部环境gulpcnpm 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...