WEB前端开发流行CSS工具Sizzy、Grid Generator等盘点,前端拿去参鉴 列举了几个流行的CSS工具,包括Sizzy、Grid Generator、Clippy、CSS Gradient Animator以及Flexy Boxes等。对于每个工具,作者提供了简要的介绍和示例... 2023-06-051,182 viewsCommentsCSS 阅读全文
WEB前端开发15个最好用的 JavaScript 压缩工具 JavaScript 代码压缩是指去除源代码里的所有不必要的字符,而不改变其功能的过程。这些不必要的字符通常包括空格字符,换行字符,注释以及块分隔符等用来增加可读性的代码,但并不需要它来执行。 在这篇... 2023-05-312,043 viewsCommentsjavaScript 阅读全文
WEB前端开发JS代码:防止网页被Frame框架调用 先看看防止网页被Frame框架调用的JS代码: <script language="javascript"> if(window.self != window.top){ wind... 2023-05-31786 viewsCommentsjavaScript 阅读全文
WEB前端开发javascript匀速、缓冲、弹性运动及模拟重力场实现代码 一、匀速运动 可以通过offsetLeft/top获取自身的实时位置,在自身的位置的基础上,通过定时器不断执行,每次在自身位置的基础上再加上一个恒定的速度值,即可形成一个简单的匀速运动。 functi... 2023-05-31741 viewsCommentsjavaScript 阅读全文
WEB前端开发前端开发:tailwind和bootstrap对比优劣有哪些? 一、概述 Tailwind和Bootstrap是两种流行的CSS框架,它们都提供了快速、易用的CSS类库来帮助前端开发者构建出现代化的网站和应用程序。它们有一些相似之处,但也有很多不同的优势和劣势。 ... 2023-05-30967 viewsCommentsBootstrap CSS 阅读全文
WEB前端开发案例演示Bootstrap面包屑导航的实现方式 传统导航栏的页面结构,它不能展示出当前页在导航层次结构中的位置。为此,Bootstrap提出面包屑导航,通过为导航层次结构自动添加分隔符,展示出当前页在导航层次结构中的位置。 下面通过一个案例演示面包... 2023-05-30909 viewsCommentsBootstrap 阅读全文
WEB前端开发网站建设前端框架Bootstrap 5个优势盘点 Bootstrap是一个流行的前端框架,由Twitter开发和维护,旨在为开发者提供快速构建响应式、移动优先的网站和应用程序的工具。Bootstrap是一个免费、开源的框架,可以在任何Web项目中使用... 2023-05-30968 viewsCommentsBootstrap 阅读全文
WEB前端开发Card layout卡片布局…10个常见CSS3页面布局实例 一、Card layout(卡片布局) 如下图所示,卡片布局是我们常见的一种页面布局。 HTML部分 <div class="cards"> <!-- 需分配宽度给卡片单元格 --&... 2023-05-301,700 viewsComments 阅读全文
WEB前端开发Axios配置跨域及封装Get/Post请求方法 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 nodejs 中发起请求。封装的目的在于复用。封装的目的在于把公共部分封装。 安装Axios npm install axi... 2023-05-291,313 viewsComments 阅读全文
WEB前端开发前端开发如何更好的避免级联层CSS@layer样式冲突? CSS 中的级联层(CSS@layer),讨论了级联以及级联层的创建、嵌套、排序和浏览器支持情况。级联层可以用于避免样式冲突,提高代码可读性和可维护性。 一、什么是级联层 (Cascade Laye... 2023-05-27664 viewsCommentsCSS 阅读全文
WEB前端开发Nodejs 应用编译构建提速建议 编译构建的整体过程 拉取编译镜像 拉取缓存镜像 拉取项目源码 挂载缓存目录 执行编译命令 (用户自定义) 持久化缓存 上传编译镜像 为什么在本地构建就快,但编译机上很慢 在编辑机上每次的构建环境都是全... 2023-05-27643 viewsCommentsNode.js 阅读全文
WEB前端开发vue框架大概要学多久? Vue框架是一种现代的JavaScript框架,它用于构建交互式的单页面应用程序(SPA)。Vue.js是一个开源项目,它由尤雨溪创建并维护,目前已经成为非常流行的前端框架之一。 要学习Vue框架,需... 2023-05-24939 viewsCommentsVUE 阅读全文
WEB前端开发前端框架Svelte放弃TypeScript,javascript赢! Svelte repo 中"TS to JSDoc Conversion"PR 的描述,Svelte 团队将会从目前使用的 TypeScript 迁移到 JSDoc。 前端 UI 框架 Svelte ... 2023-05-24993 viewsCommentsjavaScript typescript 阅读全文
WEB前端开发骨架屏对网站的优化的重要性 前言 平常在我们点进一个网站的时候,或许会看见一个一些动态的灰色条状物,他们代替着本应该出现在这里的内容,作为一种加载态的展现方式而呈现,这里我们就拿掘金来举例,进入掘金的首页,按下F12,进入开发者... 2023-05-24805 viewsComments 阅读全文
WEB前端开发2023年最值得期待的20个CSS框架:揭示未来设计风潮 当今的网络生态系统中,网站或工具发挥着重要作用,其表示层由 CSS(层叠样式表)提供支持。一个引人入胜的网站不可避免地会带来更多的客户或浏览者,可以通过不同的方式使用它们来提高产品的有效性。 Web ... 2023-05-242,223 viewsCommentsCSS 阅读全文
WEB前端开发使用 Docker 和 Golang 快速上手 WebAssembly 如何使用 Docker 和 Golang 快速上手 WebAssembly。我会分别从浏览器场景和“通用应用”场景来进行叙述,如果你还徘徊在 WebAssembly 的门前,或许这篇文章会对你所有帮助... 2023-05-231,364 viewsCommentsDocker GoLang 阅读全文
WEB前端开发Javascript 和 CSS 如何加载到 WordPress主题前端、后端或插件 正确加载 jQuery、Javascript 和 CSS 到你的WordPress网站也许是一件比较痛苦的事情。 本文将讲解如何使用WordPress官方推荐的方式来加载脚本/ CSS。 有两种常用的... 2023-05-231,003 viewsCommentsCSS javaScript WordPress 阅读全文
WEB前端开发2023 前端开发性能优化清单:页面渲染,打包优化,总体优化 一、页面渲染 ? 1. 减少页面重绘(repaint)和回流(reflow) 回流:计算可见节点的位置和几何信息; 重绘:重新绘制节点,将渲染树的每个节点都转换为屏幕上的实际像素。 ? 减少使用 cs... 2023-05-221,035 viewsComments 阅读全文
WEB前端开发Vue3 开发文档保姆级教程 一个粉丝公司项目由 Vue2 升级到 Vue3 了,他一下子不适应,有好多不会用的,所以我就写了这篇开发文档,包含了 Vue3 项目开发中使用的所有语法,希望所有像他一样还不熟的伙伴快速上手 Vue3... 2023-05-22966 viewsCommentsVUE 阅读全文
WEB前端开发Vite 4.3 发布,极致的性能优化! Vite 4.3 正式发布! 彼时彼刻,Vite 以其极致的项目启动速度和 HMR 速度,在前端工具链领域一骑绝尘无人能敌,后来,挑战者出现了,它就是由 webpack 创始人联合开发的 Turbop... 2023-05-22942 viewsComments 阅读全文
WEB前端开发Layui实现导航栏点击高亮效果——ChatGPT提供功能代码 OneNav后台使用了Layui组件,因此这个方法适用于所有使用Layui组件的场合。 Layui中导航栏点击高亮 这是OneNav中原始的导航栏代码,使用的a标签进行链接跳转,每次点击的时候都会跳转... 2023-05-211,379 viewsCommentsChatGPT Layui 阅读全文
WEB前端开发WordPress前端开发:优化CSS和JS的加载 css和js会阻碍html的解析,在谷歌测速里会被当成阻碍渲染的资源。如何优化呢?答案很简单,给javascript文件添加defer标签,异步加载。css文件,可以用preload方式加载,也可以用... 2023-05-21813 viewsCommentsCSS javaScript WordPress 阅读全文
WEB前端开发CSS新规范:样式查询 Chrome团队发布了对一个新的CSS规范的实验性支持,即样式查询。简而言之,它让我们查询容器的样式,而不是只查询尺寸。在查询容器尺寸不够的情况下,这可能很有帮助。 CSS 容器查询 介绍样式查询之前... 2023-05-19765 viewsComments 阅读全文
WEB前端开发三行CSS代码轻松实现全网站暗黑模式 深色模式是一种设计趋势,网站的配色方案被更改为深色背景,配以浅色文字和元素。它也被称为夜间模式或黑暗主题。深色模式的目的是减少低光环境下的眼睛疲劳,节省移动设备的电池寿命,并创造一个时尚现代的美感。 ... 2023-05-191,009 viewsCommentsCSS 阅读全文