joey无心快语-CSDN博客

原创 redis数据库的主从、哨兵和cluster模式的实现原理与搭建详解(win10系统)

Redis内存K-V 型数据库内存占用redis 的数据保存在内存中，数据变多，内存占用更大。当 redis 服务器停止运行时，数据便会消失。使用 save 和 bgsave 命令可以将内存中的数据存储在硬盘上（rdb 和 aof）RDB：通过rdb文件恢复数据比较快AOF：追加日志文件，备份速度较快，但数据恢复速度较慢当 redis 服务启动时，会把 rdb 中的数据再次放在内存中使用（因此要考虑 redis 内存占用的问题）下载：https://github.com/Micros

2020-07-17 14:29:57 317

原创 Vue通过判断$store确认用户是否登录的问题

情景：父页面每次回判断本地 token 的存储情况，再去判断当前用户是否登录，把 $store.state.islogin 的值修改为 true，每次进入子页面时，如果 islogin 是false，则跳转到登录页问题：当先打开子页面时，父页面的store可能来不及渲染store，此时子页面就会跳到登录页解决方案：对子页面通过 localStorage 的token进行判断，如果没用...

2020-03-06 16:20:31 1136

原创使用token方法保存用户登录状态的实践

问题：网站中，如何保存用户的登录状态？错误示范用户登录后，使用 localStorage 方法在浏览器客户端直接保存 user_id，每次进入网站时，通过识别 user_id 自动获取用户的信息并实现登录。错误点浏览器 localStorage 保存的数据可能被——篡改在浏览器控制台使用 localStorage.setItem() 即可更改当前 user_id，如果 user_id 被...

2020-03-05 23:28:05 4392

原创 Vue验证表单函数

