maxiaotengzhang的博客

原创 ES6官方文档

ES6 入门教程

原创 for循环中var 和 let的区别

以下这位老兄写的这篇文章非常详细，老铁们可以仔细阅读，不懂的评论区留言。只有基本功打好，才可以熟能生巧的去操作更高级的技能。

原创 前端的道法来了＜有术无道止于术,有道无术术可求＞

小伙伴们，这个体系，可以帮助大家，后期有再变动我会再更新，先搞起来。

原创 CSS知识点统计，后续会继续完善

原创 vuex在Modules模块下之mapState,mapGetters,mapMutations,mapActions

vuex在Modules模块下之mapState,mapGetters,mapMutations,mapActions

原创 JavaScript之Promise

什么是Promise?一个 Promise 对象代表一个目前还不可用，但是在未来的某个时间点可以被解析的值。Promise表示一个异步操作的最终结果。原生js promise 有兼容性问题。 jQuery1.5.0之后 封装的 deferred对象 （defer的意思是"延迟"）。简单说，deferred对象就是jQuery的回调函数解决方案。兼容所有主流浏览器。推荐大家了解一下JQquery的deffered对象详解。 ES6 Promise 对象，通过babel转码，也是可以兼容主流浏览器。

原创 vue中封装svg-icon组件并使用

详细的svg-icon使用点这里，走你

原创 echarts 柱状图，饼状图，线形图等等各种案例都在这里，带定时器

因为最近一年一直在做数据可视化的项目，所以接触的echarts比较多。就把自己平时用到的案例都总结了一波，项目不定时的更新，所有的echarts 在你熟悉以后都会变得非常简单。废话不多说 上链接：https://gitee.com/xiaotengma/vue-echarts-demo.git 。有需要的老铁直接上项目，如果有不懂的，直接私信或者评论区留言，我看到后会尽力帮助大家。...

原创 vue前端面试题之路

作为一名前端，在工作的同时，是时刻不能忘记前端的扩展滴！路漫漫其修远兮，每天坚持看一道题，1年就是365道题，3年就是1095道题，我相信回报会很巨大了。1、对于MVVM的理解？MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Mod...

原创 Vue 3.0项目搭建

引用一个老兄的vue 3.0项目搭建，挺好用，留着自用1.全局是否安装过1.x 或者2.x的版本 先卸载掉npm uninstall vue-cli -g //或者 yarn global remove vue-cli2.安装vue/clicnpm install -g @vue/cli //yarn global add @vue/cli3.安装项目vue create //文件名 不支持驼峰（含大写字母）4.进入到项目以后大家最好是自定义模式的Manually select feat

转载 call apply bind 深入了解

不知其理，何以谈用众所周知 call、apply、bind 的作用都是‘改变’作用域，但是网上对这这‘改变’说得含糊其辞，并未做详细说明，‘改变’是直接替换作用域？谁替换谁？怎么产生效果？这些问题如果不理解清楚，就算看过手写实现，估计也记不长久，基于此，这里做简单记录，以免时间过长遗忘，方便回顾。callcall() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数这就是 MDN 上给出的描述，看得一脸懵逼的我只能自己一步一步去剖析，一波分析下来其实发现 call 的作用

原创 substring与 substr区别理解

substr和substring两个都是截取字符串的。 两者有相同点，如果只是写一个参数，两者的作用都是一样的：就是截取字符串当前下标以后直到字符串最后的字符串片段。 例如：var a=”abcdefghiklmnopqrstuvwxyz”; var b=a.substr(3); var c=a.substring(3); console.log(b); console.log(c);这样输出的结果就是一样的，都是 defghiklmnopqrstuvwxyz 从第三个下标是2的位置截取到最后 当写第二个.

原创 透彻理解flex三剑客

透彻理解flex -grow;flex-shrink;flex-basis参考这个链接

原创 vue Tooltip提示动态换行

Vue Tooltip提示动态换行在项目中遇到一个需求，通过接口获取到的接口数据名称比较长，提交加一个title来全部显示出来，因为用的是原生的标签，所以直接在li中加了一个title,但是遇到的问题就是title不能换行，于是改变策略，我就引用了element的tooltipelement的tooltip通过按钮引入组件，避免项目文件太大，还有不会的小伙伴吗？直接去官网看一下吧！element-Tooltip：下面进入正题；//这是hmtl<li style="width: 55%" v

原创 Vue的生命周期

生命周期总结为：创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁。

原创 深拷贝与浅拷贝

JS深拷贝与浅拷贝在面试的时候，有遇到过深浅拷贝的问题，但是在实际的项目中也是会应用到深浅拷贝的，下面咱们就一起来看一下如何区分深浅拷贝呢？简单来说就是 B复制A，当操作A 的时候，观察B是否也会改变，如果B也跟着变了，那就是浅拷贝，如果B没有改变，那就是深拷贝。浅拷贝所谓浅拷贝，我们来看个例子let a=[0,1,2,3,4],b=a;console.log(a===b);...

原创 非常简单的二维数组去重

前几天有朋友问我数组去重怎么做，我说简单的数组去重很简单啊，他说是对象形式的，我想了想，也有了点思路。 但是我还是上网查了一下，各路大神四面八方杀来，我觉得很麻烦，而且有的方法还不适用我的数组需求，下面进入正题：需求是：去除数组中name与age都相同的项；<script type="text/javascript">$(document).ready(function...

翻译 Git 最基础入门--创建本地仓库上传文件

关于Git入门，其实非常非常简单，不要把一个东西想像的很难，其实每个知识都有一个核心知识点，咱们就去抓那一个点。1.关于Git的安装，在这里就不多说了。去 Git官网 下载就好了 。 下面进入正题。2.创建本地仓库：首先选择一个合适的地方（一般都是在D盘）  建一个空目录；$  mkdir  Git$  cd Git$  pwd    注：这一步是显示当前的路径/d /

转载 手把手教给你搭建Vue的环境

第一步 node环境安装1.1 如果本机没有安装node运行环境，请下载node 安装包进行安装1.2 如果本机已经安装node的运行换，请更新至最新的node 版本下载地址：https://nodejs.org/en/ 或者 http://nodejs.cn/第二步 node环境检测为了快乐的使用命令行，我们推荐使用 gitbas1.1 下载git 并安装

翻译 iframe中的fixed解决方案

各位朋友，大家好，在卡发的过程中遇到了iframe中子页面fixed失效的问题  现在来解决一下。首先是一个a.html JavaScript 仿LightBox内容显示效果    onload="this.height=main.document.body.scrollHeight; this.width=main.

原创 新手用git命令上传本地项目到 Github

注意：用git上传本地项目一定要先安装好git，本文在这就不过多提及。下面直接进入实战当中......1、现在本地创建一个仓库目录（这个是随便建）   然后在目录上右键 Git Bash Here.2、初始化仓库目录（目的是让文件可以被git 管理）3、下面就进行github 当中的操作，先找到 New repository4,依