凯小默的博客_JavaScript,其他移动开发,其他Web开发,HTML5,Html/CSS,jQuery,微信开发,Html / CSS,JavaScript,TypeScript原创

【30 天 JavaScript 挑战】学习笔记

/ 请你编写一段代码实现一个数组方法，使任何数组都可以调用 array.last() 方法，这个方法将返回数组最后一个元素。//

javascript

数组

整型

Math

原创 5月前 39 阅读

【JS 高级之手写原理系列】学习笔记共 15 篇（完结）

这是我在 b 站上面学习的一门课程，个人学习笔记地址：https://github.com/kaimo313/javascript-advanced-handwriting-principles-series

javascript

github

ci

原创 8月前 82 阅读

【珠峰 WEB 前端架构师课程】学习笔记 100 篇（完结）

该课程主要讲了高阶函数、函数柯里化、发布订阅模式、观察者模式、从 0 到 1 实现一个 promise，co 库的实现、eventloop 执行流程跟顺序、模板引擎的实现原理、commonjs 规范流程、events 模块的实现原理、流的原理、单向链表、树、http 缓存策略、实现一个 http-server、koa 源码、express 源码、jwt、mongo 等相关知识的学习。该课程

前端

笔记

学习

实现原理

中间件

原创 10月前 173 阅读

【跟月影学可视化】学习笔记 41 篇（完结）

一共做了 162 个学习示例以及 41 篇博客学习笔记，要深入学习该课程请支持正版，个人

可视化

3D

数据

WebGL

原创 2023-07-12 21:36:07 161 阅读

十分钟轻松入门 nw.js 实现桌面应用程序

node-webkit 更名为 NW.js。NW.js 是一个基于 Chromium 和 node.js 的应用运行时。可以使用 NW.js 以 HTML 和

javascript

nwjs

html

node.js

应用程序

原创 2022-11-15 15:56:10 438 阅读

【视觉高级篇】18 # 如何生成简单动画让图形动起来？

【跟月影学可视化】学习笔记。3个静态图像如下：实现橙红色方块旋转的动画：给这个方块的每

固定帧动画

增量动画

时序动画

缓动函数

贝塞尔曲线

原创 2022-11-13 00:00:08 155 阅读

【视觉基础篇】17 # 如何使用后期处理通道增强图像效果？

【跟月影学可视化】学习笔记。由于 GPU 是并行渲染的，所以在着色器的执行中，每个像素

后期处理通道

2d

html

d3

原创 2022-11-13 00:00:05 126 阅读

【视觉高级篇】19 # 如何用着色器实现像素动画？

【跟月影学可视化】学习笔记。WebGL 有两种 Shader，分别是顶点着色器和片元着色器，它们

着色器

动画

html

帧动画

原创 2022-11-12 07:10:17 102 阅读

【视觉高级篇】20 # 如何用WebGL绘制3D物体？

【跟月影学可视化】学习笔记。我们知道立方体有8个顶点，6个面，在 WebGL 中，需要用 12 个三角形来绘制它。把每个面的顶点分开，需要 24 个顶点。绘制 3D 图形与绘制 2D 图形有一点不一样，必须要开启深度检测和启用深度缓冲区。在 WebGL 中，可以通过，来开启深度检测。在清空画布的时候

webgl

3d

html

投影矩阵

#ifdef

原创 2022-11-12 07:09:55 688 阅读

【视觉基础篇】14 # 如何使用片元着色器进行几何造型？

【跟月影学可视化】学习笔记。把图片绘制为纯黑色：根据纹的区间。上

着色器

#ifdef

#endif

html

原创 2022-11-06 16:41:17 205 阅读

【视觉基础篇】16 # 如何使用噪声生成复杂的纹理？

【跟月影学可视化】学习笔记。物理学上，噪声指一切不规则的信号（不一定要是声音）

噪声

html

插值

二维

原创 2022-11-06 00:25:14 308 阅读

【视觉基础篇】13 # 如何给简单的图案添加纹理和复杂滤镜？

【跟月影学可视化】学习笔记。在遍历像素点的时候，同时计算当前像素

shader

webgl

2d

html

像素点

原创 2022-11-05 22:34:07 126 阅读

【视觉基础篇】15 # 如何用极坐标系绘制有趣图案？

【跟月影学可视化】学习笔记。极坐标系使用相对极点的距离，以及与 x 轴正向的夹角来表

极坐标

html

#ifdef

#endif

原创 2022-11-05 08:57:32 662 阅读

【视觉基础篇】12 # 如何使用滤镜函数实现美颜效果？

【跟月影学可视化】学习笔记。所谓像素化，就是把一个图像看成是由一组像素点组合而成的。每个像素点负责描述图像上的一个点

图像处理

计算机视觉

高斯模糊

