整合ajax的局部渲染技术 整合ajax的局部渲染技术 越来越多web网站依赖于ajax，如table的翻页，流行方式是浏览器发出ajax请求，后台处理后返回一个json，浏览器端将json数据拆开，拼成一条一条的行数据，然后生成dom节点，追加到表格里。 作为另外一种可选技术，beetl支持局部渲染技术，允许后台处理返回的是一个完成的html片段，...

desktopCapturer ipcRenderer remote webFrame

WebGLUtilLib框架 在本章中，封装了多个WebGL相关的类，其中GLProgram类、GLTexture类、GLStaticMesh类以及GLMeshBuilder类是四个核心应用类。 GLProgram类用来编译、链接GLSL ES GPU Shader源码，并提供了载入uniform变量的相关操作。 GLStaticM...

渲染 Web Components 到 Native 方案 行业现状 预研 模拟 HTMLElement 生命周期 事件绑定 渲染 Web Components 到 Native 方案 怎么渲染 Web Components 到 Native？这里拿 Omi 框架 为例，因为 Omi 是基于 Web Components 设计的。 ...

BK.RenderTexture 渲染纹理 方法 构造函数 保存纹理到文件 saveTo(path) 保存纹理到缓存 readPixels(x, y, width, height) 保存纹理为图片文件 writeToDisk(path) 保存纹理为指定宽高的图片文件 writeToDiskWithXY(path, x, y, width, heigh...

网页上的路由 网页上的路由 网页无非是后端渲染，前端渲染或者两者混合渲染。不管怎样，一个半复杂的网页不得不处理路由。 对于后端渲染，路由是由后端处理的。当 URL 路径改变或者请求参数改变的时候会输出一个新的页面，这对于传统网页是完美的解决方案。然而网页程序经常需要保持当前用户的状态，这在海量的服务端渲染的页面之间是很难维护的。 客户端框架通过预...

asyncData 方法 上下文对象 asyncData 方法 你可能想要在服务器端获取并渲染数据。Nuxt.js添加了asyncData 方法使得你能够在渲染组件之前异步获取数据。 类型： Function asyncData 方法会在组件（限于页面组件 ）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的...

编写通用代码 服务器上的数据响应 组件生命周期钩子函数 访问特定平台(Platform-Specific) API 自定义指令 编写通用代码 在进一步介绍之前，让我们花点时间来讨论编写”通用”代码时的约束条件 - 即运行在服务器和客户端的代码。由于用例和平台 API 的差异，当运行在不同环境中时，我们的代码将不会完全相同。所以这里我们将会阐述...

客户端激活 (client-side hydration) 一些需要注意的坑 客户端激活 (client-side hydration) 所谓客户端激活，指的是 Vue 在浏览器端接管由服务端发送的静态 HTML，使其变为由 Vue 管理的动态 DOM 的过程。 在 entry-client.js 中，我们用下面这行挂载(mount)应用程序：...

浏览器渲染性能优化 影响性能的因素 怎么提高前端性能？ 优化关键呈现路径 PageSpeed 规则和建议 参考资料 浏览器渲染性能优化 影响性能的因素 白屏 HTML 和 CSS 的加载及解析速度 内的脚本加载及执行 首屏 图片加载 内的脚本加载及执行 render tree 的构建 HTML 的复杂度 CSS 的复杂度 ...