51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

前端开发

网站加速第1部分: 如何编写更高效的CSS来加速您的网站

网站加速第1部分: 如何编写更高效的CSS来加速您的网站

厉飞雨 阅读(5) 评论(0) 赞(0)

作为我担任Speckyboy首席技术官的新职位的一部分,我决定撰写一系列文章,以帮助您了解制作一个真正快速的网站所需要的内容。您可能已经注意到,Speckyboy最近刚出手,并且运行速度快得多。 这是因为我将在"网站速度"系列中列出所有提示,其中重点是100%的加载时间。 为什么要关心CSS?为什么当Adobe和其他公司的产品以HTML和CSS输出整个网...

[Web前端之家]聊聊CSS 中的滚动进度动画

[Web前端之家]聊聊CSS 中的滚动进度动画

厉飞雨 阅读(7) 评论(0) 赞(0)

滚动链接动画通常可以为网站增添一抹档次,但长期以来一直是 [JavaScript](/JavaScript/) 的专利。现在,一个全新的规范正在实施,使我们能够使用 [CSS](/Html4css/) 创建丰富的滚动驱动体验! 当我们想到滚动驱动的动画时,我们通常指以下两件事之一: * 当用户滚动时发生的动画,动画的进度显式链接到滚动进度。例如,长文章的进度条。 * 当元...

Vue路由基础应用:创建您自己的 Vue.js 路由器

Vue路由基础应用:创建您自己的 Vue.js 路由器

厉飞雨 阅读(5) 评论(0) 赞(0)

也许您已经在前端世界中使用路由器有一段时间了,但是...您自己编写过路由器吗?你知道路由器的基础吗?看起来它似乎可以正常工作,但在幕后,路由器必须处理几件事。 路由器是负责路由的组件。我们可以将路由定义为找到到达多个目的地的路径的动作。这适用于不同的领域。 ![image.png](http://static.51tbox.com/static/2024-11-23/col...

CSS :is, :where 和 :has 伪类选择器是如何工作的

CSS :is, :where 和 :has 伪类选择器是如何工作的

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/html.jpg) [CSS 选择器](/Html4css/)允许您按类型、属性或在 [HTML](/Html4css/) 文档中的位置选择元素。本教程介绍了三个新选项 --- :is()、:where() 和 :has()。 选择器通常用于样式表中。以下示例定位所有`<p>`段落元素并将字体粗细更改为粗体: <br /&g...

vue3:了解下通信方式EventBus

vue3:了解下通信方式EventBus

厉飞雨 阅读(6) 评论(0) 赞(0)

![](/images/tt/vue.jpg) [vue3](/Vue3/):了解下通信方式EventBus。 vue通信方式有很多,项目中用的比较多的的有 pros、vuex、$emit/$on 这3种,还有 provide/inject (适合高阶组件)、 `$attrs`和`$listeners `(适合高阶组件)以及` $parent/$child/ref`、`ev...

Vue3:分享13条setup语法糖的应用和实例

Vue3:分享13条setup语法糖的应用和实例

厉飞雨 阅读(8) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 今天分享下setup语法糖的应用和 实例,一起往下看吧,一共13条。 提示:vue3.2 版本开始才能使用语法糖! 在 [Vue3.0](/vue3/) 中变量必须 return 出来, template 中才能使用;而在 [Vue3.2](/vue3/) 中只需要在 script 标签上加上 setup 属性,无需 ret...

vue-electron:如何修改表格内容和样式修改

vue-electron:如何修改表格内容和样式修改

厉飞雨 阅读(7) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 今天主题:在vue-electron里,将表格导入并向其添加内容,然后导出表格,且表格样式(一般是值宽高合并颜色等)不能改变。 技术 {#heading-1} --------------- * electron * xlsx * xlsx-style * node-xlsx ``` yarn add xlsx y...

vue基础应用:动态加载路由的3种方式

vue基础应用:动态加载路由的3种方式

厉飞雨 阅读(5) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 介绍下[vue](/vue)基础应用:动态加载路由的3种方式。 **方法一:** **注册所有路由,根据后台返回菜单数据,显示菜单。** 弊端:路由全部注册,菜单没有显示;用户可以手动更改url值,依然会显示当前组件。 **方法二:** **前端手动写好,根据不同的角色,创建多个不同的路由,根据登录的角色,动态的加载某...

Vue3:聊聊如何解决跨域的问题

Vue3:聊聊如何解决跨域的问题

厉飞雨 阅读(4) 评论(0) 赞(0)

![](/images/tt/vue.jpg) 在[Vue3](/vue3/)中解决跨域问题可以通过以下几种方式: * 代理请求:在vue.config.js中配置proxyTable,将请求代理到后台接口服务器。这样就可以通过同域名下的接口地址来访问后台接口。 * CORS跨域:在后台接口服务器中设置Access-Control-Allow-Origin等CORS相关的...