![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
Qc1998
这个作者很懒,什么都没留下…
展开
-
react 学习笔记(三):JSX
JSX 基本用法JSX 是一种 JavaScript 的语法拓展,react 中组件渲染内容通常使用 JSX 表示。JSX将 html 标签与 JavaScript 表达式混合在了一起,通过 {} 将 JavaScript 表达式嵌入到元素之中。如const msg = ‘Hello World’;const element = <h1>{msg}</h1>Rea...原创 2020-02-04 09:58:07 · 246 阅读 · 0 评论 -
WebGL学习笔记(二):利用缓冲区动态绘制多个点
上一个程序中,只实现了静态的单点绘制的,点的位置和颜色都是写死在着色器中的。如果想要动态的显示点,将交互添加进去,我们就需要实现使用 JavaScript 向着色器中传值,这就需要使用到缓冲区。在上一个程序基础上,实现点击时生成随机颜色点的效果。一、修改着色器代码我们需要将着色器中创建几个变量。着色器中一共有三种变量类型attribute: 只能在顶点着色器中声明和使用,常用来存放顶点...原创 2019-12-08 17:42:09 · 349 阅读 · 0 评论 -
WebGL学习笔记(一):绘制单个点
WebGL 应用必须包含 canvas 标签,着色器,与JavaScript程序。 canvas 提供运行载体,JavaScript 程序提供数据,着色器控制这些数据的显示形式。一、创建一个 canvas 标签并获取 WebGL 绘图环境。 <canvas id="canvas"></canvas> <script> var cana...原创 2019-12-05 15:39:04 · 203 阅读 · 0 评论 -
react 学习笔记(二):react 组件创建与传值
react 中,创建组件有两种方式,函数组件和class组件函数组件函数组件通过编写JavaScript函数创建,创建组件中较为简单的方法,以创建一个 Hello 组件为例function Hello(){ return (<h1>Hello World</h1>)}函数名就是组件的名称,return的内容就是需要渲染的内容,使用的JSX语法。...原创 2019-11-02 15:39:07 · 162 阅读 · 0 评论 -
react 学习笔记(一):react项目创建及目录结构
react 项目创建首先安装脚手架工具,create-react-appnpm install –g create-react-app安装完成后,执行create-react-app 项目路径执行完成后一个 react 项目就在指定的路径下创建react目录结构react项目创建完成后的目录结构如图:主要看 public 和 src 文件夹中的文件:p...原创 2019-11-01 14:39:00 · 1709 阅读 · 0 评论 -
html 实现拖放
在HTML5中元素自带拖拽属性。Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。示例<body> <div id="dragA" style="width:100px;height: 100px;background-color: blue;border: 1px black solid"...原创 2018-09-19 16:20:27 · 358 阅读 · 0 评论 -
nodejs爬虫
本文主要通过 superagent 和 cheerio 实现nodejs爬虫。使用superagent获取网页信息,再通过cheerio解析网页内容。以获取笔趣阁小说为例:首先安装安装superagent和cheerionpm i superagent --savenpm i cheerio --save 先简单地获取整页网站的内容var cheerio = requ...原创 2018-10-18 23:26:55 · 760 阅读 · 1 评论 -
js 事件绑定传入自定义参数
使用原生 js 编写组件时遇到了这个问题,记录一下。问题描述有一个函数 a() , 我希望在点击的时候调用,a() 函数需要的参数除了触发点击的事件外,还需要一个额外的对象 obj。为元素添加监听器,可以这么写:document.getElementById('test').addEventListener('click',a)但是,问题就出现了,事件触发时只会把事件作为第...原创 2019-09-23 00:35:57 · 3568 阅读 · 3 评论