WEB前端开发跨域为什么需要同源策略?前端最佳实践 作者:Crazy Urus 跨域是前端开发中一个非常常见的问题,尤其是随着单页应用(Single Page Application, SPA)的兴起,前后端分离开发和部署,前端在本地开发和部署的过程中... 2023-04-27818 viewsComments 阅读全文
WEB前端开发vue代码示例:实现tab切换的放大镜效果 效果图 1.我这里并没有加遮罩层,如有需要请自行加上 2.图片建议使用4k高清图片,不然放大后模糊,影响观看心情 3.不用拘泥于样式,关注实现原理即可 4.可能我的方法并不简便,但是也是一种思路,请大... 2023-04-261,095 viewsCommentsVUE 阅读全文
WEB前端开发layui2.8特性:WIN10风格弹框、树形table组件、下拉菜单 layui基本上已经成为“传统前端”最流行的ui库了,而现在layui自从将社区迁移到gitee之后,过滤掉了大量“无知”的开发者,更多的“认真”的开发者都沉淀下来,将来也会越发展越好。 layui2... 2023-04-262,782 viewsCommentsLayui 阅读全文
WEB前端开发前端预加载:DNS Prefetch 与 Preconnect、Preload & Prefetch… 提升前端页面的性能有很多方法,其中一类很重要的方法就是前端预加载,即提前加载后续需要的内容 (preload and prefetch)、提前解析域名(DNS Pretech & Precon... 2023-04-24791 viewsComments 阅读全文
WEB前端开发前端性能优化:使用 preload 和 prefetch 预加载关键资源 前端性能优化,我们通常会想到启用压缩,压缩资源文件大小。或者启用浏览器缓存,可以起到较少 HTTP 请求,优化资源加载速度的效果,但这些手段主要提升重复访问相同资源时的加载速度。默认情况下,浏览器只会... 2023-04-241,411 viewsComments 阅读全文
WEB前端开发基于Layui蓝色全屏粒子线条动画背景后台登录界面模板 图片 源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>后台管理... 2023-04-241,478 viewsCommentsLayui 阅读全文
WEB前端开发Layui 2.8.0 正式发布,朴实归来! Layui 是一套开源的 Web UI 组件库,采用自身轻量级模块化规范,遵循原生态的 HTML/CSS/JavaScript 开发模式,极易上手,拿来即用。Layui风格简约轻盈,而内在雅致丰盈,甚... 2023-04-241,141 viewsCommentsLayui 阅读全文
WEB前端开发2022前端开发回顾:Web性能方面有哪些新功能? 衡量和优化网站速度的方式总是在变化。因为有新的Web标准被引入(并最终得到广泛支持),新的工具被开发,新的度量标准被提出。本文介绍了2022年Web性能格局发生变化的事项。 优先级提示 优先级提示是我... 2023-04-23718 viewsComments 阅读全文
WEB前端开发jQuery实现“返回网页顶部”“直达网页底部”功能具体代码 返回网页顶部和直达网页底部这个需求在做网页的时候经常遇到,今天给大家分享一下jQuery的实现方法。 一,使用jQuery实现“返回网页顶部”功能的具体代码。 1 2 3 4 5 6 $(select... 2023-04-211,403 viewsCommentsjQuery 阅读全文
WEB前端开发什么是微前端?实现方式技术揭秘 微前端是将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的一种手段。本文从微前端的基础理论出发,对其核心技术进行阐述,最后结合项目进行简单的应用实践。 一、微前端背景 (一)什么是微前端 微... 2023-04-191,033 viewsComments 阅读全文
WEB前端开发高阶玩法——万字 GPT 模型自动化应用指南( javaScript 示例) 当提到领先的人工智能研究机构,OpenAI 人工智能公司绝对是其中之一。作为全球最知名的 AI 研究机构之一,OpenAI 的成果和贡献不可谓不深远。它在自然语言处理和生成领域的 GPT 系列模型(G... 2023-04-181,421 viewsCommentsChatGPT javaScript 阅读全文
WEB前端开发协同效率更高!写给前端开发人员的 Figma 教程 工具进化史 Figma 作为 2023 年最流行的前端设计软件,我们先来讲讲设计工具的发展史(这是我从公司的设计师里听来的)。 在 jQuery 时代,大家还在用 Adobe 的 PhotoShop ... 2023-04-182,042 viewsCommentsFigma 阅读全文
WEB前端开发JavaScript前端性能精进之浏览器 作者:平文 来源:知乎 JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中... 2023-04-181,162 viewsCommentsjavaScript 阅读全文
WEB前端开发Vue3 开发文档语法大全,再不看要遭老罪咯~ 沐华 - 知乎 公司项目由 Vue2 升级到 Vue3 了,他一下子不适应,有好多不会用的,所以我就写了这篇开发文档,包含了 Vue3 开发中使用的所有语法,希望所有像他一样还不熟的伙伴快速上手 Vu... 2023-04-111,249 viewsCommentsVUE 阅读全文
WEB前端开发TypeScript精进:10个最佳实践提高代码质量 TypeScript 是一种强类型的 JavaScript 超集,提供了很多优秀的工具和语言特性,可以帮助开发者提高代码质量和开发效率。在本文中,我们将介绍 10 个 TypeScript 最佳实践,... 2023-04-101,125 viewsCommentstypescript 阅读全文
WEB前端开发前端处理 JavaScript 错误的权威指南 软件产品的成功取决于其创建者在伤害用户之前解决这些问题的能力。在所有编程语言中,JavaScript 因其平均错误处理设计而臭名昭著。 如果您正在构建一个 JavaScript 应用程序,那么您很有可... 2023-04-031,948 viewsCommentsjavaScript 阅读全文
WEB前端开发Vue 改进了响应式 API 中 getter 的用法! 出品 | 前端充电宝(ID:FE-Charge) Vue 改进了响应式 API 中 getter 的用法,主要包括: 一个用于将不同来源(value / ref / getter)规范化为值的 API... 2023-04-03918 viewsCommentsVUE 阅读全文
WEB前端开发怎么从基础开始逐渐深入的学习web前端开发? 作者:粟稷 来源:知乎 第一阶段:网页制作基础教程之网页的基本结构 切记:HTML是标记语言,不是编程语言!最基本的标签是<html>和<body>,而CSS则是用来定义怎样显... 2023-03-29657 viewsComments 阅读全文
WEB前端开发如何使用Chrome开发者工具Debug页面HTML/CSS代码 在这篇文章中,我想向你展示Chrome浏览器中的一些免费功能,它们可以帮助你解决这些问题。我希望它能激励你更多地尝试编程,并成为一个更好的开发者! 什么是Chrome开发工具 让我们先简单介绍一下Ch... 2023-03-282,414 viewsCommentsCSS HTML 阅读全文
WEB前端开发Vue 3中依赖注入与组件定义相关的那点事 聊聊 Vue 3中依赖注入与组件定义相关的那点事儿。 主要内容 本次分享,我们主要涉及以下内容: ? provide() & inject() - 依赖注入 ? nextTick() - 下一... 2023-03-251,320 viewsCommentsVUE 阅读全文
WEB前端开发处理尚不存在的 DOM 节点,MutationObserver API 与传统轮询方法相比优劣 有时候,您需要操作尚未存在的 DOM 的某个部分。 出现这种需求的原因有很多,但你最常看到的是在处理第三方脚本时,这些脚本会异步地将标记注入页面。举个例子,我最近需要在用户关闭Google reCAP... 2023-03-25749 viewsComments 阅读全文
WEB前端开发HTML到NodeJS,互联网Web技术发展史 作者:charryhuang,腾讯 CSIG 前端开发工程师 1991年8月,第一个静态页面诞生了,这是由Tim Berners-Lee发布的,想要告诉人们什么是万维网。从静态页面到Ajax技术,从S... 2023-03-05872 viewsCommentsHTML Node.js 阅读全文
WEB前端开发SSR 无处不在!2023 年 8 大 Web 开发趋势预测 (元)框架 单页应用 (SPA) 及相关框架(例如 React.js、Vue.js、Svelte.js)都已经存在了很多年。然而,随着这些解决方案之上的元框架的兴起,可以看到应用从客户端渲染(CSR)... 2023-03-011,199 viewsComments 阅读全文
WEB前端开发vue3直白教程:生命周期、全局API、自定义指令 1、setup script 用法: <script setup lang="ts"> // 在这里写vue的逻辑 </script> <template> <... 2023-02-281,455 viewsCommentsVUE 阅读全文