前端

从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗?

从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗? 过去的我们在网上“看”,现在的我们在网上“说”,未来的我们将“拥有”网络世界的一部分。——Web三代的变迁,正悄然改变我们的一切。 一、前言:为什么要了解 Web 的三次迭代?很多人每天上网刷微博、用微信、刷抖音&#xf

浏览器引入Ant Design of Vue

一、先将vue.min.js,antd.min.js、moment.js、antd.min.css等文件下载到本地; 二、在vue代码里面引入antd组件; 三、在具体的html页面应用; 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title&gt

前端vue:路由的基本使用

1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r

Canvas vs WebGL:你真的搞懂浏览器图形渲染了吗?

前言:大多数前端工程师提到图形渲染就脑子一懵。Canvas?WebGL?好像懂,又好像不懂。这篇文章我们不装逼,从渲染原理、源码实现、性能差异、实战场景四个维度把它们拆得体无完肤,看完你就明白为什么大多数人都用错了。 Canvas为什么叫"画布"而不是"页面"? 问

前端实现列表无缝自动滚动效果(div列表+table表格)

一、div列表滚动现在需要实现一个效果,内容无限、平滑、无闪动地向上滚动;当鼠标悬停到列表时,滚动暂停并高亮当前项;鼠标移出后继续滚动。这是在大屏项目中经常见到的一种展示数据的方式,本文为具体的实现方式。 实现原理: 在使用了js控制之后发现有闪动的现象,然后就换了种方式,我的想法是&

解决element的Table表格组件的高度自适应问题

解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果 方式一: 注:也可直接将el-table的height属性绑定为字符串:calc(100vh - 200px) 实现为同样的效果, 200 是顶部和底部导航以及部分自定义布局 ;例:(这里使用了rem,一样的道理) 方式二:通过

彻底搞懂盒子模型

一、简述 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:Margin外边距,Border边框,Padding内边距,和Content实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了盒子模型(Box Model): 盒

react hooks深拷贝后无法保留视图状态

在使用useState做数据操作更新的时候,有一些复杂数据类型,一个对象数组里包含,函数,dom等等复杂数据类型,想要进行数据更新,并且视图更新的情况下,因useState的特性就必须进行深拷贝赋值。 方式 1、JSON.stringify配合JSON.parse 这个有限制,我们的数据类型包含,函数。它会丢失 2、Lodash 里的深拷贝方法 3、递归实现 我这里通过递归直接写的方法,发现拷贝

JavaScript 面试系列:如何理解 ES6 中 Generator ?常用使用场景有哪些?

image.png 一、介绍 Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 回顾下上文提到的解决异步的手段: 回调函数 promise 那么,上文我们提到 promsie 已经是一种比较流行的解决异步方案,那么为什么还出现 Generator?甚至 async/await 呢? 该问题我们留在后面再进行分析,下面先认识下 Generat

【前端速成】别再说不懂前端了!Java后端开发者30分钟搞定HTML+CSS知识

🎬 博主名称:超级苦力怕 🔥 个人专栏: 《Java漫漫学习路》 🚀每一次思考都是突破的前奏,每一次复盘都是精进的开始! 前言 大家好,我是超级苦力怕,一名Java后端开发者。为了打破技术壁垒、提升协作效率与竞争力,因此学习了前端知识&#xff0c