Qc1998的博客

JSX 基本用法JSX 是一种 JavaScript 的语法拓展，react 中组件渲染内容通常使用 JSX 表示。JSX将 html 标签与 JavaScript 表达式混合在了一起，通过 {} 将 JavaScript 表达式嵌入到元素之中。如const msg = ‘Hello World’;const element = <h1>{msg}</h1>Rea...

上一个程序中，只实现了静态的单点绘制的，点的位置和颜色都是写死在着色器中的。如果想要动态的显示点，将交互添加进去，我们就需要实现使用 JavaScript 向着色器中传值，这就需要使用到缓冲区。在上一个程序基础上，实现点击时生成随机颜色点的效果。一、修改着色器代码我们需要将着色器中创建几个变量。着色器中一共有三种变量类型attribute: 只能在顶点着色器中声明和使用，常用来存放顶点...

WebGL 应用必须包含 canvas 标签，着色器，与JavaScript程序。 canvas 提供运行载体，JavaScript 程序提供数据，着色器控制这些数据的显示形式。一、创建一个 canvas 标签并获取 WebGL 绘图环境。 <canvas id="canvas"></canvas> <script> var cana...

react 中，创建组件有两种方式，函数组件和class组件函数组件函数组件通过编写JavaScript函数创建，创建组件中较为简单的方法，以创建一个 Hello 组件为例function Hello(){ return (<h1>Hello World</h1>)}函数名就是组件的名称，return的内容就是需要渲染的内容，使用的JSX语法。...

react 项目创建首先安装脚手架工具，create-react-appnpm install –g create-react-app安装完成后，执行create-react-app 项目路径执行完成后一个 react 项目就在指定的路径下创建react目录结构react项目创建完成后的目录结构如图：主要看 public 和 src 文件夹中的文件：p...

在HTML5中元素自带拖拽属性。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。示例&lt;body&gt; &lt;div id="dragA" style="width:100px;height: 100px;background-color: blue;border: 1px black solid"...

本文主要通过 superagent 和 cheerio 实现nodejs爬虫。使用superagent获取网页信息，再通过cheerio解析网页内容。以获取笔趣阁小说为例：首先安装安装superagent和cheerionpm i superagent --savenpm i cheerio --save 先简单地获取整页网站的内容var cheerio = requ...

使用原生 js 编写组件时遇到了这个问题，记录一下。问题描述有一个函数 a() , 我希望在点击的时候调用，a() 函数需要的参数除了触发点击的事件外，还需要一个额外的对象 obj。为元素添加监听器，可以这么写：document.getElementById('test').addEventListener('click',a)但是，问题就出现了，事件触发时只会把事件作为第...