渲染主题的文章列表，还有渲染的技术要点_第8页

使用 Vue 2.0 实现服务端渲染的 HackerNews

Vue2.0支持服务端渲染(SSR)，并且是流式的，可以做组件级的缓存，这使得极速渲染成为可能。同时，和2.0也都能够配合SSR提供同构路由和客户端statehydration。vue-hackernews-2.0是Vue作者在GitHub上面放的Vue2.0的一个示例项目，结合Express、vue-router&a...

代码星球 ·2020-04-08

浅谈浏览器解析 URL+DNS 域名解析+TCP 三次握手与四次挥手+浏览器渲染页面

为了能让我们的知识层面看起来更有深度，我们应该考虑下面两个问题了：从浏览器输入URL到渲染成功的过程中，究竟发生了什么？浏览器渲染过程中，发生了什么，是不是也有重绘与回流？OK，兴致来了，我们就先从浏览器解析URL看起，先来看看当用户输入URL，到浏览器呈现给用户页面，经历了以下过程：版本A：用户输入URL地址。对UR...

代码星球 ·2020-04-08

小程序~列表渲染~key

如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态（如 <input/> 中的输入内容， <switch/> 的选中状态），需要使用 wx:key 来指定列表中项目的唯一的标识符。wx:k...

代码星球 ·2020-04-08

vue基础---列表渲染

首先简单回顾下v-for‘指令<olid="list_area"><liv-for="bookinbooks">{{book.name}}</li></ol><scripttype="text/javascript"&...

代码星球 ·2020-04-08

vue基础---条件渲染

（1）v-if条件渲染 v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回truthy值的时候被渲染。可以用 v-else 添加一个“else块”： ①表...

代码星球 ·2020-04-08

vue 自学笔记(5) 列表渲染

列表渲染　　　　一:v-for指令　　　　当我们涉及到列表渲染数据的时候，不可能做一个重复的工作去不停的一个一个的渲染每一项列表。并且列表数据的表现，比如从后端请求过来的数据，不可能是一个一个的单独的JSON数据，通常会是一个数组或者对象。　　　　针对这样的情景，Vue提供了 v-for 指令使列表...

代码星球 ·2020-04-07

vue 自学笔记(4): 样式绑定与条件渲染

一:对象绑定　　Vue对于页面的样式加载也有独特的方式，按照Vue提供的方式，我们可以轻松的控制它们的呈现。假使我们要实现点击div变色Vue提供的样式方案的本质是对元素节点进行属性的绑定，由此我们可以获知它会采用v-bind指令去绑定属性，同时我们也能知道样式内容的定义也可以放在data中，以下是几个绑定样式的方案。...

代码星球 ·2020-04-07

使用datatables实现后台分页功能，减轻前端渲染压力

注意不同版本，参数名字及参数内容存在差异，具体可以参考https://datatables.net/upgrade/1.10-convert#Options 控制页面显示的参数：https://datatables.net/reference/option/ 前端传给后端的参数列表：后端传给前端的参...

代码星球 ·2020-04-06

页面渲染原理

推荐阅读：原来CSS与JS是这样阻塞DOM解析和渲染的废话少说，先来看个图：1.浏览器先解析HTML产生一个DOMTree。2.解析CSS会产生CSSRuleTree。3.解析完成后，浏览器引擎会通过DOMTree和CSSRuleTree来构造RenderingTree。(ps:RenderingTree渲...

代码星球 ·2020-04-06

SpringMVC DispatcherServlet-------视图渲染过程

整个springmvc的架构如下图所示：现在来讲解DispatcherServletDispatcherServlet的最后一步：视图渲染。视图渲染的过程是在获取到ModelAndView后的过程。视图渲染的过程：DispatcherServlet.javadoService()--->doDispatch()-...

代码星球 ·2020-04-06

HTML一片空白，无法渲染： Empty tag doesn't work in some browsers

html文件直接引入一个script，如下<html><head><scripttype="application/javascript"src="ajax/jquery-1.10.2.min.js"/></head>结果导致了对应的页面在浏览器显示不了，一片空白，F12...

代码星球 ·2020-04-06

谈谈浏览器渲染

HTML页面加载和解析流程1.用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件；2.浏览器开始载入html代码，发现＜head＞标签内有一个＜link＞标签引用外部CSS文件；3.浏览器又发出CSS文件的请求，服务器返回这个CSS文件；4.浏览器继续载入html中＜...

代码星球 ·2020-04-06

一行代码让圆角风雨无阻，告别离屏渲染性能损耗

github链接:https://github.com/liuzhiyi1992/ZYCornerRadius本人博客地址：http://zyden.vicp.cc/zycornerradius/这篇文章介绍ZYCornerRadius(一句代码。圆角风雨无阻)解决生产中圆角带来的离屏渲染问题的思路。日常生产中app布...

代码星球 ·2020-04-06

easyui 动态渲染

$.parser.parse 这个 $("div[data-easyuisrc]").html(function(){varurl=$(this).attr("data-easyuisrc");var$b=$(this);$b.empty();$.get(url,function(data){var...

代码星球 ·2020-04-05

浏览器渲染页面的过程

一、渲染引擎　　浏览器的核心部分是渲染引擎，也称为浏览器的内核，负责对网页语法（如HTML、CSS、JavaScript等）的解释并显示网页。Firefox使用Geoko——Mozilla自主研发的渲染引擎，Safari和Chrome使用webkit内核。二、webkit引擎渲染流程　　1.渲染...

代码星球 ·2020-04-05

使用 Vue 2.0 实现服务端渲染的 HackerNews

浅谈浏览器解析 URL+DNS 域名解析+TCP 三次握手与四次挥手+浏览器渲染页面

小程序~列表渲染~key

vue基础---列表渲染

vue基础---条件渲染

vue 自学笔记(5) 列表渲染

vue 自学笔记(4): 样式绑定与条件渲染

使用datatables实现后台分页功能，减轻前端渲染压力

页面渲染原理

SpringMVC DispatcherServlet-------视图渲染过程

HTML一片空白， 无法渲染： Empty tag doesn't work in some browsers

谈谈浏览器渲染

一行代码让圆角风雨无阻，告别离屏渲染性能损耗

easyui 动态渲染

浏览器渲染页面的过程

HTML一片空白，无法渲染： Empty tag doesn't work in some browsers