序 又是快两个月没写随笔了，长时间不总结项目，不锻炼文笔，一开篇，多少都会有些生疏，不知道如何开篇，如何写下去。有点江郎才尽，黔驴技穷的感觉。 写随笔，通常三步走，第一步，搭建框架，先把你要写的内容框架搭建出来；第二步，添砖，在框架基础上，填写各部分内容；第三步，加瓦，再写好的内容上进行修改，润湿。然后文章的质量，就因人而异了。但不管怎么说，得写，得练，得经受的起各路能人志士的批评指教，至于改不改，那也是写文章的人的事了（通常我是认真接受批评指教的）。 你看，写道这里，我又不知道再序些啥了，索性就这样吧。 闲话少序，切入正题前言 前面的课程有讲解过库房相关的，但都是密集架库房，档案室
序 又是快两个月没写随笔了，长时间不总结项目，不锻炼文笔，一开篇，多少都会有些生疏，不知道如何开篇，如何写下去。有点江郎才尽，黔驴技穷的感觉。 写随笔，通常三步走，第一步，搭建框架，先把你要写的内容框架搭建出来；第二步，添砖，在框架基础上，填写各部分内容；第三步，加瓦，再写好的内容上进行修改，润湿。然后文章的质量，就因人而异了。但不管怎么说，得写，得练，得经受的起各路能人志士的批评指教，至于改不改，那也是写文章的人的事了（通常我是认真接受批评指教的）。 你看，写道这里，我又不知道再序些啥了，索性就这样吧。 闲话少序，切入正题前言 前面的课程有讲解过库房相关的，但都是密集架库房，档案室
问题描述前端页面加载css，和js文件的时候，经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况定位问题在单独打开hearder中css，js的网络地址是能打开的，所以排除了最简单的地址错误。前端项目是由nginx代理的，所以可以查看nginx的日志，看看有无线索。进入${NGINX_HOME}\logs，查看error.log，得到如下信息：open()"/usr/local/nginx/proxy_temp/4/30/0000000304"failed(13:Permissiondenied)whilereadingupstream那么，为什么nginx要访问prox
问题描述前端页面加载css，和js文件的时候，经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况定位问题在单独打开hearder中css，js的网络地址是能打开的，所以排除了最简单的地址错误。前端项目是由nginx代理的，所以可以查看nginx的日志，看看有无线索。进入${NGINX_HOME}\logs，查看error.log，得到如下信息：open()"/usr/local/nginx/proxy_temp/4/30/0000000304"failed(13:Permissiondenied)whilereadingupstream那么，为什么nginx要访问prox
最近在业务中实际使用content-visibility进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为content-visibility？content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。MDN原文：Thecontent-visibilityCSSpropertycontrolswhetherornotanelementrendersitscontentsatall,alongwithforcingastrongsetofcontainments,allowi
最近在业务中实际使用content-visibility进了一些渲染性能的优化。这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。何为content-visibility？content-visibility：属性控制一个元素是否渲染其内容，它允许用户代理（浏览器）潜在地省略大量布局和渲染工作，直到需要它为止。MDN原文：Thecontent-visibilityCSSpropertycontrolswhetherornotanelementrendersitscontentsatall,alongwithforcingastrongsetofcontainments,allowi
摘要：了解WebGL的基础概念并进行实践，更好的理解不同框架带来的便捷及优势。文｜WebSDK开发团队 前言 1、什么是WebGL? WebGL的全称是WebGraphicsLibrary，是一种3D绘图协议。 WebGL允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染。Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化。 2、OpenGL与GLSL 在了解WebGL之前，我们需了解下什么是OpenGL与G
摘要：了解WebGL的基础概念并进行实践，更好的理解不同框架带来的便捷及优势。文｜WebSDK开发团队 前言 1、什么是WebGL? WebGL的全称是WebGraphicsLibrary，是一种3D绘图协议。 WebGL允许把JavaScript和OpenGLES2.0结合在一起，通过增加OpenGLES2.0的一个JavaScript绑定，WebGL可以为HTML5Canvas提供硬件3D加速渲染。Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型，还能创建复杂的导航和数据视觉化。 2、OpenGL与GLSL 在了解WebGL之前，我们需了解下什么是OpenGL与G
其他章节请看：webgl系列初识WebGL什么是WebGLwebgl在支持canvas的浏览器中进行2d或3d渲染。webgl程序除了有Html、javascript，还需要加入着色器语言（GLSLES）。WebGL使得网页在支持HTML标签的浏览器中，不需要使用任何插件，便可以使用基于OpenGLES2.0的API在canvas中进行3D渲染——MDNWebGL教程通过caniuse得知webgl（98.15%）和webgl2.0（94.12%）的支持情况。请看下图：Tip：个人计算机上，绘制三维最广泛使用的技术有Direct3D和OpenGL，前者是微软的，后者是开源免费的。OpenGL有
其他章节请看：webgl系列初识WebGL什么是WebGLwebgl在支持canvas的浏览器中进行2d或3d渲染。webgl程序除了有Html、javascript，还需要加入着色器语言（GLSLES）。WebGL使得网页在支持HTML标签的浏览器中，不需要使用任何插件，便可以使用基于OpenGLES2.0的API在canvas中进行3D渲染——MDNWebGL教程通过caniuse得知webgl（98.15%）和webgl2.0（94.12%）的支持情况。请看下图：Tip：个人计算机上，绘制三维最广泛使用的技术有Direct3D和OpenGL，前者是微软的，后者是开源免费的。OpenGL有
