qq_43506045的博客

原创 koa2 + mysql 实现es6（export + import）模块加载

koa2 + mysql 实现es6模块加载问题分析为什么非得用es6模块加载呢？具体实现问题分析node环境下是默认情况下只支持comomJS,也就是使用module.exports 导出模块，然后用require 导入模块。为什么非得用es6模块加载呢？一方面es6的引入方式用多了，就不太习惯用commoJS。另一方面从性能上考虑，commonJS引入模块时是将整个文件全部导入，当然也可以在导入时只使用其中某些对象。// commonJS导入const { test1, test2 }

原创 添加编辑弹框表单组件封装及途中遇到的问题

描述：项目中我们经常会遇到，添加和编辑的时候使用弹窗，为了简便有时候我们会直接使用连个弹窗，其实这种做法是不好的，为了解决这个问题我打算封装一个弹窗实现添加和编辑共用。好了开始写bug了：myDialog.vue<template> <div> <el-dialog :visible="dialogConfig.status" :title="dialogConfig.title" :width="dialogConfig.

原创 2020年总结-2021年规划

2020年总结：2020年因为疫情的原因上半年一直在家，一半时间在上课，一半时间在玩游戏、思考将来。因为热爱前端，在上半年课程结束后开始专供前端，从css、html到JavaScript再到jQuery到node，一直到vue、react。学习必然是件艰苦的事，这期间只能靠自己去钻研，去摸索有时候一个bug可以改一天，晚上可能改到一两天才改完，但是每当我解决一个bug的时候总是很有成就感，就感觉这一切都是值得的。作为一个程序员虽然不会像上工地那样“劳其体肤”，但是会头秃，JavaScript是前端的所

原创 js判断字符串的括号是否成对出现

