qq_45102392的博客

原创 冒泡排序。。

i:总共需要几轮：数组长度-1j:每轮比较几次：数组长度减ipublic class test { public static void main(String[] args) { int[] a={2,5,7,1}; for (int i = 1; i <=a.length-1; i++) { for (int j = 0; j < a.length- i; j++) { if(a[j]&

原创 设计模式，，，

单例模式保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现的方法为先判断实例存在与否，如果存在则直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象工厂模式是用来创建对象的一种最常用的设计模式，不暴露创建对象的具体逻辑，而是将将逻辑封装在一个函数中，那么这个函数就可以被视为一个工厂代理模式是为一个对象提供一个代用品或占位符，以便控制对它的访问观察者模式大多数时候是同步的。而发布-订阅模式大多数时候是异步的（使用消息队列）...

原创 react

jsx语法1. React元素的属性名使用驼峰命名法2.特殊属性名: class -> className、for -> htmlFor、tabindex -> tablndex。3.没有子节点的React元素可以用/>结束。4.推荐:使用小括号包裹JSX ,从而避免JS中的自动插入分号陷阱。...

原创 Ajax，fetch，axios发展历史

远古时期，XMLHttpRequest对象的出现，JavaScript调用它就可以让浏览器异步地发http请求，然后这项异步技术就被称为Ajax。之后jQuery封装了它，让异步结果更清晰的表现在一个对象的回调函数属性上。编写方式更简单，但出现了新的问题~回调地狱。Promise为了解决异步编程的回调地狱问题诞生了。随后有人把xhr对象用Promise封装了起来~它就是axios库(浏览器端)，axios在node.js环境是http模块的封装后来又出现了一个可以异步地发http请求的api，就是f

原创 性能优化（vue）

对于数组和对象的元素修改，不算做对常量的修改，不会报错const TEAM = ['UZI' ，'MXLG', 'Ming'，'Letme '];// TEAM. push('Meiko' );变量拼接let lovest = ' 魏翔';let out =${lovest}`是我心目中最搞笑的演员!!`;console.log(out);箭头函数内this是静态的，this 始终指向函数声明时所在作用域下的this的值。不能使用arguements箭头函数的简写1) 省略小.

原创 TypeScript

npm i -g typescript安装 tsc-v检测是否安装成功npm i -g ts-node 使用方法：node-ts 文件名数组类型let num：number[ ]=[1,2,3]let num：（number|string）[ ]=[1,2,3,'a'] 联合类型类型别名type current=（number|string）[ ]let num：current=[1,2,3,'a']函数类型function fun（num1：number，num2：nu

原创 项目使用element

main.js引入import axios from 'axios'axios.defaults.baseURL='http://127.0.0.1:8888/api/private/v1/'vue.prototype.$axios=axios

原创 flex布局

原创 用户后台管理

padding中间并没有逗号。api接口错误显示跨域prop="name1"不是在input内写的 在el-form-item写button在一个el-form-item内写validtae返回一个回调函数。

原创 SQL，web开发模式

在项目中操作mysql二三查询：插入改标记删除3.不同开发模式下的身份认证对于服务端渲染和前后端分离这两种开发模式来说，分别有着不同的身份认证方案:①服务端渲染推荐使用 Session认证机制②前后端分离推荐使用JWT认证机制...

原创 js面试题

1.数组去重和扁平化扁平化：先对数组使用tostring方法再用split，使用json中正则替换掉中括号去重：新建一个数组，循环原数组，依次把数组放入新数组，利用indexof函数判断新数组是否已有该值。如果有则跳过。如果是全是数字，可以先sort分类，数组for循环判断前一项和后一项是否相同，相同则去除一项。2.js数据类型原始数据类型 number string null undefined Boolean symbolbigint引用数据类型 object.

原创 axios

1.<!--加载和引用内存中的bundle. js<script src="/bundle.js"></script>

原创 vuex

vuex安装1,stageState提供唯一的公共数据源，所有共享的数据都要统放到Store的State中进行存储。//创建store数据源，提供唯一公共数据const store = new Vuex.Store ({state: { count: 0 }组件访问State中数据的第一种方式:this. $store. state.全局数据名称组件访问State中数据的第二种方式: // 1.从vuex中按需导入mapState 函数import { mapSta...

原创 vue(一)

12.条件渲染指令

原创 webpack(之后补充)

1.自定义打包的入口和出口const path = require( 'path')// entry: '指定要处理哪个文件’entry: path. join(__dirname，'./src/index1.js'),//指定生成的文件要存放到哪里output: {//存放到目录path: path. join(__ dirname，'dist'),//生成的文件名filename: 'bundle. js'}...

原创 JavaScript（二）

1.创建类和生成实例// (1)我们类里面所有的函数不需要写function//(2)多个函数方法之间不需要添加逗号分隔// 1.创建类class创建一个明星类class Star { //类的共有属性放到constructor 里面constructor (uname, age) {this.uname = uname;this.age = age;}sing(song){ console. log(this.uname+song) ;

原创 ES6模块化，promise

1.默认导入和导出，默认导出只能导出一次import m1//不能以数字开头from ' ./01.默认导出.js'23console. log(m1)2.每个模块中可以使用多次按需导出 按需导入的成员名称必须和按需导出的名称保持一致 按需导入时，可以使用as关键字进行重命名 按需导入可以和默认导入一起使用1 export let s1 = 'aaa'2 export let s2 = 'ccc' .3 export function say() {}4...

原创 NODE.JS(模块化，包)

1.使用require()方法加载其它模块时，会执行被加载模块中的代码。注意：在使用 require 加载用户自定义模块期间，可以省略 .js 的后缀名2.在一个自定义模块中，默认情况下， module.exports = {}在自定义模块中，可以使用module.exports对象,将模块内的成员共享出去，供外界使用。外界用require0方法导入自定义模块时,得到的就是module.exports所指向的对象。const age = 20// 向 module.exports 对

原创 node.js(内置模块）

①使用↑键,可以快速定位到上一-次执行的命令②tab键，能够快速补全路径③使佣esc键,能够快速清空当前已输入的命令④输入cls命令,可以清空终端1.fs. readFile(path[，options] ,callback)判断文件是否读取成功可以判断err对象是否为null,从而知晓文件读取的结果:// 1.导入fs模块，来操作文件const fs = require('fs')// 2.调用fs. readFile() 方法读取文件//参数1:读取文件的存放路径//

原创 BOM(2)

1.不能赋值element.offsetParent返回作为该元素带有定位的父级元素如果父级都没有定位则返回bodyelement.offsetTop返回元素相对带有定位父元素上方的偏移 返回元素相对带有定位父元素上方的偏移element.offsetLeft返回元素相对带有定位父元素左边框的偏移 返回元素相对带有定位父元素左边框的偏移element.offsetWidth返回自身包括padding、边框、 内容区的宽度，返回数值不带单位element.offsetHeight...

原创 BOM(一）

1. // load 等页面内容全部加载完毕，包含页面dom元素图片flash css等等 // DOMContentLoaded 是DOM加载完毕，不包含图片falsh css等就可以执行加载速度比load更快一些window . addEventListener( ' load', function() {alert(22);})document . addEventListener( ' DOMContentLoaded'，function() {alert(33);...

原创 DOM（三）获取元素的第二种方法

1.eventTarget . addEventListener (type, listener [，useCapture] )这里不需要等于号addEventListener= (type, listener [，useCapture] )传统的绑定才有等于号eventTarget . addEventListener ()方法将指定的监听器注册到eventTarget (目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。该方法接收三个参数:●type :事件类型字符串,比如cli

原创 DOM(一）

1.获取网页元素1 根据id获取2 根据标签获取还可以获取某个父元素中内部指定标签名的子元素3 HTML5新增三个函数2.获取body，HTML元素3

原创 JavaScript（一）

js基础做的一点笔记 注：其中js访问对象属性的两种方法：注意事项：当在为一个对象动态的添加属性时，不可以使用点，必须使用[ ]构造函数：2. for ..in.. 遍历对象属性，k想写什么写什么。3.数学对象Math所以Math.round(-1.5)结果是-1；猜数字游戏：4.Data对象month要加一；倒计时：5....