qq_42899861的博客

原创 一文读懂Vuex状态管理模式 + 库

Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新Vuex官网：https://vuex.vuejs.org/zh/

原创 web前端开发工程师必备框架，网站和文档，建议收藏。

前端开发必备的网址，文档，

原创 Git和SVN区别，git常用的命令

客户端并不只提取最新版本的⽂件快照， ⽽是把代码仓库完整地镜像下 来，包括完整的历史。这么⼀来，任何⼀处协同⼯作⽤的服务器发⽣故障，事后都可以⽤任何⼀个镜像出来的本地。这个分⽀主要是⽤来开发⼀个新的功能，⼀旦开发完成，我们合并回。主要特点是单⼀的集中管理的服务器，保存所有⽂件的修订版本。分⽀，这个分⽀包含最近发布到⽣产环境的代码，最近发布的。， 这个分⽀只能从其他分⽀合并，不能在这个分⽀直接修改。这个分⽀是我们的主开发分⽀，包含所有要发布到下⼀个。分享⼀个分⽀，并且将其推送到有写⼊权限的仓库上。

原创 前端面试题---vue篇

每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做 生命周期钩子 的函数，这给了用户在不同阶段添加自己的代码的机会。

原创 前端面试题---js篇

单线程 ：只有一个线程，只能做一件事原因 ： 避免 DOM 渲染的冲突浏览器需要渲染 DOMJS 可以修改 DOM 结构JS 执行的时候，浏览器 DOM 渲染会暂停两段 JS 也不能同时执行（都修改 DOM 就冲突了）webworker 支持多线程，但是不能访问 DOM解决方案 ：异步所有的函数都有prototype属性（原型）所有的对象都有__proto__属性。

原创 React

React是一个用于构建用户界面的javaScript库，起源于facebook的内部项目，后续在13年开源了出来特点。

原创 一文读懂mongoDB数据库

• MongoDB的数据模型是面向文档的，所谓文档是一种类似于JSON的结构，简单理解MongoDB这个数据库中存的是各种各样的JSON。– https://www.mongodb.org/dl/win32/ • MongoDB的版本偶数版本为稳定版，奇数版本为开发版。• 所以我们就需要将一些程序运行的数据持久化到硬盘之中，以确保数据的安全性。• 我们的程序都是在内存中运行的，一旦程序运行结束或者计算机断电，程序运行中的数据都会丢失。• MongoDB的设计目标是极简、灵活、作为Web应用栈的一部分。

原创 Vue基础

Vue 是什么？

原创 测试基本知识

原创 JS高级-

JavaScript高级第01天笔记1.1面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。1.3面向过程与面向对象对比2.对象与类2.1对象对象是由属性和方法组成的：是一个无序键值对的集合,指的是一个具体的事物属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）- 2.1.1创

原创 交互设计。

1.交互工作流程与Axure教学产品经理-用户研究员：用户调研，竞品分析产品经理-交互设计师：功能流程图-界面原型交互设计师：纸面线框图，-交互原型-ui设计，标注，切图2.设计需求分析与方案选择3.信息架构与流程设计4.用户界面设计-让界面更优雅5.交互设计测试与评估6.AI时代设计新思维-语音交互7.交互设计师求职攻略8.综合项目实践...

原创 jQuery

1.1. jQuery 介绍1.1.1 JavaScript 库JavaScript库：即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。简单理解： 就是一个JS 文件，里面对我们原生js代码进行了封装，存放到里面。这样我们可以快速高效的使用这些封装好的功能了。比如 jQuery，就是为了快速方便的操作DOM，里面基本都是函数（方法）。常见的Jav

原创 webAPIs

1.1. Web API介绍1.1.1 API的概念API（Application Programming Interface，应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，无需理解其内部工作机制细节，只需直接调用使用即可。1.1.2 Web API的概念Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。现阶段我们主要针对于浏览器讲解常用的 API , 主要针对浏览器

原创 javascript基础

JavaScript基础第01天1 - 编程语言1.1 编程编程：就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。1.2 计算机语言计算机语言指用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级语言三大类。

原创 移动web开发流式布局flex rem bootstrap

1.2 手机屏幕的现状移动端设备屏幕尺寸非常多，碎片化严重。Android设备有多种分辨率：480x800, 480x854, 540x960, 720x1280，1080x1920等，还有传说中的2K，4k屏。近年来iPhone的碎片化也加剧了，其设备的主要分辨率有：640x960, 640x1136, 750x1334, 1242x2208等。作为开发者无需关注这些分辨率，因为我们常用的尺寸单位是 px 。2.0 视口视口（viewport）就是浏览器显示页面内容的屏幕区域。 视口可以分

