涛涛子的博客

原创 将扁平的数据结构转化为tree

前端将扁平的数据转化为tree

原创 基于element UI Table的二次封装

element UI 基于Table表格进行的二次封装组件

原创 vue组件

1.什么是组件化开发 组件化开发指的是：根据封装的思想，把页面上可重用的 UI 结构封装为组件，从而方便项目的开发和维护。 2. vue 中的组件化开发 vue 是一个支持组件化开发的前端框架。 vue 中规定：组件的后缀名是 .vue。之前接触到的 App.vue 文件本质上就是一个 vue 的组件 3.vue组件的三个组成部分 每个 .vue 组件都由 3 部分构成，分别是：  template -> 组件的模板结构  script -> 组件的 JavaScript 行为

原创 vue-cli的安装与配置与运行

1.什么是vue-cli vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。 2.安装和使用vue-ci (1)vue-cli 是 npm 上的一个全局包，使用 npm install 命令，即可方便的把它安装到自己的电脑上： npm install -g @vue/cl (2)基于vue-ci快速生成工程化的vue项目： vue create 项目的名称 (3)vue-cli创建项目的步骤截图： 1）选择第三个，表示

原创 js数组排序算法(冒泡、选择、排序)

1.冒泡排序 排序规则：前后两两进行比较，如果符合比较的条件，就交换两个数的位置，直到所有的数据都符合从小到大的条件，则结束排序。实现排序利用双重for循环，外层循环决定比较的轮次，而内层循环决定每一轮比较多少次。每比较完一轮，会得到一个最大的数在后面。 function bubbleSort(arr){ var temp;//用于占时存储元素，实现元素交换 for(var i=0;i<arr.length;i++){//决定比较的轮次 for(var j=0;j

原创 js异步函数(async/await)

1.概念 异步函数也称为“asynac/await”(语法关键字)，是ES6期约模式在ECMAScript函数中的应用。async/await是ES8新增的。这个特性让以同步方式写的代码能够异步执行。 2.async async关键字用于声明异步函数。这个关键字可以用在函数声明、函数表达式、箭头函数和方法上。 async function foo(){}; let bar=async function(){}; let baz=async ()=>{}; class Qux{ asy

原创 js数组去重复算法

1.速度最快算法:对象键值对法（占用空间最多，空间换时间） 在使用此方法时我们应该注意，当判断js对象键时，会自动的对传入的键执行‘’toString()”,因此，不同的键可能会被认为是一样，比如：a[2]和a["2"]。因此，解决这个问题还得使用indexOf方法。 function unique(arr){ var n = {}, r = [], val, type;//f分别表示:键值对对象，存放过滤后数组，当前下标的数组值，数组值的数据类型 for (var i = 0; i <

原创 Git 常用命令汇总

1.Git的特点 1)直接记录快照，而非差异比较; 2)近乎所有操作都是本地执行； 3)Git保证完整性：Git 中所有的数据在存储前都计算校验和，然后以校验和来引用。 4)Git一般只添加数据； 5）Git有三种状态：已提交(committed)、已修改(modified)、已暂存(staged)。 2.Git的工作流程 1）在工作区中修改文件。 2）将你想要下次提交的更改选择性地暂存，这样只会将更改的部分添加到暂存区。 3）提交更新，找到暂存区的文件，将快照永久性存储到 Git 目录。

原创 JavaScript期约（promise）

1.promise的定义 promise对象用于表示一个异步操作的最终完成或失败及其结果值，它能把异步操作最终的成功返回值或者失败原因和相应的处理程序关联起来。 2.期约是一个有状态的对象，可能处于以下三种状态 (1)待定（pending）: 表示尚未开始或者正在执行中。 (2)兑现（fulfilled，有时候也称为“解决”，resolved）: 表示已经成功完成。 (3)拒绝（rejected）: 则表示没有成功完成，也就是已经失败。 待定(pe...

原创 node.js mysql简单封装

1.node.js简单封装mysql模块，首先，我们需要下载mysql模块，使用如下命令： npm install mysql --save 2.在项目目录下创建一个数据库配置文件db 3.在config.js文件下引入mysql模块，实现最简单的mysql封装 const mysql = require('mysql');//引入mysql module.exports={ //公开该模块（以便其它模块使用） config:{ host:'127.0.0.1',//

原创 原生ajax的封装

1.什么是Ajax? Ajax定义：Ajax(Asynchronous JavaScript+XML,即异步JavaScript加XML)，是一种通过异步请求的方式向服务器请求数据，在无需重新刷新整个网页的情况下，能够更新部分网页的技术。 作用：更好的提升用户的体验，并减少网络数据的传输量。 2.ajax的工作原理 Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎)，使用户操作与服务器响应异步化。并不是所有的用户请求都提交给服务器。像—些数据验证和数据处理等都交给Ajax...

原创 JavaScript数组知识框架