表单验证函数 formVerify() { var forms = document.getElementsByTagName("input"); // 获取所有input，返回 nodelist（不是数组） var $forms = Array.from(forms); // 获取数组 $forms.forEach((item,...

2020-03-05 14:22:09 678

原创 Vue操作DOM元素方法汇总

Vue操作DOM元素方法汇总1. ref<div ref="div1></div>this.$refs.div // 获取dom元素div12. 事件绑定// html<div @click="handleClick($event)"></div>// jshandleClick($event){ var e = $event.t...

2020-03-05 13:03:20 370

原创毕业设计开发记录

毕业设计开发记录前端后端1.codeIngniter 接受数据格式问题CI框架默认接受的数据格式为 Form-data 类型，而 vue-axios 默认格式是 json 类型，这会导致当使用 post 发送数据时，后端接受不到数据解决方法：配置axiosimport axios from 'axios'//PHP默认接受的参数是form-data类型，而axios默认发送的是jso...

2019-12-22 16:25:34 185

原创 vuex学习笔记

Vuex 学习笔记根目录创建 store 文件夹安装 vuexnpm install vuex -sstore 目录下新建 index.jsconst store = new Vuex.Store ({ state:{ //state:保存store的变量（全局变量） islogin:false, userid:'' }, ...

2019-12-22 16:19:17 112

原创继承

继承回顾每个构造函数都有一个原型对象 Foo.prototype每个原型对象都有一个属性 constructor 指向其构造函数每个实例化对象都有一个属性 proto 指向其原型对象1. 原型链继承含义：让原型对象指向另一个类型的实例function Supertype () { this.name = 'super'}Supertype.prototype.getSupe...

2019-10-20 11:08:22 110

原创题目总结

1. localstorage 和 sessionstorage 的区别1.sessionStorage：将数据保存在session对象中。所谓session，是指用户在浏览某个网站时，从进入网站到浏览器关闭所经过的这段时间，也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。（浏览器关闭后不可使用）2.localStorage：将数据保存在客户...

2019-10-20 11:07:41 1279

原创 javascript内存机制和垃圾收集

js的内存机制和垃圾回收内存任何编程语言，在运行时都需要使用到内存，比如在一个函数中， var arr = [1, 2, 3, 4, 5]; 这么一个数组，就需要内存。但是，在使用了这些内存之后，如果后面他们不会再被用到，但是还没有及时释放，这就叫做内存泄露（memory leak）。如果出现了内存泄露，那么有可能使得内存越来越大，而导致浏览器崩溃。js的垃圾回收机制 js ...

2019-08-31 19:52:55 129

原创离线应用与客户端缓存

离线应用与客户端存储1.离线检测navigator对象navigator.onLine 属性表示当前设备是否在线，在线则返回 true，离线则返回 false离线检测事件online ：当浏览器从离线变为上线时触发offline：当浏览器从上线变为离线时触发2.应用缓存manifest fileappcache是从浏览器缓存中抽取一部分缓存用来下载想要...

2019-08-31 19:52:22 129

原创 Javascript离线应用与客户端缓存

离线应用与客户端存储1.离线检测navigator对象navigator.onLine 属性表示当前设备是否在线，在线则返回 true，离线则返回 false离线检测事件online ：当浏览器从离线变为上线时触发offline：当浏览器从上线变为离线时触发2.应用缓存manifest fileappcache是从浏览器缓存中抽取一部分缓存用来下载想要...

2019-08-01 10:33:51 169

原创 js处理字符串中出现次数最多的字符

js处理一个字符串中出现次数最多的字符串以及其出现的次数function countStr(str){ if(str.length===0) return 0; var strArray = str.split('').sort(); var charArray = []; var numArray = []; for(var i=0;i&...

2019-07-18 20:28:04 245

原创用javascript实现各种排序算法

用javascript实现各种排序算法1.冒泡排序思路：遍历序列中的所有元素进行两两比较① 需要两次循环② 外循环表示要遍历的轮数③ 内循环表示每一轮要两两比较的次数<script> var arr = [75,1,2,88,0,-55]; function bubbleSort(arr){ for(var i = 0;i<arr.le...

2019-07-16 15:33:37 157

原创 Vue+PHP做用户注册登录功能

Vue + PHP 做用户注册登录功能对于一款应用来说，最基本的就是用户的注册和登录功能，这篇博客就总结一下在vue项目中如何使用PHP来做用户的注册和登录功能。登录部分：HTML<div id="app" class="container"> <div style="text-align:center;margin-top:60px;"> &l...

2019-06-19 19:36:57 8546 11

原创 Bootstrap-3整理手册

Bootstrap-3 使用手册1. 表单输入框<form> //如果使用内联表单，则在 form 标签中加入 form-inline 类 <div class="form-group"> <label></label> <input class="form-control"> &...

2019-06-19 16:51:05 293

原创 Ajax上传文件的cache、processdata、contentType属性以及FormData对象的总结

Ajax上传文件的cache、processdata、contentType属性以及FormData对象的总结前言：在之前的Ajax一次性上传多张图片并实现预览的博客中提到，如果要用 Ajax 上传文件，则需要使用 FormData 对象来作为数据，而不能使用 form 的 serialize 方法（原因是 serialize 方法得到的数据是一个字符串，其不支持二进制数据传输，因此无法上传文件...

2019-05-26 20:58:38 12703 6

原创我的vue框架学习笔记

#vue.js1.为什么要学习vuevue能减少不必要的DOM操作，提高渲染效率双向数据绑定的概念只关心业务逻辑，不再关心DOM是如何渲染的了2.什么是框架一套完整的解决方案对项目的侵入性较大，项目如果要更换框架，则要重新架构整个项目3.MVVMMVVM把前端的视图层，把每个页面分成了三部分Model、View、VM提供了数据双向绑定的思想（由VM提供）M...

2019-05-20 21:22:12 366

原创在vue项目中配置webpack

Webpack在vue项目中的配置1.使用webpack的必要性在刚接触 webpack 的时候一直觉得这个打包工具是个可有可无的东西，不仅要写许多的配置代码，还要安装各种插件来使用。后来接触的次数多了，觉得如果没有 webpack 的打包是很难完成工作的，因此这次来总结一下 webpack 该怎么打包vue项目。2.使用工具编译工具：VS Code打包工具：Webpack3.配置...

2019-05-19 13:54:41 6913

原创 Vue+PHP+MySQL实现一次性多图片上传，js上传多张图片预览，QQ空间朋友圈微博图片动态发表（下）

Vue+PHP+MySQL实现一次性多图片上传，js上传多张图片预览，QQ空间朋友圈微博图片动态发表（下）1.功能描述回顾上篇博客说的是Vue+PHP一次性上传多张图片https://blog.csdn.net/qq_41564928/article/details/90319238前端使用 fileReader 对象，通过 readAsDataUrl 方法把图片转换成 Base...

2019-05-19 13:26:16 671 2

原创 Vue+PHP+MySQL实现一次性多图片上传，js上传多张图片预览，QQ空间朋友圈微博图片动态发表（上）

Vue+PHP+MySQL实现一次性多图片上传，QQ空间朋友圈微博图片动态发表1.功能描述图片上传在大多Web项目中应该都是必备功能之一，单独上传一张图片比较容易实现，如果要一次性上传多张图片就会麻烦许多。不管是对前端还是后端来说，工作量都比上传单张照片要大得多。这次的博客就来总结一下如何使用Vue+PHP实现一次性上传多张图片。- 前端：Vue，Bootstrap (如果项目中没有这两...

2019-05-18 20:33:46 2158

qq_41564928的博客