HTML5在线教程和技术博客

  • 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) 阅读 (153) 2019-05-27 10:16:55  
  • 构建网站我们该选择Laravel还是React

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

    阅读全文 收藏 评论 (1) 阅读 (274) 2019-05-22 16:27:56  
  • npm install error: tunneling socket could not be established

    出现这个问题是因为代理设置不对,执行如下命令:
    config>set>proxy>http://proxyhost:proxyport config>set>https-proxy>http://proxyhost:proxyport其中proxyhost可以是localhost,即本地代理,proxyport是端口号。如果没有proxy,则需要去除:config>set>proxy>null config>set>https-proxy>null

    阅读全文 收藏 评论 (0) 阅读 (148) 2019-05-13 18:07:22  
  • WebGL光照基础知识:光学现象基本概念

    用webgl着色器来实现光照特效,本质上是一个对物理学特性使用计算机进行近似模拟的方法和过程。所以我们需要理解光线传播的几个基本概念及其区别:反射、衍射、散射以及透射、折射散射是由于介质中存在的微小粒子(异质体)或者分子对光的作用,使光束偏离原来的传播...

    阅读全文 收藏 评论 (0) 阅读 (237) 2019-05-05 00:11:11  
  • WebGL基础知识 - GLSL和着色器(Shader)

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

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

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (256) 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) 阅读 (396) 2019-04-09 13:24:35  
  • videos播放rtmp流遇到的一些问题

    >利用videos播放rtmp流遇到的一些问题此处使用的是videojs的5.xx版本,尝试利用6.xx或者7.xx是播放不了rtmp流的,6以上的videojs版本默认取消了flash的支持,因此在项目中如果必须使用高版本,可以添加支持flash的js文件videojs-flash。在项目中因为需要使用高版本来播放HLS,因此与5.xx版本冲突,所以我的解决办法是添加了...

    阅读全文 收藏 评论 (0) 阅读 (929) 2019-03-29 12:48:58  
  • 核函数核技巧(Kernel Trick)白话简介

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

    阅读全文 收藏 评论 (0) 阅读 (335) 2019-03-28 13:04:43