- 用技术实现梦想，用梦想打开创意之门。宅家必备，我用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”指的是那个对象(除非它是在另一...
- 日志原理与开发分析这篇完全指南就够了！适应各种规模！为啥公司业务上不去？要么程序没有输出日志到位，缺少价值数据。要么打印日志到位了，没有高效的分析工具！为啥程序会崩溃？日志处理没到位呗，线上故障就得加班，浪费了时间还找不到问题根源！别想为啥了，跟上来学习吧，本篇解决此类问题。 什么是日志（log）想想，我们为什么要做笔记，翻看笔记？或者说，每天写日记，我们做了笔记是为了加强记忆，如果忘记了... 日志原理与开发分析这篇完全指南就够了！适应各种规模！为啥公司业务上不去？要么程序没有输出日志到位，缺少价值数据。要么打印日志到位了，没有高效的分析工具！为啥程序会崩溃？日志处理没到位呗，线上故障就得加班，浪费了时间还找不到问题根源！别想为啥了，跟上来学习吧，本篇解决此类问题。 什么是日志（log）想想，我们为什么要做笔记，翻看笔记？或者说，每天写日记，我们做了笔记是为了加强记忆，如果忘记了...
上滑加载中
推荐直播
-
华为云OrgID，实现企业内部应用帐号四统一2023/05/29 周一 16:00-17:00
荀礼勇 华为云组织成员帐号OrgID产品经理
华为云组织成员帐号OrgID是Huawei ID帐号体系在企业组织的延伸应用，帮助优化企业用户注册、登录体验，实现企业内应用帐号统一。OrgID的便利性究竟体现在哪些方面、和Huawei ID有何本质区别、适用于哪些场景、如何开通及使用呢？5月29日16:00，《相约开天aPaaS》直播栏目将为大家一 一道来，欢迎积极参与，更有好礼相送！
即将直播 -
华为开发者联创日·全栈AI黑客松大赛线上培训班2023/05/30 周二 16:30-18:00
全栈AI黑客松大赛组委会
华为全栈AI大赛火热报名中！手势动作作为一种自然、快捷的交互方式，在智能驾驶、虚拟现实等领域有着广泛的应用。本赛题定位于基于视觉的动态手势识别任务（实际应用案例），希望选手基于华为全栈AI技术，开发出精准高效的识别算法。获奖团队将获得千元大奖和获奖证书，还有机会前往华为欧洲小镇参观！
即将直播 -
转转魔方，网络配置新玩法2023/05/30 周二 19:00-20:00
文西 网络自动化领域专家；Kiki NCE-数通信息体验工程师；黑桃A 网络自动化布道师
本期直播将向您介绍iMaster NCE 网络配置魔方“灵活组装”、“一键继承”等黑科技，为您解决网络配置复杂、耗时的问题。
去报名
热门标签