春风杨柳

本文会把WebGL工作的具体流程梳理一遍，WebGL到底是如何渲染出一个三角形的。我们常说把大象装进冰箱需要三步，那么写一个WebGL程序应该也只需要三步：1、把数据放入缓冲区，2、把缓冲区的数据给着色器，3、着色器把数据给GPU。 一切的前提那一定是WebGL上下文了。 在创…

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手架来构建我们的项目。但是如果你想在团队脱颖而出(鹤立鸡群)、拿到更好的offer(还房贷)，那么你必须去深…

结果你猜怎么着，点击到某个路由，手动刷新后白屏了。 其查找的是根路径下的文件，所以能正确命中对应的资源。 经测试，http://localhost::8080/square/publish 路径下放的资源，它会在http://localhost::8080/square/ 这个…

防抖的原理：你尽管触发事件，但是我一定在事件触发的n秒之后才执行，如果你在触发事件n秒内又触发了这个事件，那我就以新的事件的时间为准，n秒之后在执行。 防抖函数分为非立即执行和立即执行版。 根据首次是否执行以及结束后是否执行，效果有所不同。

是不是看起来跟vue的使用方式差不多？接下来就来从原理到实现，从简到难一步一步来实现这个SelfVue。由于本文只是为了学习和分享，所以只是简单实现下原理，并没有考虑太多情况和设计，如果大家有什么建议，欢迎提出来。 vue数据双向绑定的原理。 实现简单版vue的过程，主要实现{…

对token验证的理解token验证是一种web安全的手段，我们要求来自客户端的请求必须携带token(登录请求除外)，服务端每次处理请求都会验证token，验证通过则继续后续逻辑，否则返回相应状态码

当一个组件被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新…

在我们平时使用各种框架的时候，都避免不了使用到一种特性，就是 生命周期 钩子，这些钩子，可以给我们提供很多便利，让我们在数据更新的每一个阶段，都可以捕捉到它的变化。 这张图其实已经大概的告诉了我们，每个阶段做了什么，但是我觉得还有必要详细的去分析一下，这样在未来如果我们要实现类…

学习CSS是构建好看网页的一种方式。 但是，在学习过程中，我们倾向于（大部分时间）限制自己，一遍又一遍地使用相同的属性。 毕竟，我们是一种习惯性的动物，我们会使用自己习惯且熟悉的东西。 因此，在这篇文章中，向你介绍7个 比较少见且好用的 CSS 属性，希望对你有所帮助。 1. …