qq_41861679的博客

转载 CSS11中垂直居中

CSS垂直居中的11种实现方式注：以下demo都只是针对现代浏览器所做，未兼容低版本的IE以及其它非主流浏览器。 11种实现方式分别如下：1. 使用绝对定位和负外边距对块级元素进行垂直居中html代码：<div id="box"> <div id="child">我是测试DIV</div></div>css代码：#box { wid...

转载 JS选择排序

    function arrSort3(arr){        var len= arr.length,            minIndex,nu;        for(var i = 0; i < len-1; i++){                minIndex = i;//记录每次循环的第一个数为该次循环的最小值索引                for(var j ...

转载 HTTP是什么？

技术架构HTTP是一个客户端和服务器端请求和应答的标准（TCP）。客户端是终端用户，服务器端是网站。通过使用Web浏览器、网络爬虫或者其它的工具，客户端发起一个到服务器上指定端口（默认端口为80）的HTTP请求。（我们称这个客户端）叫用户代理（user agent）。应答的服务器上存储着（一些）资源，比如HTML文件和图像。（我们称）这个应答服务器为源服务器（origin server）。在用户代...

转载 理解JS 中的 this

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为什么要学...

转载 用户登录时的安全问题剖析

POST是提交数据的方式，比较常见的POST提交数据的方式有四种：1、application/x-www-form-urlencoded(浏览器支持)：主要向服务器提交用户隐私相关的信息2、multipart/form-data(浏览器支持)向服务器上传小文件，一般不超过2M3、application/json(浏览器不支持)：向后台服务器提交结构化数据4、text/xml(浏览器不支持)：向后台...

转载 浏览器渲染过程

浏览器渲染原理及流程　　我们可能都知道浏览器含有一个渲染引擎，用来渲染窗口所展示的内容。默认情况下，渲染引擎可以显示html、xml文档及图片，它也可以借助插件（一种浏览器扩展）显示其他类型数据，例如使用PDF阅读器插件，用于显示PDF格式。但是其具体的渲染原理和流程估计也有很多人都不知道或者不清楚吧。这些天研究了一下浏览器的渲染原理，有了些心得，在这里跟大家分享一下，这里只讨论渲染引擎最主要的用...

转载 网页优化方案

优化方式JavaScript压缩和模块打包源码解析的效率比字节码低。脚本的大小会对应用启动时间有着负面的影响模块打包将不同脚本打包在一起并放进同一文件，更少的http请求和单个文件解析都可以减少加载时间（CSS、图片都可以进行打包）按需加载资源资源的按需加载（惰性加载）减少向服务器发出的并发请求数量减少浏览器的内存使用率（更少的图片，更少的内存）减少服务器端的负载在使用DOM操作库时使用Arrar...

转载 JS冒泡排序

解析：1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。　　　2.第一轮的时候最后一个元素应该是最大的一个。　　　3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。...

转载 Vue数据双向绑定原理

相信大家对mvvm双向绑定应该都不陌生了，一言不合上代码，下面先看一个本文最终实现的效果吧，和vue一样的语法，如果还不了解双向绑定，猛戳Google<div id="mvvm-app"> <input type="text" v-model="word"> <p>{{word}}</p> <butt

转载 APP音乐播放器遇到的问题

做这个项目遇到最大的问题，应该是在于做好播放器功能后，在CHROME浏览器不兼容的问题，即无法正常播放。检查代码后发现是没问题的，实在无法解决的情况下去翻看了老师的博客，发现了问题所在。介绍 Vue 的 nextTick 之前，我先简单介绍一下 JS 的运行机制：JS 执行是单线程的，它是基于事件循环的。对于事件循环的理解，阮老师有一篇文章写的很清楚，大致分为以下几个步骤：（1）所有同步任务都在主...

转载 VUE浏览器跨域

jsonp 跨域方法我们提供一个 script 标签. 请求页面中的数据, 同时传入一个回调函数的名字. 服务器端得到名字后, 拼接函数执行格式的字符串. 发送回浏览器. script 在下载代码以后并执行, 执行的就是这个函数调用形式的字符串, 因此就将本地函数调用了.同时拿到了从服务器端得到的数据。反向代理的方法 script标签本身就可以访问其它域的资源，不受浏览器同源策略的限制，可以通过在...

转载 VUE生命周期

注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕，可以用 vm.$nextTick 替换掉 mounted。

转载 VUE路由懒加载

转载 VUE的$dispatch 和 $broadcast 已经被弃用

$dispatch 和 $broadcast 已经被弃用。请使用更多简明清晰的组件间通信和更好的状态管理方案，如：Vuex。因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式确实不太好，我们也不希望在以后让开发者们太痛苦。并且$dispatch 和 $broadcast 也没有解决兄弟组件间的通信问题。对于$dispatch 和 $broad...

转载 关于Vue2.0 v-for 中 :key 到底有什么用？

其实不只是vue，react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用，不得不先介绍一下虚拟DOM的Diff算法了。我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：1. 两个...

原创 VUE过滤器

在公司接触了个demo，需要用到iview，使用iview来创建一个表格的时候，发现iview的表格组件对表格项目的展示是通过这样的语法：。但我们不了解iview对这个表格视图的渲染过程，因此如果有个 <input v-model="a">标签输入进行数据绑定来过滤渲染想要的项目，可能需要用到第二个数组来维护，这样是非常不合理的。在看了《VUE.js权威指南》后，可以看到vue对数组元...

原创 初识VUEX

Vuex是什么？vuex是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。说白了，Vuex就是一个全局单例模式管理。在该模式下，组件树构成了一个巨大的“视图”，不管在树的哪个位置，任何组件都能获取状态或者触发行为。来看看这张图state，驱动应用的数据源；view，以声明方式将 state 映射到视图；ac...