HTML5在线教程和技术博客

  • webgl glsl程序出错: Loop index cannot be compared with non-constant expression

    出现错误的代码如下:#ifdef>GL_ES precision>mediump>float; #endif //>our>texture uniform>sampler2D>u_image; //>the>texCoords>passed>in>from>the>vertex>shader. varying>vec2>v_texCoord; uniform>float>u_glowRange; void>main() { >>>>vec4>color>=>vec4(0,0,0,0); >>>>for(>float>j>=>1.0;>j...

    阅读全文 收藏 评论 (0) 阅读 (74) 2019-07-12 20:40:31  
  • vue项目初始化时npm run dev报错webpack-dev-server

    在运行vue项目时报如下问题:E:mobile_realmobile-vue > >C:UsersFKT00120AppDataRoamingnpm-cache_logs2019-05-27T01_45_54_024Z-debug.log查阅资料发现是webpack新版bug,卸载现有webpack,安装老版本即可解决办法:1、npm uninstall webpack-dev-server2、npm install webpack-dev-server@2.9.13、npm run dev

    阅读全文 收藏 评论 (1) 阅读 (271) 2019-05-27 10:16:55  
  • 构建网站我们该选择Laravel还是React

    现在构建网站的可选项很多,就架构上来讲,有两种方式:一种是传统的服务端动态语言构建,使用PHP/JAVA/Python的开发框架,比如Laravel/Yii/Django/Spring,在服务端完成特定语言模板的解析并生成标签文本输出到客户端(即SSR:服务端渲染);另外一种使用前后端分离的方式,也就是通过后端(Healess CMS)纯粹提供数据,给...

    阅读全文 收藏 评论 (1) 阅读 (387) 2019-05-22 16:27:56  
  • WebGL基础知识 - GLSL和着色器(Shader)

    在本站的WebGL入门教程中,提到绘制管道中有两个着色器,一个是vertex shader(顶点着色器)和一个fragment shader(片段着色器)。本章简介这两个着色器的具体使用。每个着色器本质上就是一个函数,有特定的输入和输出。着色器函数被串联到同一个着色器程序中。Vertex Shader顶点着色器的功能是把原始顶点数据变换到裁减空...

    阅读全文 收藏 评论 (0) 阅读 (1103) 2019-04-29 18:26:12  
  • 浏览器报错: Failed to execute 'createObjectURL' on 'URL'

    之前工作的网页调用摄像头获取视频并拍照的作品报错:Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后,新版本的Chrome不再支持该用法。其他主流浏览器也是如此,详细讨论请参考如下链接:

    阅读全文 收藏 评论 (2) 阅读 (651) 2019-04-25 16:23:38  
  • IntersectionObserver(相交观察器) API简介及在线实例

    有时候我们希望跟踪DOM中的元素何时进入屏幕视线可见区域,这样就可以延迟加载图像或其他数据(比如广告)。要实现这样的目的,一般的思路是我们可以通过挂接滚动事件或使用定时器并对该元素调用getboundingclientrect(),然后计算元素包围盒是否落在当前位置的窗口区域中来完成。然而,这种方法非常缓慢,因为每次调用getb...

    阅读全文 收藏 评论 (0) 阅读 (332) 2019-04-25 14:26:26  
  • 基于jsmpeg库下使用ffmpeg创建视频流连接websocket中继器传输视频并播放

    这个功能的基本工作是这样的:  1.使用node运行jsmpeg库下的websocket-relay.js文件,这个文件的作用是创建一个websocket视频传输中继器  2.运行ffmpeg,将输出发送到中继的HTTP端口,这个http端口是使用node.js搭建的一个简易的http服务器  3.将浏览器中的JSMpeg连接到中继的Websocket端口,浏览器中的JSMpeg是node.js...

    阅读全文 收藏 评论 (0) 阅读 (490) 2019-04-09 13:24:35  
  • 核函数核技巧(Kernel Trick)白话简介

    核函数是为了解决分类问题而引入的方法。有些数据并不是那么容易线性分割,比如我们很容易用一根线条(红色)来分割下图中的黑白点:但是无法用直线来分割下图中的蓝红数据点:为了能用简单的直线(或者多维空间的超平面)来分割如上图中的数据集,我们需要“升维”来观察和思考问题。比如通过一定的映射,把数据映射成如下...

    阅读全文 收藏 评论 (0) 阅读 (414) 2019-03-28 13:04:43  
  • 初识websocket

    之前对websocket是一点都不了解(H5都那么久了,实在不该),由于工作中需要了解websocket相关知识,自己查阅资料、模拟环境、调试等一系列操作之后从网上看到适合小白的一段代码,Ctrl+C,Ctrl+V之后,在代码中加了自己的理解,代码中注释是自己的一些看法,理解如有误,路过的大神多指正,小白级别,勿喷哦。在服务端使用...

    阅读全文 收藏 评论 (0) 阅读 (722) 2019-03-25 18:25:32  
  • 支持向量机(SVM)概念图解(人话版)

    支持向量机(support vector machine)是模式识别里面的基本概念,通俗来讲,它是一种二类分类模型,其基本模型定义为特征空间上的间隔最大的线性分类器,学习策略便是间隔最大化。理解SVM,需要先弄清楚一个概念:线性分类。如下图所示,现在有一个二维平面,平面上有两种不同的数据,分别用圈和叉表示。由于这些数据是线...

    阅读全文 收藏 评论 (0) 阅读 (459) 2019-03-24 12:05:34