qilanbei-CSDN博客

原创有关Charles 抓包工具的破解和 Https 配置

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

2019-03-14 11:58:04 305

原创 Echarts 图表tooltip的自动播放

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

2019-03-05 16:47:15 1605

原创 javascript 原形链的江湖恩怨

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

2019-03-05 15:18:44 204

原创 es6的扩展运算符 ... 你了解多少呢

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

2019-03-04 18:15:43 1217 2

原创 let和const的区别

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

2017-11-06 21:50:30 881 1

原创浏览器解析渲染的过程

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

2017-10-20 22:19:09 524

原创浏览器兼容性

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

2017-10-16 21:47:52 487

原创 2017自己前端面试题总结

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

2017-10-16 21:45:25 376

原创如何搭建vue项目

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

2017-10-06 17:28:27 656

原创关于D3.js

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

2017-09-28 21:27:24 2261

原创网页性能优化

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

2017-09-24 19:25:50 194

原创 CSS相关及一些兼容性问题

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

2017-09-22 22:55:06 256

原创 vue父组件与子组件间如何进行数据传递

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

2017-09-22 11:51:29 16354

原创 vue学习笔记

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

2017-09-19 11:28:24 1033

原创 Canvas学习笔记

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

2017-09-19 11:27:50 373

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

2017-09-19 11:27:28 381

原创 javascript问题整理

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

2017-09-19 11:27:00 582

原创 NodeJS学习

* 自用笔记：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

2017-09-19 11:26:36 386

原创 Gulp学习笔记

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

2017-09-19 11:26:12 466

原创模块化开发

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

2017-09-19 11:25:19 907

原创 token相关

* 自用笔记：token相关 *token相关1.token的工作原理 1> 登录时候,客户端通过用户名与密码请求登录 2> 服务端收到请求区验证用户名与密码 3> 验证通过,服务端会签发一个Token,再把这个Token发给客户端. 4> 客户端收到Token,存储到本地,如Cookie,SessionStorage,LocalStorage. 5> 客户端每次像服务器请求API接口时候

2017-09-19 11:24:26 602

原创 javascript踩过的坑

* 自用笔记：javascript踩过的坑 *javaScript踩过的坑click事件累加绑定情况一：(未复现) 在页面中为一个元素绑定事件，事件执行后页面未刷新且将元素隐藏，但是元素绑定的事件未解绑，然后你再次点击，元素又被绑定个一次点击事件，这样第二次点击就会执行两次; 情况二：$("#cover").mouseover(function (){ $('#btn').cli

2017-09-19 11:22:58 893

原创 instanceOf学习笔记

* 自用笔记：instanceOf学习 *instanceof运算规则：如果运算符后面的函数的prototype属性所引用的对象，出现在运算符前面的对象的原型链上的话，就返回true；否则就返回false。 2. 绘制作用域链的规则 1》将整个script标签的全局作用域，定义为0级作用域链。将全局作用域上的数据（变量、函数、对象等等）绘制在该链上。 2》由于在词法作用域中，只

2017-09-19 11:21:10 354

qilanbei的博客