刷新
[Vite] 静态资源的动态访问

博主头像 Vite脚手架在打包代码的时候,会把源代码里对于静态资源的访问路径转换为打包后静态资源文件的路径。动态访问静态资源通常导致读取不到文件,因为源代码中使用的路径是src中的,而打包之后静态资源带上了文件指纹,代码中的路径却没有随之改变。 ...

Vue3学习(十六)- 左侧显示分类菜单

博主头像 写在前面 和大家不太一样,我觉得今年的自己更加relax,没有亲戚要走,没有朋友相聚,也没有很好的哥们要去叙旧,更没有无知的相亲,甚至可以这么说没有那些闲得慌的邻居。 也可以说是从今天开始,算是可以进入自己的小世界,做自己想做的事,看看书,学习一下。 生活的精髓在于善待自己,用心感受每一刻的欢愉与宁 ...

Vite+Vue根据环境配置Websocket地址

博主头像 前言 上回说到,利用vite加载不同mode下的配置文件,可以实现不同运行环境下的参数配置。在前端应用中经常使用到Websocket,其地址同样可以在.env中间中配置。 代码 vite.config.ts代码的执行是在createApp之前,不可以在vite.config.ts中使用例如pinia ...

uniapp/H5 获取手机桌面壁纸 (静态壁纸)

博主头像 找半天没找到相关的内容,自己捣鼓出来的,记录一下。(比较可惜的是只能获取静态图片,动态壁纸就不知道了咋弄了) uniapp的话还可以参考一下如何用NJS获取手机桌面壁纸? - DCloud问答下面DCloud_heavensoft 大佬的一个回答 : “Native.js很多类型没有。用uts可以  ...

记录和分享一下自己自定义的博客园主题样式

博主头像 前言 以前使用的都是默认的博客园主题,最近刚好有空,着手定制以下自己的博客园主题。最终效果参考当前的博客,如果看不到则需要在博客园首页头像处悬停关闭简洁模式 思路是尽量保持原有结构,不进行破坏性改动,以 css 样式为主 本主题是轻量化的,只是在原有基础上微调样式。如有需要更丰富功能的可以自己搜索博 ...

[CSS] 响应式设计

博主头像 响应式设计旨在编写一套代码,在不同设备上都能有良好的表现。响应式设计有两种思路:桌面端优先和移动端优先,它们的区别是先实现一种布局,再使用媒体查询设置断点,实现不同屏幕尺寸下的布局,逐渐过渡到另一端。即由大到小和由小到大的区别。 ...

[CSS] 级联与特异性

博主头像 当有多条冲突的CSS规则指向同一元素,则浏览器会计算特异性选择更具体的规则。如果特异性相同,则按照代码顺序,靠后的规则覆盖前面的规则。 ...

作为前端leader,如何搭建属于我们公司自己的流水线自动化部署系统(node+express)

博主头像 背景:自动化部署系统主要可以集成到公司内部的管理系统中去,比如公司有多个项目,移动端H5,大屏网站,门户网站等...每次发布或者迭代都需要前端同事打包然后在交给运维或者后端同事放到服务器上进行部署 ,如果有一个项目多个同事合作完成 还要走git合并流程,所以我们的目标就是不让前端进行打包,开发完成代 ...

探索Web API SpeechSynthesis:给你的网页增添声音

博主头像 Web API SpeechSynthesis是一项强大的浏览器功能,它允许开发者将文本转换为语音,并通过浏览器播放出来。本文将深入探讨SpeechSynthesis的控制接口,包括其功能、用法和一个完整的JavaScript示例。 参考资料:SpeechSynthesis - Web API 接口 ...

Angular 19+ 高级教程 – NgModule

博主头像 前言 NgModule 在 Angular v14 以前是一门必修课。然而,自 Angular v14 推出 Standalone Component 以后,它的地位变得越来越边缘化了。 本教程从开篇到本篇,所有例子使用的都是 Standalone Component,一点 NgModule 的影子 ...

常用TS总结

博主头像 自己常用的 TS 写法总结,应该会一直更新。可使用 TS在线编译 校验 TS 语法。 基本用法 普通 const num: number = 10 const isStop: boolean = false const title: string = '常用TS总结' const curName: ...

零基础入门Vue之画龙点睛——再探监测数据

博主头像 追忆 上一节:零基础入门Vue之影分身之术——列表渲染&渲染原理浅析 虽然我深知,大佬告诉我”先学应用层在了解底层,以应用层去理解底层“,但Vue的数据如何检测的我不得不去学 否则,在写代码的时候,可能会出现我难以解释的bug 对此,本篇文章,将记录我对Vue检测数据的理解 对于Vue检测数据的实现 ...

vue 导出多页pdf, window.print()实现

如果你对分页打印没思路,而网上的现成方案又不适合,不妨进来看看,也许会对你有帮助. 由于工作环境是局域网,对于插件的安装有限制,所以排除了jspdf + html2canvas的实现方式;采用window.print(),就会涉及到表格的截断、文本的截断等问题,而且需求要求每一页的pdf都有固定的页 ...

深入浅出 testing-library

博主头像 我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:佳岚 The more your tests resemble the way your software is used, the more confide ...

零基础入门Vue之影分身之术——列表渲染&渲染原理浅析

博主头像 听我说 从 条件渲染 那一篇,我学习到了如何用Vue对dom节点根据条件显示 但单单有条件还不够啊,有时候数据是一大坨一大坨的数据,如果Vue不提供咱要么使用“v-html” 要么就没办法实现 v-html又感觉太low了,Vue提供了另外的指令更好的实现,那便是:列表渲染 列表渲染:v-for 简 ...

零基础入门Vue之To be or not to be——条件渲染

博主头像 温故 上一节:零基础入门Vue之皇帝的新衣——样式绑定 在前面的内容能了解到,Vue不仅仅能进行数据渲染还可以对样式进行绑定 并且他能随意的切换样式,但Vue的初衷就是尽量少让使用者操作dom节点 加入你要让指定dom显示或者不显示,该怎么办呢?以目前的东西来说,不拿到dom节点还是做不到的 因此, ...

<1···4950