整理 nuxtjs 项目中遇到的各种问题； 一部分是没有理解 nuxt 的设计思想，一部分有些没找到原因，还有一些是版本的问题，更新后就出问题了… 0、安装过程中的问题 创建的时候，axios 一项是单选的，必须要空格才能选中，前几次创建项目的时候没有注意，直接一路 Enter 下来，生成的项目 package.json 中没有 axios 依赖，以为是 bug，后来发现这一项前边是空心的圆点，才…
分类： 前端开发
SVG 边框动画
最近用到一个边框动画效果，动画过程是边框从四个端点出发，慢慢变长，最终填满所有边框，动画效果如下图： 这个是用SVG实现的，主要用到的属性是 stroke-dasharray； stroke-dasharray MDN官方文档点击可查看，这个属性主要是设置边框（stroke）的实线和间隔的数值，“实线长度[, 间隔长度, 实线长度, 间隔长度, ……]”这种格式； 参数中包含两类值：实线长度、间隔…
WebGL笔记（四）GLSL ES 着色器语言
GLSL详细的学习； 一、概述 GLSL ES语言大小写敏感，每一条语句都要以分号结尾； 着色器程序必须有且只有一个 main 函数； 注释，单行注释：// ；多行注释： /* 注释内容 */；这个和js一致； 数据值类型：数值（整型、浮点型）和布尔值（true、false）类型；不支持字符串类型； 变量名：字母、数字和下划线，首字母不能是数字，不能以gl_、webgl_或_webgl_开头，不能…
WebGL笔记（三）纹理
前两篇整理了《WebGL编程指南》的一到四章，笔记的重要性体现出来了，130页的内容，整理到两篇文章中，能非常快的进行回顾或复习或重新学习（长时间不用，大部分知识就忘了，这也是整理笔记的主要原因）； 本篇开始进入第5章“颜色与纹理”； 发生在顶点着色器和片元着色器之间的从图形到片元的转化，又称图元光栅化； 一、varying 变量 作用：从顶点着色器往片元着色器传值； 看下面的顶点着色器和片元着色…
WebGL笔记（一）着色器和缓冲区
《WebGL编程指南》笔记； 之前用 three.js 做了一些效果，有一些地方不是很懂，就想着从头开始学习一下WebGL，也能看看 three.js 到底封装了哪些操作； 本文主要记录了WebGL基础、着色器和缓冲区相关知识； 1、基础 1.1、着色器语言 WebGL 是从 OpenGL ES 2.0 派生出来的，OpenGL ES 是 OpenGL 的一个特殊版本，移除了 OpenGL 中的一…
WebGL笔记（二）变换
变换包括平移、旋转、缩放等，单纯地用数学表达式可以实现变换功能，但遇到复杂的变换，数学表达是就有些吃力了，这时候变换矩阵就派上了用场；下面用这两种方式分析一下变换的基本原理； 一、数学表达式 查看平移、旋转、缩放的demo请点击这里； 1、平移 顶点着色器代码 上面的代码表示以 a_Position 坐标为基准，移动 u_Transition 这个向量，a_Position 和 u_Transit…
JS 中创建对象和实现继承的常用方式
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 创建对象 JS中的面向对象是不完整的，没有标准的类的”声明”方式 最常用的类的声明及对象的创建方式如下，不同的书中对其有不同的命名 继承 准则：创建出来的子类实例，1、用 instanceof 检测父类、子类均返回 true；2、实例的 constructor 指向该子类；3、子类添加方法，不会添加到父类上； 同样，…
JS中的 this 简略分析
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； JS中的 this 变化多端，似乎难以捉摸，但实际上对 this 的解读，还是有一定规律的。 分析this，该如何下手呢？下面有一个函数 那 this 是什么呢？当然没有答案，因为要得到 this，首先要看调用处。调用决定this ，如下 下面分析几种单一情况下的 t…
原生JS运动框架
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 和大家分享一个原生的运动框架。下面的框架，我加了参数过滤，略微完善了该运动框架，是今天刚发现的问题，和大家一块儿学习下。 使用方法： 有几个需要注意的地方： 1、getStyle()中，obj.currentStyle[name] 这个是兼容IE的，getComputedStyle(obj,false)[name] …
由 JavaScript 模板引擎想到的
旧文一篇，2014年发布于前端乱炖中，是当时学习的整理，现在拿过来备份凑个篇数； 序 当下有很多优秀的JavaScript模板引擎，相信各位或多或少对它都有了解。 因为之前并不知道这东西的存在，最近才在了解一些模板引擎，所以对一些模板引擎的原理以及实现的理解并不是很深。当我简单看过几个模板后，发现一个”秘密”：模板的语法以及用法和ASP.NET中的一些语法及控件用法有惊人的相似 – 其实和…