2018年03月_飞歌Fly

原创 vuex最详细完整的使用用法

为什么使用vuex?vuex主要是是做数据交互，父子组件传值可以很容易办到，但是兄弟组件间传值（兄弟组件下又有父子组件），或者大型spa单页面框架项目，页面多并且一层嵌套一层的传值，异常麻烦，用vuex来维护共有的状态或数据会显得得心应手。需求：两个组件A和B，vuex维护的公共数据是餐馆的名称 resturantName,默认餐馆名称是飞歌餐馆，那么现在A和B页面显示的就是飞歌...

2018-03-01 15:05:10 38077 16

转载自：http://blog.csdn.net/mongo_node/article/details/78969709请点击此处输入图片描述React.js和Vue.js是这个星球上最流行的JavaScript库。它们都很强大，相对来说很容易获取和使用。React和Vue的共性：使用虚拟DOM。提供响应式视图组件。专注于开发过程中的一个方面。目前集中在视图层。有这么多相似之处，你可以假设它们都是...

2018-03-10 10:38:54 931

转载 React 还是 Vue：你该如何选择？

转载自：http://www.codeceo.com/react-or-vue.html2016年React巩固了它作为前端框架之王的地位，这一年中可以看到它在Web端和移动端的快速成长，同时稳稳领先于它的主要竞争对手Angular。但是2016对Vue来说也是同样令人印象深刻的一年，它发布了Vue 2.0版本并且在JavaScript社区引起了巨大反响，GitHub上多出的25000颗star就...

2018-03-10 10:15:35 210

转载 Web前端性能优化的9大问题

转载自：https://www.cnblogs.com/liulilin/p/7245125.html1、请减少HTTP请求基本原理：在浏览器(客户端)和服务器发生通信时，就已经消耗了大量的时间，尤其是在网络情况比较糟糕的时候，这个问题尤其的突出。一个正常HTTP请求的流程简述：如在浏览器中输入"www.xxxxxx.com"并按下回车，浏览器再与这个URL指向的服务器建立连接，然后浏览器才能向服...

2018-03-06 10:23:03 232

转载 HTTP协议以及http与https的区别

转载自：https://www.cnblogs.com/azhai-biubiubiu/p/6048901.html什么是HTTP？以下来自度娘最为专业的解释：超文本传输协议（HTTP，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。1960年美国人T...

2018-03-06 09:05:49 3159

原创强缓存与协商缓存

一、强缓存第一次请求时，服务器把资源的过期时间通过响应头中的Expires和Cache-Control两个字段告诉浏览器，之后再请求这个资源的话，会判断有没有过期，没有过期就直接拿来用，不向服务器发起请求，这就是强缓存。Cache-Control与Expires同时存在的话，Cache-Control的优先级高于Expires（一）Cache-Control的几种模式1、no-cache：不使用本地缓存。需要使用缓存协商，先与服务器确认返回的响应是否被更改，如果之前的响应中存在ET...

2018-03-06 08:57:45 273

原创前端性能优化 —— reflow(回流)和repaint(重绘)

随着前端技术的发展，各种技术和框架也不断更新完善，产品也越来越酷炫，动画、交互等没有你想不到，只有你做不到的，随着而来的就是写不完的需求，改不完的bug（当然这只是开玩笑，毕竟我们都是很专业）。产品不断更新迭代，交互、特效不断往上面加，有一天我们的页面突然就变得很卡了，这是为什么呢？如果你有时间可以阅读以下这篇文章：现代浏览器的工作原理 http://blog.jobbole.com/12749/...

2018-03-02 14:13:23 658

转载 7种方法解决移动端Retina屏幕1px边框问题

转载自：https://www.jianshu.com/p/7e63f5a32636造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 d...

2018-03-02 12:17:08 397

转载 Chrome插件(扩展)开发全攻略（干货）

转载自：https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html写在前面我花了将近一个多月的时间断断续续写下这篇博文，并精心写下完整demo，写博客的辛苦大家懂的，所以转载务必保留出处。本文所有涉及到的大部分代码均在这个demo里面：https://github.com/sxei/chrome-plugin-demo，大...

2018-03-02 11:39:28 20518 4

qq_35430000的博客