古兰精

2018年6月19日

浅析css方面的渲染优化：拆分样式表根据媒体查询加载对应样式表、禁止@import包含依赖链、如何异步加载css

摘要：一、减少渲染阻塞时间今天许多 Web 应用必须满足许多形式因素，包括 PC、平板电脑和移动手机等。为了实现这种响应式特性，我们必须根据媒介大小编写新的样式。在页面渲染时，直到 CSS 对象模型（CSS Object Model，CSSOM）准备就绪，它才开始渲染阶段。根据你的 Web 应用，你可阅读全文

posted @ 2018-06-19 23:57 古兰精阅读(729) 评论(0) 推荐(0)

浅析css动画知识：用法介绍（规则与关键帧）animation-delay为负值提前进行动画、动画函数（三次贝塞尔曲线与步骤缓动函数）补间动画与逐帧动画效果、如何控制动画运行或暂停及控制元素各阶段状态、动画循环次数与方向

摘要： 1、css动画介绍及用法 CSS 动画用于实现元素从一个 CSS 样式配置转换到另一个 CSS 样式配置。动画包括两个部分: 描述动画的样式规则和用于指定动画开始、结束以及中间点样式的关键帧（即规则与关键帧） div { animation: change 3s; } @keyframes cha 阅读全文

posted @ 2018-06-19 22:43 古兰精阅读(2057) 评论(0) 推荐(0)

Vue的实例属性和方法

摘要： vue除了常规用法外，还有一些实例属性和方法，在此总结记录下 Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $，以便与代理的数据属性区分。一、实例属性 1、vm.$data：获取data里的数据，相当于用this获取 2、vm.$options：用来获取定义在data外的数据阅读全文

posted @ 2018-06-19 14:29 古兰精阅读(21941) 评论(0) 推荐(0)

2018年6月18日

Socket.IO介绍：支持WebSocket、用于WEB端的即时通讯的框架

摘要：一、基本介绍 WebSocket是HTML5的一种新通信协议，它实现了浏览器与服务器之间的双向通讯。而Socket.IO是一个完全由JavaScript实现、基于Node.js、支持WebSocket的协议用于实时通信、跨平台的开源框架，它包括了客户端的JavaScript和服务器端的Node.js 阅读全文

posted @ 2018-06-18 22:51 古兰精阅读(5773) 评论(0) 推荐(1)

理解HTML5数据推送应用开发问题

摘要：一、数据推送 SSE是一种允许服务端向客户端推送新数据（通常称作数据推送）的HTML5技术。那么，究竟什么是数据推送？它与我们可能用过的其他技术有什么不同呢？让我先来回答什么不是数据推送。数据推送有两种替代方案：无更新方案和数据拉取方案。无更新方案是最简单的。这几乎是所有网络内容的运作方式。替阅读全文

posted @ 2018-06-18 21:28 古兰精阅读(484) 评论(0) 推荐(0)

SSE技术详解：使用 HTTP 做服务端数据推送应用的技术

摘要： SSE （ Server-sent Events ）是 WebSocket 的一种轻量代替方案，使用 HTTP 协议。严格地说，HTTP 协议是没有办法做服务器推送的，但是当服务器向客户端声明接下来要发送流信息时，客户端就会保持连接打开，SSE 使用的就是这种原理。一、SSE 能做什么？理论上阅读全文

posted @ 2018-06-18 20:55 古兰精阅读(41604) 评论(0) 推荐(2)

浅析vue路由匹配语法：参数自定义正则、可重复的参数、可选参数匹配

摘要：一、在参数中自定义正则当定义像 :userId 这样的参数时，我们内部使用以下的正则 ([^/]+) (至少有一个字符不是斜杠 / )来从 URL 中提取参数。这很好用，除非你需要根据参数的内容来区分两个路由。想象一下，两个路由 /:orderId 和 /:productName，两者会匹配完全相阅读全文

posted @ 2018-06-18 16:14 古兰精阅读(4772) 评论(0) 推荐(0)

浅析new Vue()时发生了什么

摘要：在项目中我们引入了 Vue：import Vue from 'vue'。那么问题是vue到底从哪里来的？从node_modules中来。在node_modules路径下存在vue文件夹，vue文件夹中存在一个package.json文件。在这个文件中存在两个配置字段，它们都是程序的主入口文件。 "m 阅读全文

posted @ 2018-06-18 16:07 古兰精阅读(12500) 评论(0) 推荐(0)

2018年6月15日

深入理解VUE样式style层次分析

摘要：刚开始使用vue的时候容易被里面的样式搞懵：样式可以在main.js中引入，在模块js文件中引入，在组件中的style标签引入，在组件中的script标签引入，还可以在index.html的body中引入。我不禁要问: 1、从不同位置引入的样式到底是什么关系？ 2、在实际定义样式时应该定义在哪个阅读全文

posted @ 2018-06-15 00:01 古兰精阅读(7320) 评论(0) 推荐(0)

2018年6月13日

图解vue中 v-for 的 :key 的作用，虚拟dom Diff算法

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

posted @ 2018-06-13 23:34 古兰精阅读(1165) 评论(0) 推荐(0)

公告