- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端面试题总结！！！
上拉加载和下拉刷新首先都得监视window的滚动距离，和可视化距离，这两个可以让我们知道当前可视化区域是否在最顶端或者最低端，如果当在顶端时，我们给页面加一个盒子，只有在距离顶部为零的时候在可以上拉的，当我们进行上拉时就让我们的数据进行加载可以加一个定时器和旋转动画让页面更丰富，而下拉刷新和上拉加载异曲同工，差别在于一个是监听滚动条距离顶部的高度，一个是距离底部的高度，下拉加载要先将数据展示几个，然后在下拉的时候多增加。他是css布局中的一个重要概念，用于控制和影响盒模型的布局、定位和相互之间的交互。
2023-09-14 20:08:56
44
1
原创 一些免费 好用的ChatGPT ai(亲测有效)
1、登录 - 路饭网路饭网2、 新智AI - 你的智能助手新智AI 3、 Chatgpt在线网页版-永久免费使用！ Chatgpt在线网页版4、 ChatGPTChatGPT5、 讯飞星火认知大模型-AI大语言模型-星火大模型-科大讯飞讯飞星火认知大模型-AI大语言模型-星火大模型-科大讯飞
2023-09-08 08:42:34
688
1
原创 常见的块级/行内/空元素、CSS Hack、src与href的区别、link与@import区别
首先，link是HTML标签，使用时需要在head标签内进行定义，而@import是CSS的语法规则，需要写在CSS文件中。其次，link没有限制引入样式表的数量，可以同时引入多个样式表，而@import只能引入一个样式表。此外，link在页面加载时同时加载样式表，而@import会在页面加载完毕后再加载样式表，这可能导致页面闪烁的问题。src与href的区别在于它们分别用于不同的标签属性。行内元素不会独占一行，相邻的行内元素会在同一行显示，并且不能设置宽度和高度，只能设置水平方向的内边距和外边距。
2023-09-02 09:06:10
45
原创 如何五步使用node.js完成图片上传
是一个基于Node.js的模块，用于处理HTTP请求中的多部分表单数据，特别是用于处理文件上传。当我们在开发Web应用程序时，有时需要允许用户上传文件，比如图片、视频或文档。是一个命令，用于使用npm（Node Package Manager）安装名为。这个log打印的就是服务器返回的数据也就是我们响应的数据。第一步我们需要在node.js中下载我们所需要用到的依赖。第二步去文件夹中创建这个文件用来解译我们上传的图片。模块来解析和处理这些文件上传的请求。第四步在我们的前端写一个用于上传的按钮。
2023-08-25 19:19:06
714
1
原创 css3/H5新特性
CSS3和HTML5是用于构建网页的最新技术标准，它们引入了许多强大的新特性。这只是CSS3和HTML5的一小部分新特性，它们为开发者提供了更多创造力和灵活性，让网页设计更加出色和交互更加丰富。
2023-08-24 11:53:46
79
1
原创 水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局；
是包含了若干子项（`.item很抱歉，由于字符限制，我无法提供完整的信息。Flexbox 是一种强大的布局模型，可以用于构建灵活的布局。圣杯双飞翼布局是一种常用的两栏布局，其中左右两栏宽度固定，而中间栏具有自适应宽度。属性来控制左右边栏的顺序，使得左边栏在 DOM 结构中位于中间栏之前，右边栏位于中间栏之后。对于绝对定位的元素，可以将其左右偏移设置为 50%，然后使用负的。使用绝对定位，并将上下偏移设置为 50%，然后使用负的。对于行内元素或内联块级元素，可以将其父容器的。使用表格布局，将父容器的。
2023-08-21 16:57:33
81
1
原创 postiton定位5个值
元素遵循正常文档流的布局规则进行定位，不会受到其他定位属性的影响。元素相对于其最接近的已定位祖先元素进行定位，如果没有已定位的祖先元素，则相对于整个页面进行定位。元素相对于浏览器窗口进行定位，始终保持在同一个位置，即使滚动页面也不会改变其位置。元素在其容器滚动时表现为相对定位，当滚动到特定位置时，会变为固定定位。粘性定位在某种程度上结合了相对定位和固定定位的特性。元素相对于其正常位置进行定位，可以通过指定。属性用于指定元素的定位方式。值可以根据需求在网页布局中进行灵活的定位和排布元素。
2023-08-21 09:55:34
71
1
原创 盒模型、BFC、 清除浮动；
BFC具有一些特性，例如：浮动元素不会覆盖BFC区域、BFC区域可以包含浮动元素，并且在计算高度时会考虑浮动元素的位置等。它将一个网页上的每个元素看作是一个矩形区域，由内容（content）、内边距（padding）、边框（border）和外边距（margin）组成。清除浮动（Clearing Floats）是一种用于解决浮动元素导致的父容器高度塌陷问题的技术。使用clearfix技巧：在父元素上应用clearfix类，这是一种常见的清除浮动的方法。或其他值，可以触发BFC，从而清除浮动。
2023-08-19 14:00:43
60
原创 最全面得前端面试题汇总大全（含答案）-- 持续更新
常见的块级/行内/空元素、CSS Hack、src与href的区别、link与@import区别。Es6中新的数据类型symbol、Es6中Set、WeakSet、Map、WeakMap数据结构。promise使用及实现、async,await、generator函数。水平/垂直居中、 两/三栏布局(圣杯双飞翼)、flex布局；、箭头函数与普通函数区别、class与class继承。数组方法、数组去重、 数组排序、数组扁平化、字符串。for···in和for···of的区别。postiton定位5个值。
2023-08-18 21:03:54
166
1
原创 如何用react实现对元素的托拉移动
react-draggable 经过几年的发展，已经是一个相对比较稳定的库了。从 npm trends 上看，从 16 年起它的流行程度就迅速超过了其它几个类似的项目。它在 github 上算非常热门的项目了，使用它的项目众多，所以可以放心地使用。如果看它的源码的话，会发现它的原理其实很简单，它只是将一个需要被拖拽的组件包到它定义的一个组件中，当鼠标拖拽时，重新计算组件的位置，这样就实现了“拖拽”的效果。这也是绝大多数拖拽组件库的实现方式。中就装好了 react-draggable。，执行完后应该在你的。
2023-08-18 20:28:46
573
1
原创 typescript 中都有哪些修饰符，说明他们的作用?
5，static(静态的):静态修饰符用于定义类级别的成员，而不是实例级别的成员。静态成员可以通过类本身直接访问，而不需要创建类的实例这些修饰符提供了对类成员的不同访问级别和特性控制，以实现封装性、继承性和多态性等面向对象编程的概念。3，protected(受保护的):受保护修饰符与私有修饰符类似，但有一点不同。受保护成员可以在其所属的类及其子类中访问，但不能在类的实例或类的外部访问。公共成局可以在类的内部和外部访问。2，private (私有的):私有修饰符限制了只能在其所属的类中访问成员。
2023-08-16 20:33:29
43
1
原创 前端面试题
当我们修改数据时就会由render去在储存空间中生成一个跟真实dom一样的虚拟dom 当我们修改这个数据的时候 会再复制出一个虚拟dom这个就是diff算法 两个虚拟dom进行对比 只更改我们需要更新的地方这样就大大减少了性能的浪费 当我们完全修改完毕之后这个虚拟dom再去更新真实dom这样就不用每次修改真实dom就会重新渲染页面了。图片优化：优化图片加载是提升性能的重要一环。在重新渲染时，React会比较新的虚拟DOM树和旧的虚拟DOM树之间的差异，并计算出最小的DOM操作来更新实际的DOM。
2023-08-14 09:42:27
146
原创 当下有哪些比较流行的组件库？
Material-UI：基于 React 的 Material Design 风格组件库，提供了丰富的可定制化组件，适用于构建现代化的用户界面。Vuetify：基于 Vue.js 的 Material Design 风格组件库，提供了丰富的可复用组件和样式，适用于构建漂亮的响应式网页。Tailwind CSS：一个高度可配置的 CSS 框架，提供了一系列实用类，可以快速构建自定义的界面风格。Element UI：基于 Vue.js 的桌面端组件库，提供了丰富的 UI 组件，简洁美观，易于上手。
2023-07-26 19:38:40
119
1
原创 前端面试题（说说你对vue的理解）
到这里大家就更熟悉了，移动设备的普及，Jquery的出现，以及SPA（Single Page Application 单页面应用）的雏形，Backbone EmberJS AngularJS 这样一批前端框架随之出现，但当时SPA的路不好走，例如SEO问题，SPA 过多的页面、复杂场景下 View 的绑定等，都没有很好的处理经过这几年的飞速发展，节约了开发人员大量的精力、降低了开发者和开发过程的门槛，极大提升了开发效率和迭代速度，我们可以称之其为工业时代。节点跟视图绑定后，通过修改变量的值控制。
2023-07-24 16:32:04
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人