- 之前获得了许多有趣的周边，又好看又好玩，在周边体验的过程中，突然奇想的做一个猜猜看到小游戏。灵感有了，剩下的就交给代码了。接下来分享一下实现的完整过程，以及对web小游戏的开发心得一并奉上。 之前获得了许多有趣的周边，又好看又好玩，在周边体验的过程中，突然奇想的做一个猜猜看到小游戏。灵感有了，剩下的就交给代码了。接下来分享一下实现的完整过程，以及对web小游戏的开发心得一并奉上。
- 用技术实现梦想，用梦想打开创意之门。宅家必备，我用CSS复刻了一个游戏机。 用技术实现梦想，用梦想打开创意之门。宅家必备，我用CSS复刻了一个游戏机。
- 前端技术从业者与非技术好友互动，用技术给好友开发了一个零食盲盒小游戏 前端技术从业者与非技术好友互动，用技术给好友开发了一个零食盲盒小游戏
- 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了，但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂，我们一起来看下~ 关于使用 Nginx 开启静态网站 Gzip 压缩的教程已经有很多了，但是好像没几个讲怎么在对象存储的静态网站中开启 Gzip 压缩。其实也不复杂，我们一起来看下~
- 假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。 demo首先写个基础的demo给后续使用：<script setup>import { ref } from ... 假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。 demo首先写个基础的demo给后续使用：<script setup>import { ref } from ...
- 大家好，我是CoderBin，在写Vue项目的时候，少不了使用路由vue-router，而路由守卫是vue-router中一个非常重要的概念，也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin，在写Vue项目的时候，少不了使用路由vue-router，而路由守卫是vue-router中一个非常重要的概念，也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 前文回顾不知不觉，专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要：# ✨从历史讲起，JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算；# ✨从柯里化讲起，一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出，是封装高级函... 前文回顾不知不觉，专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要：# ✨从历史讲起，JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算；# ✨从柯里化讲起，一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出，是封装高级函...
- 所谓虚拟DOM就是用js对象来描述真实DOM，它相对于原生DOM更加轻量，因为真正的DOM对象附带有非常多的属性，另外配合虚拟DOM的diff算法，能以最少的操作来更新DOM，除此之外，也能让Vue和React之类的框架支持除浏览器之外的其他平台，本文会参考知名的snabbdom库来手写一个简易版的，配合图片示例一步步完成代码，一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟... 所谓虚拟DOM就是用js对象来描述真实DOM，它相对于原生DOM更加轻量，因为真正的DOM对象附带有非常多的属性，另外配合虚拟DOM的diff算法，能以最少的操作来更新DOM，除此之外，也能让Vue和React之类的框架支持除浏览器之外的其他平台，本文会参考知名的snabbdom库来手写一个简易版的，配合图片示例一步步完成代码，一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟...
- 如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的：不要走开，跟随本文一起来探究一下吧。最终效果预览：https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构，为了简化canvas操作，我们使用konvajs库来绘制图形。页面模板部分，提供一个容器即可：<div class="conta... 如果你用过流程图绘制工具，那么可能会好奇节点之间的连接线是如何计算出来的：不要走开，跟随本文一起来探究一下吧。最终效果预览：https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构，为了简化canvas操作，我们使用konvajs库来绘制图形。页面模板部分，提供一个容器即可：<div class="conta...
- 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也... 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也...
- 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界
- 古人云：工欲善其事，必先利其器。代码开发也是一样的，掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库（Day.js、qs、js-cookie、chart.js、flv.js、axios），对它们的功能特性和入门教程进行了介绍，希望可以帮助到大家。 古人云：工欲善其事，必先利其器。代码开发也是一样的，掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库（Day.js、qs、js-cookie、chart.js、flv.js、axios），对它们的功能特性和入门教程进行了介绍，希望可以帮助到大家。
- 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西... 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西...
- 本文介绍了控制反转的依赖注入模式及其好处，介绍了Angular中依赖注入是如何查找依赖，如何配置提供商，如何用限定和过滤作用的装饰器拿到想要的实例，进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。 本文介绍了控制反转的依赖注入模式及其好处，介绍了Angular中依赖注入是如何查找依赖，如何配置提供商，如何用限定和过滤作用的装饰器拿到想要的实例，进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。
- 在JavaScript中，“context”指的是一个对象。在一个对象中，关键字“this”指向该对象，并提供了一个指向作为该对象成员的属性和方法的接口。当函数被执行时，关键字“this”指向函数被执行的对象。通常有这些场景来说明 this 的指向：当函数在全局上下文中执行时，“this”指的是全局或“window”对象当一个函数是一个对象的方法时，“this”指的是那个对象(除非它是在另一... 在JavaScript中，“context”指的是一个对象。在一个对象中，关键字“this”指向该对象，并提供了一个指向作为该对象成员的属性和方法的接口。当函数被执行时，关键字“this”指向函数被执行的对象。通常有这些场景来说明 this 的指向：当函数在全局上下文中执行时，“this”指的是全局或“window”对象当一个函数是一个对象的方法时，“this”指的是那个对象(除非它是在另一...
上滑加载中
推荐直播
-
极米科技的应用现代化变革之路2024/07/25 周四 14:00-16:00
极米科技CIO
作为全球智能投影行业TOP1且唯一成功上市的企业，面临严峻的市场竞争和变化，法律合规要求等挑战，极米科技如何抓住软件增值服务和粘性带来的新机遇，全面实现应用现代化。
回顾中
热门标签