给定一个字符串里面可能包含“（）”、“{}”、“[]”三种括号，请使用JavaScript实现一个函数，检查字符串的括号是否成对出现。思路：栈原理，先进先出实现：使用switch case进行判断function isValid(s) { let a = [];//存储左括号出现的地方 let len = s.length; let k = 0; // flag为0时为不匹配 let flag = 1; for (let i = 0; i < len &&amp

原创 react (mbox)依赖安装

#react脚手架 - Mobx配置 （装饰器）注：请严格按照本文顺序进行配置创建项目create-react-app app进入项目cd app进行配置文件抽离npm run eject安装mobx mobx-reactnpm install mobx mobx-react注意： 如果git冲突解决： 我们要原操作先放到本地暂存盘git add .git commit -m '安装mobx mobx-react'注意不要git push配置装饰器（修饰器 es6 ）

原创 git使用

创建分支：git checkout -b dev //创建并切换到dev分支//提交文件到dev的分支git add . //提交文件git commit -m “”//提交message必须写git push origin dev//合并代码git checkout master//切换到主分支git pull origin master//拉去主分支的代码git merge dev//将dev的代码合并到主分支//过程可能出错修改完成后再执行以上操作git add .git c

原创 react事件绑定时this问题

react绑定事件一般情况下的事件绑定：//事件程序test() { console.log(“啊！我被点击了”) } //事件绑定 <button className={"commentBtn"} onClick={test} type={"button"}>评论</button>当然是会报错的继续发现Bug<button className={"commentBtn"} onClick={this.test()} type={"bu

原创 js实现瀑布流

html部分 <div class="main"> <div class="box"><img src="/images/bg.jpg" alt=""></div> <div class="box"><img src="/images/logo.png" alt=""></div> <div class="box"><img src="/images/logo.png" alt="

原创 layui表格请求数据返回的数据不符合规范，正确的成功状态码应为：“code“: 0

在这里插入图片描述

原创 uniapp通过reques请求修改data数据踩坑日记

uniapp通过uni.reques请求修改data数据踩坑日记场景还原：轮播代码： <template> <div> <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"> <swiper-item v-for="item in banners" :key="item.id"> <image :src="item.im

原创 微信小程序user agent style

今天写小程序时用到了微信小程序自带的button组件但是发现它有自带样式：情景还原：解决方法：删除app.json里面的 "style":"v2"

原创 饿了么（elemente UI）的输入框不能输入

出现问题可以获取输入框的值但是不会显示<!-- eslint-disable-next-line -->//添加这条注释可以解决 <template slot="header" slot-scope="scope"> <el-input v-model="search" size="mini" placeholder="输入关键字搜索" @input="changeInput" /> </template>//一些情况下添加这个事件.

原创 forEach map filter every some findIndex用法

var data = ['张三', '李四', '王五', '老王', '小明', '小芳',123,'']//forEach, for ...of ..就是遍历，不会返回，也不会改变原数据 /* var c = data.forEach((value, index, arr) => { return value;})console.log(c)console.log(data) *//* for (var key of data) { console.log(key)

原创 cookie 和 session 区别

为什么要用cookie和sessionhttp 协议是无状态的，所以需要 cookie 或session 来记录会话状态。cookie和session 的具体区别 与联系cookie将状态信息保存在客户端，之后每次向服务端发起请求时，都会带上cookie 文件，因为在客户端保存数据不安全。session 将状态信息保存在服务端，然后将对应存储的内存地址(session_id)，返回到客户端存储在cookie文件中，之后每次向服务端发起请求时，都会带上cookie文件，因为数据存储在服务器端，安全性

原创 输入框非空验证及表单元素序列化

表单非空验证表单序列换serialize()serrializeArray()

原创 前端技术ajax请求步骤

原创 ajax使用

//这里是一个查询function selectData() { $('#searchbtn').click(function () { var searchKey = $('#search').val(); let classID = $('#selClass').val(); var xhr; //1、建立连接 if (XMLHttpRequest) { xhr = new XMLHttpR

原创 封装后的ajax的使用

get请求//这里是一个更新操作function updateStudent() { $('#updateStudent').click(function () { //当模态框da开时为输入框赋值 let id = Number($("#txtAddId").val()); let name = $("#txtAddName").val(); let age = Number($("#txtAddPAge").val());

原创 ajax封装

/** * @description: ajax封装 * @param {string} //post or get or others请求方式 * @param {url} //url地址 * @param {any} 参数 * @param {function} 回调函数 * @return {type} */function Myajax(method,url,params,callback) { var xhr; //建立连接 //兼容处理 if

原创 2020-08-20 nodeJS 学习笔记

mysql 模块了解模块下载模块npm install mysql使用模块3.1 引用模块 3.2 配置 3.3 使用mysql 的使用步骤 1.1 引用模块const mysql = require(‘mysql’);1.2 创建连接 const conn = mysql.createConnection({ host:'localhost', user:'root', password:'', port:3306, dat

原创 es6数组去重Set()+Array.from()

es6数组去重var arr = [1, 2, 3, 4, 1];var newArr=new Set(arr)console.log(newArr)//set(4) {1,2,3,4}先看看直接使用new Set()方法的输出结果：set(4) {1,2,3,4}默认情况下他并不是一个数组//改为var newArr=Array.from(new Set(arr));console.log(newArr)//[1,2,3,4]所以说如果需要对数组进行去重必须Array.from()

原创 flex弹性布局垂直水平居中

flex弹性布局垂直水平居中 父元素设置.container{ display:flex;}值得注意的是当父元素设置了display:flex；之后子元素的position，float,都将失效元素垂直居中iterms-align:center元素水平居中justify-content:center;...

原创 前端学习

html学习第二天1、企业应用的演变host-base 哑终端c/sb/s web-base2、hyper text transfList itemer protocol3、web 应用程序的组成部分 浏览器 http协议 服务器 网页浏览器IE 火狐 谷歌 搜狐 360 Safari内核IE–tridentChorme --webkit火狐 --gecko4、网页的组成HTML 结构Css 样式Js 交互，行为W3C标准：前端书写规范，行为，样式，结构分明

原创 文本垂直水平居中

单行文本文本水平居中+行高等于容器高度height:100px;text-align:center;line-height:height(value) 容器必须有高度才能设置垂直居中2.多行文本容器设置display:table-cell;vertical-align:middle; 注意设置容器宽度时最好不是百分比3.多块文本margin:0 auto;height:width:...