原创 HTML5CSS3

HTML5 的概念与定义定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML两个概念：是一个新版本的 HTML 语言，定义了新的标签、特性和属性拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5HTML5 拓展了哪些内容语义化标签本地存储兼容特性2D、3D动画、过渡CSS3 特性性能与集成HTML5 的现状绝对多数新的属性，都已经被浏..

原创 css基本功

CSS基础选择器2.1 标签选择器概念：标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。语法：标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }作用：标签选择器 可以把某一类标签全部选择出来 比如所有的div标签 和 所有的 span标签优点：是能快速为页面中同类型的标签统一样式缺点：不能设计差异化样式。2.2 类选择器类选择器使用“.”（英文点号）进行标识，后面紧跟类名.语法：类.

原创 Linux使用

1.1Linux的概述：1.1.1 什么是Linux：1.1.1.1 学习Linux之前先了解UnixUnix是一个强大的多用户、多任务操作系统。 于1969年在AT&T的贝尔实验室开发。 UNIX的商标权由国际开放标准组织（The Open Group）所拥有。 UNIX操作系统是商业版，需要收费，价格比Microsoft Windows正版要贵一些。1.1.1.2 Linux的概述：Linux是基于Unix的Linux是一种自由和开放源码的操作系统，存在着许多不同的Linux版本，

原创 一文看懂Cookie、Session、Token、JWT

什么是认证（Authentication）通俗地讲就是验证当前用户的身份，证明“你是你自己”（比如：你每天上下班打卡，都需要通过指纹打卡，当你的指纹和系统里录入的指纹相匹配时，就打卡成功）互联网中的认证：。用户名密码登录。邮箱发送登录链接。手机号接收验证码。只要你能收到邮箱/验证码，就默认你是账号的主人。什么是授权（Authorization）用户授予第三方应用访问该用户某些资源的权限你在安装手机应用的时候，APP 会询问是否允许授予权限（访问相册、地理位置等权限）你在访问微信小程

原创 一文了解HTTP

一文了解HTTPhttp2.0性能增强的核心：二进制分帧http2.0首部压缩。并行双向字节流的请求和响应

原创 一文读懂MySQL

QPS:每秒钟处理的查询量，影响数据库性能的因素。网卡流量：网卡io被占满（1000Mb/8=100MB）

原创 mysql8.0

全角度解读企业主流数据库MySQL8.0-1关系数据库的特点：数据结构化，存储在二维表中。支持事务的原子性A,一致性C，隔离性I。持久性D.支持使用sql语言对存储在其中的数据进行操作关系型数据库的适用场景数据之间存在着一定的关系，需要关联查询数据的场景需要事务支持的业务场景需要使用sql语言灵活操作数据的场景非关系型数据库的特点存储结构灵活，没有固定的结构对事务的支持比较弱，但对数据的并发处理性能高。大多数不使用sql语言操作数据非关系型数据库的适用场景数据结构不固定的场景对事

原创 超详细 SQL 语法速成！

**一、基本概念**数据库术语数据库（database） - 保存有组织的数据的容器（通常是一个文件或一组文件）。数据表（table） - 某种特定类型数据的结构化清单。模式（schema） - 关于数据库和表的布局及特性的信息。模式定义了数据在表中如何存储，包含存储什么样的数据，数据如何分解，各部分信息如何命名等信息。数据库和表都有模式。列（column） - 表中的一个字段。所有表都是由一个或多个列组成的。行（row） - 表中的一个记录。主键（primary key） - 一列（或一

原创 maven和gradle那个好呢

相信使用Java的同学都用过Maven，这是一个非常经典好用的项目构建工具。但是如果你经常使用Maven，可能会发现Maven有一些地方用的让人不太舒服：1、一来Maven的配置文件是XML格式的，假如你的项目依赖的包比较多，那么XML文件就会变得非常非常长；2、二来XML文件不太灵活，假如你需要在构建过程中添加一些自定义逻辑，搞起来非常麻烦；3、第三就是Maven非常的稳定，但是相对的就是对新版java支持不足，哪怕就是为了编译java11，也需要更新内置的Maven插件。如果你对Maven的这些