qq_42455145的博客

原创 二分查找

思想：根据中间值缩小数组一般长度进行查找数据public class ErFenChaZhao{ public static void main(String[] args) { int[] arr={10,20,30,40}; System.out.println(getIndexByELE(arr,20)+1); } private static int getIndexByELE(int[] arr,int ele){ int minIndex=0; int ma

原创 排序算法Java版本（1)

冒泡排序public class PaixuMaoPao { public static void main(String[] args) { int[] arr=[24,69,80,57,13]; Maopao(arr); System.out.println(arr); } private static int Maopao(int[] arr){ for(int j=0;i<=arr.length-1;j++){ for(int i=0;j<

原创 Vue axios，fetchjsonp数据请求

1 axios数据的请求<template> <div id="axiosinfo"></div></template><script>//在组件里面使用可以直接引入import Axios from "axios";export default { name: "axiosinfo", mounted() { //async函数的异步 async function getaxios() { le

原创 Vue mock数据

mock.js//可以模拟固定的数据还可以模拟随机的数据Mock.mock("/stu/get", "get", { //后边为固定，就是固定产生几个 "result|1-10": "1", //根据路径随机产生 "result|1-10": [{ //每次自增加1 //"id|+1":1, "idcar": "@id()", "guid": "@guid()", //随机某个数字默认值

原创 Vue 插件

1：axios插件 请求数据<template> <div id="axiosinfo"> <!--axios 处理cross跨域 后台配置好的 1 cnpm install --save-dev axios 2 引入axios 到项目 或者组件 --> <p>axios 请求数据</p> </div></template><script>//该组件

原创 Vue 异步加载组件

<script>import Tab from "./component/tab";import Async from "./component/async";import student from "./component/student";import error from "./component/error";import now from "./component/now";export default { name: "app", components: {

原创 Vue 组件框架

<script>export default { name: "cominfo", data() { return { msg: "12345" }; }, props: {}, components: {}, methods: { changebtn() { this.msg = "6666666"; this.changeStatus; } }, computed: { //计算属性

原创 Vue 插槽

插槽的第一种方法<template> <div id="contentinfo"> <!--组件里面的插槽 1引入子组件 2子组件中间写的内容 可以是文本 也可以是html内容 当作插槽使用 --> <v-userlist> <!--插槽的内容--> <div class="user"> <table> <tr&

原创 Vue 事件车

1：非父子之间的事件车传值在main.js之中定义一个新的对象//非父组件之间的通信使用事件车 来源于new Vue()Vue.prototype.EmitEvent=new Vue();左：<template> <div id="menuchild"> 我是左端的子组件 <!-- 非父子之间的传递数据 --> <button @click="sendmsg">传递数据</button>

原创 Vue 组件的挂载与父子组件的传值

1：将需要挂载的组件放置在component之中2：全局挂载在main.js之中import Vue from 'vue'import App from './App.vue'import getTime from './component/child/getTime'//全局注册 整个项目的组件都可以使用//注册给整个vue 对象//引入需要注册的全局组件//在vue类的方法 component里面进行注册Vue.component('v-times',getTime);Vue.

原创 Vue 完成代办事项

模块封装缓存的代码export default { setStorage(key,value){ localStorage.setItem(key,value); }, getStorage(key){ return JSON.parse(localStorage.getItem(key)); }, removeStorage(key){ return localStorage.removeItem("key");

原创 Vue 数据绑定与事件的处理

{{msg}} {{arr}} {{obj.name}} 按钮1 按钮2 索引：{{index}} 名称：{{item.name}} 性别: {{item.sex}} 年纪：{{item.age}} 爱好： {{cindex+1+"."+hob}} ...

原创 React-事件的处理

import React, { Component } from 'react';class Event extends Component { constructor(props) { super(props); this.state = { msg:"请输入..." } // constructor 构造函数 是在当前类初始化的时候直接执行 this.addEvent = this.ad

原创 React-from表单

import React, { Component } from 'react';class Form extends Component { constructor(props) { super(props); this.state = { name: "请输入...", sex: "男", hobby: [ { name: "篮球", checked: fal

原创 React-开发环境搭建

**1 安装nodejs** （安装nodejs稳定版本https://nodejs.org/dist/v8.11.2/node-v8.11.2-x64.msiodejs.org/dist/v8.11.2/node-v8.11.2-x86.msi）2 安装好node之后 在cmd检查版本...

原创 MongoDB 介绍安装

原创 MongoDB

MongoDB是一个文档型数据库，存储的是key：value，类似json数据 。是一个分布式，高性能的数据库。1.MongoDB怎样创建数据库use chat 会去检测chat数据库是否存在 不存在 创建+定位 存在直接定位2.查看里面的所有数据库show dbs; 显示所有的数据库 但是里面可能不存在你创建的数据库原因是你的数据库里面什么数据都没有要想显示创建的数据...

原创 Node js cros跨域 ajax跨域

let express=require("express");let app=express();//下面是设置cors跨域app.use("*",(req,res,next)=>{ res.header('Access-Control-Allow-Origin', '*'); next();});//配置引擎app.set("view engine","ej...

原创 Node js readline输入输出流

// readline 模块 是一个接口 输入和输出流let readline = require("readline");// let fr=readline.createInterface({// input:process.stdin,// output:process.stdout// });// fr.question("你觉得 node 链接数据库怎...

原创 Node js express中间件

main.jslet express=require("express");let app=express();//路由app.use(router);//1 应用层中间件//整个程序使用中间件app.use((req,res,next)=>{ console.log("应用层中间件"); next();});//配置成某个路由的中间件app.use('...

原创 Node js express框架

main.js//1:安装express cnpm install --save-dev express web开发框架//2:利用express框架创建服务器let express=require('express');let app=express();//创建框架实例//配置框架路由//用于所有http请求 类似每一个路由的安全守卫app.all('/',(req,res,n...

原创 Node js express框架实现路由以及使用ejs模板引擎

main.js//ejs 高效率js 模板引擎 动态渲染数据到页面// 模拟express框架路由 实现let http = require("http");let app = require('./route');let ejs = require("ejs");http.createServer(app).listen(8000, "127.0.0.1", () => {...

原创 Node js express框架路由实现

main.js// 模拟express框架路由实现let http = require("http");let app = require('./route');let ejs = require("ejs");http.createServer(app).listen(8000, "127.0.0.1", () => { console.log("服务端运行成功！");...

原创 Node js ejs模板引擎

// ejs 模板引擎 相当服务器端的html// 1.安装 cnpm install --save-dev ejs// node 路由的get post 传值let http = require("http");let url = require("url");let ejs = require("ejs");//node 路由上的get 传值 不安全 可以...

原创 Node js 路由文件

// 路由文件let fs = require('fs');let path = require("path");let url = require('url');let extname = require('../extname/mime.json');module.exports = (req, res) => { res.writeHead(200, { "Conte...

原创 Node js 四种异步处理方法

//node.js里面的非阻塞IO 和阻塞IO//异步处理//事件驱动//其他的后端语言会使用多线程进行多线程处理//nodejs 是单线程，优势是非阻塞io 一个服务员同时满足多个客户的需求//一个简单的例子//多个文件读取//异步处理//1 使用回调函数处理let http = require('http');let fs = require('fs');let ev...

原创 Node js 静态web服务器

// 静态web服务器let server = require('./Servers/server');let url = require('url');let fs = require('fs');let path = require('path');//读取后缀名文件 异步读取 使用es6 异步编程处理// fs.readFile('ExtName/name.json',...

原创 Node js 加解密

//md5let id="10086";let md5=require('md5');console.log(md5(id));//加密let Base64=require('js-base64').Base64;let data="毛豆";console.log(Base64.encode(data));console.log(Base64.encodeURI(data));...

原创 Node js 流的使用

//文件流//读取流 //写入流let fs=require('fs');//读取流 let data="";//接收读取的数据//创建读取流let readStream=fs.createReadStream('public/jq.txt',{flags:'r+',encoding:'utf-8',start:0,end:1024});//设置读取流的编码格式//readS...

原创 Node js 文件读取

文件读取， 模块是fs，分为异步和同步读取，其中异步的方法函数最后一个参数为回调函数，回调函数的第一个参数包含了错误信息(error)。建议大家使用异步方法，比起同步，异步方法性能更高，速度更快，而且没有阻塞。//文件读取写到服务端上let fs = require('fs');//加载文件系统模块module.exports = { readfile() { /...

原创 Node js 创建服务器

node js属于服务器端的语言 服务器端javascript v8引擎运行 性能快直接运行js到服务器端//创建第一个服务器//使用http模块 服务器协议模块//url 路径解析//加载httpvar http=require("http");//加载url模块 使用parse方法解析路径var url=require("url");//创建服务器//req 请求的服务器路...

原创 MySQL

MySQL是结构型数据库，存储的是表格关系型的。Database 是用来按照数据的结构组织、存储、管理数据一个仓库 。命令面板操作：1.show databases; 显示所有的数据库2.使用数据库 use mysql;3.显示表 show tables;mysql 这个数据库里面 user表是用户的信息表4.创建数据库create database chat; //...

原创 Bootstrap(1)

1：bootstrap是一种响应式框架，这是因为css里面有大量的媒体查询，可以用来制作网站，一般来说bootstrap都是在pc端和移动端响应，前端人员基本是自己在写响应式，后端人员在使用。bootstrap 内置css和js字体图标。2：怎样引入到前端页面，直接将css文件库或者js或者字体文件引入，如果是在集成环境 需要安装bootstrap。3.3.7版本的boostrap ...

原创 HTML5 Canvas

1： canvas 标签是使用js 在上面绘制图形以及动画。2：属性 width height 设置canvas 的大小 和css不一样 设置的是canvas 画布的大小var canvas = document.querySelector("#canvas");//设置canvas 画布大小canvas.width = 700;canvas.height = 400;3...

原创 HTMLsession临时缓存

html5 缓存1：storage 缓存是针对客户端本地的存储，包含两种不同的存储类型。localStorage：本地电脑缓存 永久性 除非删除否则没有过期时间sessionStorage：浏览器客户端缓存 客户端关闭（当前窗口关闭）之后就会自动删除 （临时存储）一般html5 缓存存储的数据比较大，cookie 存储的数据量比较小。这两个特别像使用的方法和方式都是一...

原创 JS cookie

cookie主要用于缓存web页面用户的信息，它是一种将数据缓存到电脑上的文本文件。在web页面上用户的信息不会存储在后端 在页面上使用缓存来进行存储在用户访问页面的时候，存储用户的信息到cookie 下次访问的时候，直接从cookie读取信息，并且cookie缓存存在有效期。1：设置cookie//cookie的简单建立 cookie 在有效期之后会自动删除 document.co...

原创 HTML5Geolocation标签定位

//必须获取用户的同意 var getlocation=document.querySelector("#getlocation"); getlocation.onclick=function () { if(navigator.geolocation){ navigator.geolocation.getCurrentPositio...

原创 HTML5video标签播放服务器视频

var video=document.querySelector("#video"); //加载播放路径 video.src=""; //事件API //当浏览器加载媒体数据 video.onloadstart=function () { console.log("开始加载"); } //开始加载数据 vide...

原创 15：jquery正则表达式

1：常见的字符介绍1：\ 转义字符 \n 匹配的就是换行 \ 匹配的是\ ( 匹配的是(。2 ：^ 代表的是 开始符号 匹配字符的开始 或者正则表达式的开始。3： $ 代表的是 结束符号 匹配字符的结束 或者正则表达式的结束。4：* 代表的是匹配前面的字表达式零次或多次 zooo zo* 等价于 {0,}。5： + 代表的是匹配前面的字表达式一次...

原创 14：jquery动画

1：基本效果 show() hide() toggle() //不带参数 //带参数 var count=0; // $(".btn").click(function () { // // count++; // if(count%2==0){ // ...