刷新
[CSS] 响应式设计

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

[CSS] 级联与特异性

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

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

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

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

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

Angular 17+ 高级教程 – 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节点还是做不到的 因此, ...

零基础入门Vue之皇帝的新衣——样式绑定

博主头像 回顾 大致掌握了上一节的 插值语法 我已经可以把想要的数据显示到页面上,并且仅需要修改变量,页面就会跟着实时改变 但如果对于已经熟悉前端的人来说,单单有数据还是不太行,还需要css对数据进行样式的修饰,让页面更加好看 所本篇将记录记录 Class 与 Style 绑定 的学习 总所周知,想要给DOM ...

Angular 17+ 高级教程 – HttpClient

前言 HttpClient 是 Angular 对 XMLHttpRequest 和 Fetch 的封装。 HttpClient 的 DX (Developer Experience) 比 XMLHttpRequest 和 Fetch 都好,只是学习成本比较高,因为它融入了 RxJS 概念。 要深入 ...

async与defer的区别

博主头像 `async` 和 `defer` 是两种不同的JavaScript特性,它们的主要区别在于它们的执行顺序和时间点。 `async` 意味着函数或代码块会被异步执行。当浏览器遇到带有 `async` 属性的资源时,它会立即开始下载该资源,同时继续加载页面。这样可以避免由于同步执行而导致的页面加载阻 ...

记录--如何实现一个雨滴滑落效果

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 如何实现一个雨滴落下效果 前言 下雨天坐在车窗前,看着雨滴顺着车窗渐渐落下,这一唯美的场景,忍不住想记录下来。最近在纠结电脑壁纸时,无意间看到有类似的场景,可以将自己喜欢的壁纸加上这种效果。作为多年切图仔,不由地想到了用css动画应该可以 ...

油猴脚本某创力文档-某人文库免费文档下载

博主头像 描述 这是一个用于 Tampermonkey 或其他支持用户脚本的浏览器扩展的油猴脚本。 看到论坛经常有小伙伴们需要下载某创力文档-某人文库一些免费文档,但是相关网站浏览体验不好各种广告,各种登录验证,需要很多步骤才能下载文档,该脚本就是为了解决您的烦恼而诞生,尽可能做到自动化。 安装 安装 Tam ...

uni-app+vue3会遇到哪些问题

博主头像 已经用 uni-app+vue3+ts 开发了一段时间,记录一下日常遇见的问题和解决办法 uni-app 中的单端代码 uni-app 是支持多端,如果你想让你的代码,只在部分平台使用,那么就需要用的它的单端处理语法 //#ifdef 和 //#ifndef 等。 1. //#ifdef xxx 只 ...

记录--前端金额运算精度丢失问题及解决方案

博主头像 这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 前端开发中难免会遇到价格和金额计算的需求,这类需求所要计算的数值大多数情况下是要求精确到小数点后的多少位。但是因为JS语言本身的缺陷,在处理浮点数的运算时会出现一些奇怪的问题,导致计算不精确。 本文尝试从现象入手,分析造成这一问题原 ...

<1···101112···50>