- 假设我们正在开发一个可视化拖拽的搭建平台，可以拖拽生成工作台或可视化大屏，或者直接就是开发一个大屏，首先必须要考虑的一个问题就是页面如何适应屏幕，因为我们在搭建或开发时一般都会基于一个固定的宽高，但是实际的屏幕可能大小不一，接下来我们就尝试几种简单且常见的方案，并简单分析一下利弊。 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中一个非常重要的概念，也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- 所谓虚拟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算法。 创建虚拟...
- 说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套js API，此外也有一些开源地图框架可以使用，比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢，为什么根据一个经纬度就能显示对应的地图呢，不知道没关系，本文会带各位从零实现一个简单的地图引擎，来帮助大家了... 说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套js API，此外也有一些开源地图框架可以使用，比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢，为什么根据一个经纬度就能显示对应的地图呢，不知道没关系，本文会带各位从零实现一个简单的地图引擎，来帮助大家了...
- 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也... 相信各位写文章的朋友平时肯定都有画图的需求，笔者平时用的是一个在线的手绘风格白板–excalidraw，使用体验上没的说，但是有一个问题，不能云端保存，不过好消息它是开源的，所以笔者就在想要不要基于它做一个支持云端保存的，于是三下两除二写了几个接口就完成了，虽然功能完成了，但是坏消息是excalidraw是基于React的，而且代码量很庞大，对于笔者这种常年写Vue的人来说不是很友好，另外也...
- MyBatis 是一款优秀的==持久层框架==，用于简化 JDBC 开发 MyBatis 本是 Apache 的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code，并且改名为MyBatis 。2013年11月迁移到Github MyBatis 是一款优秀的==持久层框架==，用于简化 JDBC 开发 MyBatis 本是 Apache 的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code，并且改名为MyBatis 。2013年11月迁移到Github
- 数据流通更及时，商业决策更畅通 数据流通更及时，商业决策更畅通
- 近日，The Software House 发布了“2022前端开发者现状报告”，笔者在此对报告内容进行解读，供大家参考。本次调研对象的覆盖面以及样本量都比较可观——超过120个国家（或地区）、3700+的前端开发者参与了调研；与此同时，报告也邀请了19位业内专家，针对一些问题，分享了自己的见解，这些专家包含MUI、Nuxt.js等主流前端技术的主要贡献者，也有The Software Ho... 近日，The Software House 发布了“2022前端开发者现状报告”，笔者在此对报告内容进行解读，供大家参考。本次调研对象的覆盖面以及样本量都比较可观——超过120个国家（或地区）、3700+的前端开发者参与了调研；与此同时，报告也邀请了19位业内专家，针对一些问题，分享了自己的见解，这些专家包含MUI、Nuxt.js等主流前端技术的主要贡献者，也有The Software Ho...
- 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界 新书上架，献给相信“努力有用”的你！精选30+个JavaScript工具库，从使用方式到设计原则，从底层原理到周边知识，带你玩转前端的花花世界
- 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西... 前文微前端概述(Micro Frontends) 以及相比单体应用，微前端能带来什么好处 简单介绍了微前端的概念，本文来看一个具体的应用例子。原文地址想象一个网站，客户可以在其中订购外卖食品。从表面上看，这是一个相当简单的概念，但如果你想做得好，还有惊人的细节：应该有一个登陆页面，客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤，包括价格、美食或客户之前订购的东西...
- 纯CSS 海报 纯CSS 海报
- @[TOC](前端 Coder 手中的 Docker) ✨博主介绍🌊 作者主页：苏州程序大白🌊 作者简介：🏆CSDN人工智能域优质创作者🥇，苏州市凯捷智能科技有限公司创始之一，目前合作公司富士康、歌尔等几家新能源公司💬如果文章对你有帮助，欢迎关注、点赞、收藏💅 有任何问题欢迎私信，看到会及时回复💅关注苏州程序大白，分享粉丝福利 在服务器中安装 Docker在测试或开发环境中 D... @[TOC](前端 Coder 手中的 Docker) ✨博主介绍🌊 作者主页：苏州程序大白🌊 作者简介：🏆CSDN人工智能域优质创作者🥇，苏州市凯捷智能科技有限公司创始之一，目前合作公司富士康、歌尔等几家新能源公司💬如果文章对你有帮助，欢迎关注、点赞、收藏💅 有任何问题欢迎私信，看到会及时回复💅关注苏州程序大白，分享粉丝福利 在服务器中安装 Docker在测试或开发环境中 D...
- 我们所有的操作都是围绕点击添加新交易来进行的 那么我们先给添加新交易这个按钮绑定点击事件，那么显然我们要对输入进去的内容进行一个判断，我们待会把isAlert函数补全，isAlert函数就是在输入框内容不符规范时返回flase，这样就弹出一个有问题的对话框提醒用户，我们先做一个简易的，主要先把逻辑搞懂，然后再加以完善 var add = document.querySelector('#ad 我们所有的操作都是围绕点击添加新交易来进行的 那么我们先给添加新交易这个按钮绑定点击事件，那么显然我们要对输入进去的内容进行一个判断，我们待会把isAlert函数补全，isAlert函数就是在输入框内容不符规范时返回flase，这样就弹出一个有问题的对话框提醒用户，我们先做一个简易的，主要先把逻辑搞懂，然后再加以完善 var add = document.querySelector('#ad
- 系列 系列
- 本期精彩看点：带你了解鸿蒙轻内核M核中的文件系统FatFS；教你从零搭建Web漏洞靶场OWASP Benchmark；冰墩墩现在是买不到，作为程序员我们可以自己动手画一个… 本期精彩看点：带你了解鸿蒙轻内核M核中的文件系统FatFS；教你从零搭建Web漏洞靶场OWASP Benchmark；冰墩墩现在是买不到，作为程序员我们可以自己动手画一个…
上滑加载中
推荐直播
-
华为云IoT开源专家实践分享：开源让物联网平台更开放、易用2024/05/22 周三 16:30-18:00
张俭 华为云IoT DTSE技术布道师
开源，意味着开放、共享、互助、共赢。作为万物上云及各行业数字化的物联网底座，华为云IoT积极拥抱开源，借助行业开源的最佳实践，构建可靠、易用的物联网平台，并通过开放南北向SDK，助力开发者快速构建物联网应用。本期直播，华为云IoT开源专家、物联网平台资深“程序猿”张俭，带你了解华为云IoT的开源生态，并手把手教你玩转开源社区！
去报名 -
数字技术创新与商业愿景--数字化转型战略解读2024/05/22 周三 19:00-20:30
王纪奎老师 华为科学家咨询委员会CTO
数字化转型浪潮下，你是否缺乏对前沿科技的战略洞察、难以将企业转型与国家战略相融合、缺少系统性规划的数字化思维…… 我们特别邀请了华为科学家咨询委员会CTO、战略研究院数字经济与数字化转型首席专家、《数字化转型战略》一书的作者——王纪奎老师。 在5月22日（周三）19点，为我们带来一场主题为“数字技术创新与商业愿景--数字化转型战略解决”的精彩直播。
去报名 -
华为云开发者日·广州站2024/05/23 周四 14:30-17:30
华为云专家团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动，汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴，全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介，为开发者提供沉浸式学习与交流平台。开放创新，与开发者共创、共享、共赢未来。
去报名
热门标签