灰度

像素点

原创 2022-11-04 21:56:07 309 阅读

【常用正则大全】

如果想要匹配特殊字符的话，就得使用元字符，它是转义字符字符，让其后续的字符失去其本

正则表达式

正则

字符串

原创 2022-10-30 09:45:06 345 阅读

360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？

下面来实践一下。改完之后，就可以了。

浏览器

验证码

ios

兼容模式

原创 2022-10-30 06:00:48 753 阅读

vue里使用crypto-js实现AES加解密

"使用 key：kaimo313 对密码 123456 进行加密""使用 key：kaimo313 对密码 123456 进行解密"

crypto-js

AES加解密

html

加密解密

原创 2022-10-30 06:00:37 390 阅读

【视觉基础篇】11 # 图案生成：如何生成重复图案、分形图案以及随机效果？

【跟月影学可视化】学习笔记。比如绘制带有网格背景的画布如果将网格绘制在 Canvas2D 画布上，网格效果如下：一个分形

shader

html

分形

着色器

原创 2022-10-29 19:18:12 455 阅读

markdown 里的上标以及下标写法

【代码】markdown 里的上标以及下标写法。

markdown

md

原创 2022-10-29 19:15:27 3681 阅读

script标签中defer和async有什么不同？

我们可以在网址中经常看到script标签出现async以及defer的属性。我们可以参考MDN上关于。

前端

加载

异步加载

html

原创 2022-10-22 07:19:16 116 阅读

RGB颜色值与十六进制颜色码怎么相互转换？

我们经常看到网上的在线工具里有RGB颜色值与十六进制颜色码转换工具，那么以理解为FF

javascript

css

十六进制

html

颜色值

原创 2022-10-22 07:19:11 1424 阅读

【数学篇】08 # 如何利用三角剖分和向量操作描述并处理多边形？

【跟月影学可视化】学习笔记。多边形又可以分为简单多边形和复杂多边形。Canva

多边形

三角剖分

2d

html

原创 2022-10-22 07:19:07 153 阅读

【数学篇】07 # 如何用向量和参数方程描述曲线？

【跟月影学可视化】学习笔记。用向量绘制折线的方法来绘制正多边形圆可以动画中

向量

曲线

贝塞尔曲线

抛物线

html

原创 2022-10-22 07:18:59 379 阅读

【数学篇】09 # 如何用仿射变换对几何图形进行坐标变换？

【跟月影学可视化】学习笔记。仿射变换简单来说就是。仿射变换具有 2 个性

线性代数

矩阵

仿射变换

线性变换

缩放

原创 2022-10-22 07:18:52 328 阅读

【视觉基础篇】10 # 图形系统如何表示颜色？

【跟月影学可视化】学习笔记。是 RGB 颜色的十六进制表示法，其中 RR、GG、BB 分别是两位十六进

CIELab

Cubehelix

HSL

HSV

RGB

原创 2022-10-22 07:17:41 167 阅读

webpack原理篇（六十二）：实战开发一个自动合成雪碧图的loader

新建文件夹 sprite-loader，然后执行下面命令初始化项目。然后在 loaders 文件夹添加图片跟 css 文件。我们在 src 的 img 文件夹里

webpack

雪碧图

css

数据同步

初始化

原创 2022-10-19 22:54:53 127 阅读

原生 js 实现截图粘贴预览图片功能

读取操作完成的时候，readyState 会变成已完成DONE，并触发 loadend (en-US) 事件

javascript

html

读取文件

字符串

原创 2022-10-18 08:01:39 152 阅读

【TypeScript教程】# 16：ts + webpack + less实现贪吃蛇小游戏

每次调用change都可以修改到食物的位置，让其在stage里随机显示。尚硅谷Typ

typescript

webpack

less

贪吃蛇

html

原创 2022-10-16 15:31:17 249 阅读

【图形基础篇】03 # 声明式图形系统：如何用SVG图形元素绘制可视化图表？

【跟月影学可视化】学习笔记。SVG 的全称是 Scalable Vector Graphics，可缩放矢量图，它是浏览器支持的一种基于 XML 语法的图像格式。SVG 可以作为 HTML 内嵌元素使用，也可以作为图像通过 img 元素加载，或者绘制到 Canvas 内。svg 元素是 SVG 的根元素，属性 xmlns 是 xml 的名字空间。SVG

svg

html

d3

xml

原创 2022-10-16 00:51:30 258 阅读

【图形基础篇】02 # 指令式绘图系统：如何用Canvas绘制层次关系图？

【跟月影学可视化】学习笔记。Canvas 元素上的 width 和 height 属性不等同于 Canvas 元素的 CSS

canvas

html

d3

宽高

原创 2022-10-16 00:51:20 150 阅读 1收藏

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

凯小默的博客