前端修炼手册

我突然想到一个问题,因为每个项目都用到了数据管理,那么有没有一个响应数据存储让三个框架都可以使用,而不用在不同框架的项目中来回切换呢.

前端学习的零零散散不是很系统化，可能我们学过不短时间后，中间依然很多概念都没有很好的理解，今天来看一下之前不是很清楚的BFC这个东西。

数据获取 之前我们已经知道如何可以获取到相应的接口信息,那么我们现在就来实现它.我们先要来判断我们需要生成的服务,这里有单服务和多服务两种情况,就是看我们是否在网关下有多个独立的Swagger API

背景 在现在前后端分离的工程中,前端常常逃不过的一个工作量就是需要把一堆API接口进行整理,配置到项目中.而且在这其中很包含着API的修改,更新,这些工作都会耗费大量的时间

文本编辑 我们之前说过,Konva并没有TextBox组件,而Text组件默认是不支持编辑功能,所以我们使用Konva没有办法添加文本框组件,不过我们可以通过DOM的方式来处理这个问题.

舞台缩放 我们之前创建了舞台,现在我们来让他支持缩放,其实我们不需要缩放整个舞台,只需要缩放其中放置内容的部分,就是之前创建的contentLayer图层. 不会在这之前我们先来处理resize事件

Konva.js - HTML5 2d canvas js library for desktop and mobile ,konva是一个专门面向基于`canvas`的2d操作库.

这些天在写一些功能的时候，希望可以把一些方法改写为函数式调用的管道写法，但是这些操作很多是基于Promise的链式异步调用，后来发现可以基于rxjs的自定义pipe很好的解决这个问题.

项目在使用了一段时间vite后,也用过或尝试过一些好用的插件,在这里也算总结和分享一下这些插件,希望也能对你有帮助

新项目升级vue3以后,自然而然的就把webpack更换成了vite,不得不说vite真的很香,不仅编译速度刚刚的,而且在vue3的新功能上也有更好的支持.今天就来说说vite的虚拟引入

相比于HTML的横空出世和Javascript的一锤定音，CSS的出现就要漫长的多。 时间回到1991年，当时伯纳斯-李开发HTML的时候忘记了一个东西

上一次我们说了HTML和伯纳斯.李，这一次我们来说说网景和JavaScript的故事。 javascript的诞生是和网景公司紧紧的关联在一起，所以说起javascript不得不说说网景这件公司的命运

2008年09年02日，Google开放了Chrome的测试版的下载, 同时也发布新的JavaScript渲染引擎V8，宣布了V8引擎的诞生，这不仅极大地提升了浏览器性能，而且给前端带来了许多新的可能

husky更新6.0后之前的配置没有办法用了,那也也就来更新一波husky@6的使用方法和相关配置😎.

如果弹窗组件可以通过API而不是通过变量控制,这样代码会更加精简以及具有更小的入侵性,我们这次来试试两种通过显示API操作Modal的方法.

在开发过程中遇到这样一个问题，如何跨组件传递插槽。因为在开发类似树组件的过程中，插槽需要通过外部传递到树的根节点，然后通过根节点依次传递到各个叶子节点。那么如何把根节点的Slot如传递给子组件呢? 那么如何在组件内传递Slot就是一个问题。 通过固定级别的组件结构里可以通过直接…

我们很多时候会使用一些样式库来快捷实现css样式的使用以及重用, 以此来方便我们开发UI. 但是我们也可以Less来打造自己的前端样式库,作为自己的弹药库方便之后的项目开发. 之前说了基础布局样式的生成, 现在我们来看看Flex布局,Flex布局已经成为常用的样式布局,但是直接…

我们很多时候会使用一些样式库来快捷实现css样式的使用以及重用, 以此来方便我们开发UI. 但是我们也可以Less来打造自己的前端样式库,作为自己的弹药库方便之后的项目开发. 通过创建字体大小的样式可以方便我们快捷设置字体大小,我们可以按照自己的需要使用自定义的字体大小. 我们…

在开发基于Vue3的项目中发现我们可以不再依赖Vuex也能很方便的来管理数据,只需要通过Composition Api可以快捷的建立简单易懂的全局数据存储. 通过暴露的IState我们也可以实现对State的代码访问. 创建好State和Action后我们将它们通过Store整…

try...catch...finally是我们常见的编程工具，今天我们来一起说一下JavaScript中try...catch...finally。 try语句至少需要配合一个catch或finally出现，也可以catch和finally都出现。 可以看到他的执行顺序try…