首页
学习
活动
专区
工具
TVP
发布

橙光笔记

专栏作者
73
文章
143846
阅读量
9
订阅数
Canvas系列(17):碰撞检测
碰撞检测顾名思义就是检测两个物体是否发生碰撞,今天我们就来研究一下常用的碰撞检测技术。主要有圆与圆的碰撞检测,长方形与长方形的碰撞检测,以及圆与长方形的碰撞检测。
kai666666
2021-03-11
7010
promisify与unpromisify
Promise是JavaScript中一种常用的异步处理的方式,它可以有效地避免回调地狱。那么promisify是什么意思呢?在英语中ify结尾的单词一般为动词,表示“使……化”,那么很显然promisify就是“使Promise化”,通俗一点就是把回调函数转化为Promise这种形式。
kai666666
2021-01-21
8350
《JavaScript ES6 函数式编程入门经典》读书笔记
函数式编程是一种范式,我们能够以此创建仅依赖输入就可以完成自身逻辑的函数。这保证了当函数多次调用时仍然返回相同的结果。函数不会改变任何外部环境的变量,这将产生可缓存,可测试的代码库。
kai666666
2020-10-27
2.3K0
两个有悖常识的概率题
1、一个家庭中有两个小孩,已知其中有一个是女孩,则这时另一个小孩是男孩的概率是多少?(假定生男孩和生女孩的概率是一样的)
kai666666
2020-10-23
2.5K0
Canvas系列(14):实战-小球碰撞
两小球碰撞是Canvas非常经典的案例,他是一个很简单的需求,但做起来却非常复杂。
kai666666
2020-10-19
1.6K0
使用new Function创建async方法
new Function最后一个参数是函数体,前面的参数是变量名称,全部都是字符串的形式。也就是:
kai666666
2020-10-19
1.1K0
基于Electron的touchbar开发
Electron是使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用的一个框架,本人之前写的一个放烟花的程序fireworks-cool就是基于这套框架来做的。electron在跨平台应用方面做的还是挺好的,著名的编辑器VS Code与Atom都是使用Electron来开发的。有了Node,前端工程师可以直接干后端的事了;有了Electron,前端工程师可以直接干桌面应用工程师的事了。昨天研究这个touchbar,真心感觉到了JavaScript的无所不能属性,明天我们开发一个操作系统
kai666666
2020-10-19
9140
解决Electron安装报错问题
Electron是一个优秀的跨平台桌面端应用的框架,官网给出的简绍很简单:使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。好多朋友也想试试使用前端技术来做一个桌面应用,但是往往在安装的时候就直接报错了,大多数的错误是:
kai666666
2020-10-19
7.4K1
Three.js教程(1):初识three.js
今天开始我们进入一个新的世界,那就是3D世界。由于我自己也是刚接触到这块内容,所以如果文章中有问题,请尽快在文章最后的留言板中请指出。本教程有配套代码仓库,请点击https://github.com/KaiOrange/three.js-demo。
kai666666
2020-10-19
23.1K0
图片由彩色渐变到黑白动画
把图片变成黑白的效果使用Canvas就可以实现,那如何使图片渐变成黑白色呢?其实Canvas完全可以胜任,但是有更简单的办法就是CSS的滤镜。
kai666666
2020-10-19
1.1K0
Canvas系列(5):绘制文字
通过前面的学习,我们已经可以绘制简单的图形了。这篇文章主要讲的是,canvas绘制文字,那我们开始吧。
kai666666
2020-10-19
2.5K0
Canvas系列(10):动画初级
所谓动画其实就是快读绘制图片,由于人的眼睛更不上屏幕绘制的速率,所以看到的就好像连着的一样,也就形成了动画,动画片就是这个原理,canvas中的动画也是这个原理。提到动画就不得不说一个函数了,那就是requestAnimationFrame。这是一个定时执行的函数,类似于setTimeout,只是间隔时间不再有我们自己手动去设定,而是由计算机自己去计算,这样比我们直接设定的误差更小(通常我们是定1000/60,约等于16.7毫秒,因为CPU的频率一般是60Hz,也就是1秒最多可以刷新60次界面)。但是往往浏览器对requestAnimationFrame的支持不够友好,那这就需要polyfill,通常一种简单的polyfill可以这么写:
kai666666
2020-10-19
7590
HTTP文件缓存判断流程
缓存判断流程: 如果Cache-Control(或者Expires,Expires绝对时间,优先级比Cache-Control低)未过期,那么使用缓存,否则按照下一条来判断。 如果有Etag,则会向服务器发送Etag和If-None-Match,由浏览器来判断是200还是304。如果没有Etag那么按照下一条来判断。 浏览器判断上次文件响应头中是否有Last-Modified信息,有则连同If-Modified-Since一起发送到服务器,由服务器来判断200还是304。 如果以上都没有使用,那么浏览器请求
kai666666
2020-10-19
4640
《进化:从孤胆极客到高效团队》读书笔记
本书是Tock的创始人Brian Fitzpatrick和SVN开发者之一的Ben Collins-Sussman共同写的。下面是我记录的一些书中的重点:
kai666666
2020-10-19
7580
Canvas系列(1):直线图形
在前端最令人兴奋的技术莫过于Canvas技术。它可以制作出更加绚丽的效果,甚至完全可以胜任游戏开发。最近我也在学习Canvas相关的技术,总是想拿出来跟大家一起分享分享,由于这块技术比较庞大,所以我就分章节一章一章地跟大家分享。这几章节中我们并不涉及webGL相关的知识,感兴趣的可以自己玩一玩。
kai666666
2020-10-19
7250
建立自己的npm镜像服务器
好多公司有这样的需求,需要把公司内部的依赖包放在npm服务器上这样安装的时候直接使用npm install安装了。同时,公司可能不希望自己的代码被别人看到,那么建立自己的npm镜像服务器是最好的选择。最近我也遇到同样的问题,希望在自己公司内部搭建一个npm镜像服务器。
kai666666
2020-10-19
7.5K0
冒泡排序
冒泡排序是最简单的一种排序方法,正因为它很简单,所以受到了面试官的青睐,成了程序员必会的内容。
kai666666
2020-10-19
3810
《JavaScript函数式编程指南》读书笔记
老规矩,这篇文章记录书中的重点部分,外加自己的见解,不会对全书进行复述,但记录的绝对是最重要的部分,想要了解跟多内容请看原版图书。
kai666666
2020-10-19
9690
《JavaScript数据结构与算法》读书笔记
这本书让我回顾了一遍大学时候学的数据结构。数据结构和算法是程序员最喜欢也是最痛苦的部分,这本书很轻松的描述了这部分东西,是一本很不错的书。这篇文章记录书中的重点部分,并不会对书中所有的内容都复述一遍,如果希望了解更多的内容可以去看看这本书。由于ES5和ES6思想基本上是相同的,这里只记录ES6的实现。
kai666666
2020-10-19
3500
前端3D文字效果
最关键的一个样式是text-shadow,他的签名是这样的:text-shadow: h-shadow v-shadow blur color;,其中第一个参数h-shadow是水平方向的偏移量,正数是向右偏移,负数是向左偏移;第二个参数v-shadow是垂直方向偏移量,正数是向下偏移,负数是向上偏移;第三个参数blur是模糊大小,值越大越模糊,该值可以不写,默认是0,表示不模糊;第四个参数color是颜色,同样可以不写,默认是当前字体的颜色。
kai666666
2020-10-19
1.6K0
点击加载更多
社区活动
RAG七天入门训练营
鹅厂大牛手把手带你上手实战,赢鹅厂证书、公仔好礼!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档