qilanbei的博客

写在前面由于之前查了好多无良的帖子，看了那么多字，发现好几篇都是一样的，有的复制的还不是很全，真的很坑，emmmm…Charles 软件破解方式去官网 下载适合自己系统的版本并安装去破解网站根据自己Charles的版本下载对应的jar包简单的替换方法：mac版本在Applications(应用程序)里找到Charles.app然后右击，选择show package content(显示...

// 写一个函数，参数为chart图表的ref参数， 自动播放的间隔时间time// 注意chart的option配置项series 要写成数据的形式，如果为对象 修改函数里面series的判断autoPlayToopTip (chartRef, time = 1500) { let dataIndex = -1 let dataLen = 0 ...

写在前面说到原型链这个爱恨交织、错综复杂的东西，今天我们就来看看这是个神马东东首先追本溯源，为啥有原型链这么个东西，这就要讲到原型，继承，对象这些概念1. 对象对象 object 说到对象的概念，我们都会仰天长叹：万物皆对象；在不同的编程语言中,设计者也利用各种不同的语言特性来抽象描述对象,最为成功的流派是使用“类”的方式来描述对象,这诞生了诸如 C++、Java 等流行的编程语言，然...

写在前面之前学习react 过程中，遇到… 知道的不是很清楚，只是知道例如下面这样…arr1 相当于2, 4, 5, 6let arr1 = [2, 4, 5, 6]let arr2 = [...arr1]arr2 输出为 [2, 4, 5, 6]程序员一定要一直保持学习的状态，反正我就是秉着这样的心态在前端这个领域一直摸索，以至于我的颈椎、前脑门、曾经一抓一大把的头发。。。你们懂得...

let和const的区别let与const都是只在声明所在的块级作用域内有效 let用来定义变量，无论是不是严格模式下，声明未初始化的时候，都不会报错，和var作用一样，返回undefined const用来定义常量，而且声明时必须初始化，否则报错const不能修改定义的常量的值 但是可以修改常量的属性值，例如： const a = {b: 9}; a.b = 1; con

浏览器加载解析过程在面试的时候，有的面试官会问到js加载是不是会阻塞DOM树的解析和渲染，css会不会，或者问到相关问题，就想总结一下，首先有几个问题，自己在查询资料的时候，答案众说纷纭，通过自己学习，总结如下，也欢迎纠正 1.css会不会阻塞DOM树的解析和渲染? css是不会阻塞DOM树的解析；因为当浏览器解析到link的href去加载外部css文件的时候，浏览器还是会继续加载dom结构，为

浏览器兼容性(必须要总结一下这个了)获取document对象的文本内容： 大部分浏览器都支持：innerhtml IE支持：innerhtml和innerText firefox支持：innerhtml和textContent事件event对象相关兼容性问题： 1>获取event事件对象 chrome，firefox，safari等直接直接通过event获取，但IE采用了一种非标准的方

面试题总结1.一个宽度为120px的div里面有三个40px的div,这时候给三个div加上border 1px的话，会发生什么，如何解决？ 答：加上border 1px的话，最后一个会掉下来，给父盒子设置display:flex; 给每个子盒子div设置flex为1；当给父盒子设置display:flex;时 就已经不会掉下来了。 2.两个img标签中间有间隙如何解决？ 答：使用displa

如何搭建vue项目开发环境要求 1> Node.js: javascript运行环境，不同系统不能直接运行各种编程语言; 2> npm: Node.js下的包管理器; 3> webpack: .vue的Vue组件 或者像 微信小程序的.wxml和.wxss等自定义的组件都无法被用户端的各种浏览器解析，需要被翻译和打包成.js文件; 4> vue-cli: Vue的脚手架工具，主要作用：目录

D3.js学习官方网站：https://d3js.org/什么是D3.js D3 的全称是（Data-Driven Documents）,是一个用动态图形显示数据的JavaScript库，一个数据可视化的工具。兼容W3C标准，并且利用广泛实现的SVG，JavaScript，和CSS标准。它是早期的Protovis框架的继承者。与其他的类库相比，D3对视图结果有很大的可控性。D3 API总结

网页性能优化1. 图片优化1.1 样式代替图片 例如：半透明、圆角、阴影、高光、渐变等。这些效果主流的浏览器都能够完美支持，而对于那些低端浏览器，我们并不会完全抛弃他们，“渐进增强”则是一个很好的解决方案。 1.2 精灵图 CSS Sprites，将同类型的图标或按钮等背景图合到一张大图中，减少页面请求。 1.3 字体图标 Icon Font，将图标做成字体文件。优点是图标支持多个尺寸，兼

#### CSS相关及一些兼容性问题1.cursor:hand VS cursor:pointerfirefox不支持hand，但ie支持pointer解决方法: 统一使用pointer2.innerText在IE中能正常工作，但在FireFox中却不行. 需用textContent。解决方法:if(navigator.appName.indexOf(“Explorer

vue父组件和子组件间怎么进行数据传递父组件传递数据给子组件(可以通过props属性来实现)： 由于组件实例的作用域是孤立的。这意味着不能 (也不应该) 在子组件的模板内直接引用父组件的数据。要让子组件使用父组件的数据，我们需要通过子组件的 props 选项； 在模板中，要动态地绑定父组件的数据到子模板的 props，与绑定到任何普通的 HTML 特性相类似，就是用 v-bind。每当父组件的

* 自用笔记：vue学习 *//示例：router.beforeEach((to, from, next) => { console.log('路由全局勾子：beforeEach -- 有next方法') next()})一般在这个勾子的回调中，对路由进行拦截。 比如，未登录的用户（或者是未绑定手机号的用户），直接进入了需要登录才可进的页面，那么可以用next(false)来拦截，使其

* 自用笔记：Canvas学习 *canvas简介Canvas简介： 概念：H5 提供的一个新的标签元素。中文：画布 Canvas是指 可以在其上面 通过脚本语言（通常为js） 绘制图形、图像以及制作动画的标签。Canvas本身不具备 绘制能力，只是负责展示。在浏览器不支持Canvas时，会将其当做div标签来解析。在IE中，会将其当做文本节点来解析基本使用创建一个画布 java

* 自用笔记：git学习 *1. 版本控制1.1 关于版本控制版本控制（Version Control Systems）是一种记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的系统。这个系统可以自动帮我们备份文件的每一次更改，并且可以非常方便的恢复到任意的备份（版本）状态。2. Git工作原理2.1 为了更好的学习Git，我们们必须了解Git管理我们文件的3种状态，分别是已提交（commi

* 自用笔记：javascript问题整理 *JavaScript1.HTML对象获取问题 FireFox：document.getElementById(“idName”); ie:document.idname或者document.getElementById(“idName”). 解决办法：统一使用document.getElementById(“idName”); 2.const问题

* 自用笔记：NodeJS学习 *1. Node.js概述1.1 Node.js是一个在浏览器之外可以解析和执行JavaScript代码的运行时环境，或者说是一个运行时平台;基于V8引擎，事件驱动，非阻塞IO模型，高效轻便1.2 Node.js的特性无阻塞IO模型事件驱动1.3 Node.js通常用来构建提供实时服务的应用程序1.4 Node.js的好处可以在服务器端使用JavaScript

* 自用笔记：Gulp学习 *Gulp1. Gulp概述gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率gulp是基于Nodejs的自动任务运行器她能自动化地完成javascript、coffee、sass、less、html/

* 自用笔记：模块化开发学习 *模块化开发1. 概述1.1 当你的网站开发越来越大复杂的时候，会经常遇到什么问题？命名冲突文件依赖。。。。。。各种问题。。。1.2 程序模块化开发优点开发效率高 代码方便重用，别人开发的模块直接拿过来就可以使用，不需要重复开发类似的功能方便后期维护 软件的声明周期中最长的阶段其实并不是开发阶段, 而是维护阶段，需求变更比较频繁，使用模块化的开发