- 通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个Vue CLI插件和preset预... 通过Vue CLI可以方便的创建一个Vue项目，但是对于实际项目来说还是不够的，所以一般都会根据业务的情况来在其基础上添加一些共性能力，减少创建新项目时的一些重复操作，本着学习和分享的目的，本文会介绍一下我们Vue项目的前端架构设计，当然，有些地方可能不是最好的方式，毕竟大家的业务不尽相同，适合你的就是最好的。除了介绍基本的架构设计，本文还会介绍如何开发一个Vue CLI插件和preset预...
- 笔者不久前翻译了一篇介绍树布局算法的文章【译】绘制一棵漂亮的树，但是那篇文章对于算法只是大致介绍了实现的思路，属于启发式文章，虽然有完整的代码，但是要理解起来还是有一定难度，并且要基于该算法实现思维导图也需要进行一定修改，所以本文会通过图解的方式一步步的分解该算法，并最终实现一个思维导图布局。阅读本文前推荐先阅读一下译文，方便理解文中提到的一些概念。 算法图解节点类如下，请务必仔细看一下ri... 笔者不久前翻译了一篇介绍树布局算法的文章【译】绘制一棵漂亮的树，但是那篇文章对于算法只是大致介绍了实现的思路，属于启发式文章，虽然有完整的代码，但是要理解起来还是有一定难度，并且要基于该算法实现思维导图也需要进行一定修改，所以本文会通过图解的方式一步步的分解该算法，并最终实现一个思维导图布局。阅读本文前推荐先阅读一下译文，方便理解文中提到的一些概念。 算法图解节点类如下，请务必仔细看一下ri...
- 场景复现笔者最近给自己的项目CodeRun增加了一个直接在浏览器上使用ES模块的功能，之前使用一个包前需要先找到它的在线CDN地址然后引进来，就像这样：现在可以直接这样：那么这是怎么实现的呢，很简单，使用Skypack，上图中的导入语句实际上最终会变成这样：import rough from 'https://cdn.skypack.dev/roughjs'这个转换是通过babel实现的，... 场景复现笔者最近给自己的项目CodeRun增加了一个直接在浏览器上使用ES模块的功能，之前使用一个包前需要先找到它的在线CDN地址然后引进来，就像这样：现在可以直接这样：那么这是怎么实现的呢，很简单，使用Skypack，上图中的导入语句实际上最终会变成这样：import rough from 'https://cdn.skypack.dev/roughjs'这个转换是通过babel实现的，...
- 前言笔者最近闲来无事给自己做了一个在线文档平台，支持白板、思维导图、文档、电子表格、PPT、流程图、Markdown等，界面是这样的：其实现在市面上有很多这种在线文档平台，笔者为什么要自己做一个呢，且听笔者短话长说。最开始笔者只是想在开源白板项目excalidraw的基础上增加云端存储的功能，因为它的云端保存版是要收费的，况且加个数据库的增删改查也不是什么难事，做完以后想到自己做了一个开源... 前言笔者最近闲来无事给自己做了一个在线文档平台，支持白板、思维导图、文档、电子表格、PPT、流程图、Markdown等，界面是这样的：其实现在市面上有很多这种在线文档平台，笔者为什么要自己做一个呢，且听笔者短话长说。最开始笔者只是想在开源白板项目excalidraw的基础上增加云端存储的功能，因为它的云端保存版是要收费的，况且加个数据库的增删改查也不是什么难事，做完以后想到自己做了一个开源...
- 《代码安全 第三篇》 《代码安全 第三篇》
- 《代码安全 第一篇》 《代码安全 第一篇》
- 前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。 箭头的绘制箭头其实就是一根线段，只是一端存在两根成一定角度的小线段，给定两个端点的坐标即可绘制一条线段，关键是如何计算出另外两根小线段的坐... 前两篇给大家介绍了一下矩形的绘制、选中、拖动、旋转、伸缩，以及放大缩小、网格模式、导出图片等功能，本文继续为各位介绍一下箭头的绘制、自由书写、文字的绘制，以及如何按比例缩放文字图片等这些需要固定长宽比例的图形、如何缩放自由书写折线这些由多个点构成的元素。 箭头的绘制箭头其实就是一根线段，只是一端存在两根成一定角度的小线段，给定两个端点的坐标即可绘制一条线段，关键是如何计算出另外两根小线段的坐...
- 世界太小了有一天我们的小矩形说，世界这么大，它想去看看，确实，屏幕就这么大，矩形肯定早就待腻了，作为万能的画布操控者，让我们来满足它的要求。我们新增两个状态变量：scrollX、scrollY，记录画布水平和垂直方向的滚动偏移量，以垂直方向的偏移量来介绍，当鼠标滚动时，增加或减少scrollY，但是这个滚动值我们不直接应用到画布上，而是在绘制矩形的时候加上去，比如矩形用来的y是100，我们... 世界太小了有一天我们的小矩形说，世界这么大，它想去看看，确实，屏幕就这么大，矩形肯定早就待腻了，作为万能的画布操控者，让我们来满足它的要求。我们新增两个状态变量：scrollX、scrollY，记录画布水平和垂直方向的滚动偏移量，以垂直方向的偏移量来介绍，当鼠标滚动时，增加或减少scrollY，但是这个滚动值我们不直接应用到画布上，而是在绘制矩形的时候加上去，比如矩形用来的y是100，我们...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第8天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。 移动端适配开发移动端页面，我们通常都会按照一个固定宽度的设计稿来做，但是实际上的手机屏幕尺寸五花八门，如果不进行适配的话会比较影响使用体验。Varle... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第8天，点击查看活动详情本文为Varlet组件库源码主题阅读系列第八篇，读完本篇，可以了解到移动端页面如何适配各种尺寸的屏幕，包括pc端，另外如何将触摸事件转换成鼠标事件。 移动端适配开发移动端页面，我们通常都会按照一个固定宽度的设计稿来做，但是实际上的手机屏幕尺寸五花八门，如果不进行适配的话会比较影响使用体验。Varle...
- 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第11天，点击查看活动详情笔者开源了一个Web思维导图mind-map，数据默认是存储在localstorage里，如果想保存到本地文件，需要使用导出功能，下次打开再使用导入功能，编辑完如果又想保存到文件，那么又需要从重新导出覆盖原来的文件，不得不说，可以但不优雅，所以最近增加了直接编辑本地文件的能力，体验了一下，还是不错... 持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第11天，点击查看活动详情笔者开源了一个Web思维导图mind-map，数据默认是存储在localstorage里，如果想保存到本地文件，需要使用导出功能，下次打开再使用导入功能，编辑完如果又想保存到文件，那么又需要从重新导出覆盖原来的文件，不得不说，可以但不优雅，所以最近增加了直接编辑本地文件的能力，体验了一下，还是不错...
- 一、什么是Mybatis?MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。 小游：什么是持... 一、什么是Mybatis?MyBatis 是一款优秀的持久层框架，它支持自定义 SQL、存储过程以及高级映射。MyBatis 免除了几乎所有的 JDBC 代码以及设置参数和获取结果集的工作。MyBatis 可以通过简单的 XML 或注解来配置和映射原始类型、接口和 Java POJO（Plain Old Java Objects，普通老式 Java 对象）为数据库中的记录。 小游：什么是持...
- 大家好，我是CoderBin，本文讲讲ES6中数组做了哪些新扩展，希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻 大家好，我是CoderBin，本文讲讲ES6中数组做了哪些新扩展，希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正🌻
- ==Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。== 我们之前也学习过后端的框架 `Mybatis` ，`Mybatis` 是用来简化 `jdbc` 代码编写的；而 `VUE` 是前端的框架，是用来简化 `JavaScript` 代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下 ==Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。== 我们之前也学习过后端的框架 `Mybatis` ，`Mybatis` 是用来简化 `jdbc` 代码编写的；而 `VUE` 是前端的框架，是用来简化 `JavaScript` 代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下
- Filter 表示过滤器，是 JavaWeb 三大组件(Servlet、Filter、Listener)之一。Servlet 我们之前都已经学习过了，Filter和Listener 我们今天都会进行学习。 过滤器可以把对资源的请求==拦截==下来，从而实现一些特殊的功能。 Filter 表示过滤器，是 JavaWeb 三大组件(Servlet、Filter、Listener)之一。Servlet 我们之前都已经学习过了，Filter和Listener 我们今天都会进行学习。 过滤器可以把对资源的请求==拦截==下来，从而实现一些特殊的功能。
- 对于`会话跟踪`这四个词，我们需要拆开来进行解释，首先要理解什么是`会话`，然后再去理解什么是`会话跟踪`: * 会话:用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束。在一次会话中可以包含==多次==请求和响应。 * 从浏览器发出请求到服务端响应数据给前端之后，一次会话(在浏览器和服务器之间)就被建立了 * 会话被建立后，如果浏览器或服务端都没有被关闭， 对于`会话跟踪`这四个词，我们需要拆开来进行解释，首先要理解什么是`会话`，然后再去理解什么是`会话跟踪`: * 会话:用户打开浏览器，访问web服务器的资源，会话建立，直到有一方断开连接，会话结束。在一次会话中可以包含==多次==请求和响应。 * 从浏览器发出请求到服务端响应数据给前端之后，一次会话(在浏览器和服务器之间)就被建立了 * 会话被建立后，如果浏览器或服务端都没有被关闭，
上滑加载中
推荐直播
0.5
-
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
华为云软件开发生产线（CodeArts）1月&2月新特性解读2025/03/18 周二 19:00-20:00
阿星 华为云高级产品经理
不知道产品的最新特性？没法和产品团队建立直接的沟通？本期直播产品经理将为您解读华为云软件开发生产线1月&2月发布的新特性，并在直播过程中为您答疑解惑。
回顾中 -
基于能力图谱的openGauss项目闯关2025/03/20 周四 19:00-20:30
华为开发者布道师
想成为顶级数据库开发者吗？本次直播将从银行业务系统的数据库设计出发，带你逐步掌握openGauss的建库表、数据封装、密态技术、性能调优及AI应用。通过实战案例，全面展示openGauss的强大功能，助你提升技能，为未来的职业发展打下坚实基础。立即报名，开启你的数据库进阶之旅！
回顾中 -
基于开源鸿蒙+海思星闪开发板：嵌入式系统开发实战（Day1）
2025/03/29 周六 09:00-18:00
华为开发者布道师
本次为期两天的课程将深入讲解OpenHarmony操作系统及其与星闪技术的结合应用，涵盖WS63E星闪开发板的详细介绍、“OpenHarmony+星闪”的创新实践、实验环境搭建以及编写首个“Hello World”程序等内容，旨在帮助学员全面掌握相关技术并进行实际操作
回顾中 -
华为云软件开发生产线（CodeArts）1月&2月新特性解读
2025/03/18 周二 19:00-20:00
阿星 华为云高级产品经理
不知道产品的最新特性？没法和产品团队建立直接的沟通？本期直播产品经理将为您解读华为云软件开发生产线1月&2月发布的新特性，并在直播过程中为您答疑解惑。
回顾中
热门标签
