- 博客(333)
- 资源 (19)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 CSS | 响应式布局之媒体查询(media-query)详解
media query功能：这种机制允许设置在css样式中添加media query表达式，这种表达式不仅可以对媒体类型进行匹配，也可以对媒体分辨率、色深等各种细节进行匹配，因此可以针对不同类型，不同参数细节的媒体设计提供精确控制。语法：@media 设备名 only（选取条件） not （选取条件） and （设备选取条件） ， 设备二｛sRules｝
2024-10-03 10:48:55
1055
原创 CSS | 面试题：你知道几种移动端适配方案？
移动端适配是指为了提高应用在各种不同分辨率、尺寸和操作系统上的表现，而对其界面和功能进行相应的调整和优化。随着移动设备的普及，移动端适配问题日益凸显，处理移动端适配对于提高用户体验和降低开发成本至关重要。
2024-10-01 09:38:23
800
原创 何为前端工程化？一文给你说透前端工程化
什么是前端工程化？简单来说，前端工程化可以提升开发体验、提高开发效率和质量、提升应用的访问性能，一切以提高效率、降低成本、质量保证为目的的手段都属于工程化。前端工程化不等同于Webpack，它主要包含从编码、发布到运维的整个前端研发生命周期，把软件工程相关的方法和思想应用到前端开发。
2024-09-12 08:58:57
1230
原创 JS | ES中的异步方法 async /await 详解
async/await 是 ES8(ECMAScript 2017) 引入的新语法，用来简化Promise异步操作。在 async/await 出现之前，开发者只能通过链式 .then() 的方式处理Promise异步操作
2024-09-02 08:45:00
2046
原创 Vue | Vuex中五大属性及其辅助函数的使用说明
Vuex 官网 ： Vuex 是一个专为 Vue.js 应用程序设计的状态管理库，它提供了一种集中式管理 应用中的状态；状态管理模式： 它让组件的状态(数据)，管理变得集中、有序，便于在整个应用中，共享和维护数据；集中式存储： 它将应用的所有组件状态(数据)，集中到一个单一的存储对象中，使得统一管理；
2024-08-27 08:45:00
989
原创 Vue | 简单说说 Vuex 实现响应式的原理
Vuex 通过结合 Vue.js 的响应式系统实现了状态的响应式。Vuex 的状态存储于 Vue 的 data 对象中，这确保了对状态的任何 mutation 都是响应式的。
2024-08-24 16:36:09
607
原创 Token、Cookie、Session的作用及具体区别
Token、Cookie和Session在Web开发中各有其独特的作用和适用场景。Token适用于需要无状态认证和授权的场景，Cookie适用于需要用户身份识别和会话管理的场景，而Session则更适合于服务端需要存储和管理用户会话信息的场景。在实际应用中，可以根据具体需求选择合适的机制来实现用户认证和会话管理。
2024-07-26 08:30:00
695
原创 JS | ES6新增对象 - Promise使用方法详解
Promise是异步编程的一种解决方案，可以替代传统的解决方案--回调函数和事件。ES6统一了用法，并原生提供了Promise对象。作为对象，Promise有一下两个特点： * （1）对象的状态不受外界影响。 * （2）一旦状态改变了就不会在变，也就是说任何时候Promise都只有一种状态。
2024-04-18 09:12:02
1252
原创 Vuex模块化以及命名空间namespaced的使用
命名空间的作用是为了减少模块之间定义的方法命名冲突的问题。默认state是局部命名空间 ，mutation、action、getter 是全局命名空间。比如说在a模块getter 中定义一个getter1，在b模块getter 中也定义一个getter1 ,在同一空间内，拥有两个相同的名称，程序会报错。
2023-12-21 10:50:55
1813
原创 Axios使用方法详解，从入门到进阶
Axios 是一个基于 promise 的网络请求库，可以用于浏览器和 node.js中。Axios（相比于原生的XMLHttpRequest对象来说） 简单易用,（相比于jQuery）axios包尺寸小且提供了易于扩展的接口，是专注于网络请求的库。
2023-08-16 08:58:28
38501
4
原创 一文详解Vue中实现路由跳转传参的4种方式（十分详尽）
在浏览器中，点击链接实现导航的方式，叫做声明式导航。例如：普通网页中点击 a标签链接。vue项目中点击router-link标签链接都属于声明式导航。在浏览器中，调用API方法实现导航的方式，叫做编程式导航。例如：普通网页中调用location.href跳转到新页面的方式，属于编程式导航。vue项目中编程式导航有this.$router.push(),this.$router.replace(),this.$router.go()。
2023-08-01 09:33:15
22820
原创 面试官：一个 TCP 连接可以发多少个 HTTP 请求？
默认情况下建立 TCP 连接不会断开，只有在请求报头中声明 Connection: close 才会在请求完成后关闭连接。
2023-06-19 09:48:13
950
原创 面试高频—TCP/IP十大问题—程序员必备基础素养
TCP/IP讲绝了！本文整理了一些TCP/IP协议簇中需要必知必会的十大问题，既是面试高频问题，又是程序员必备基础素养。
2023-05-30 09:35:11
3962
原创 Git之GitFlow工作流 | Gitflow Workflow（万字整理，已是最详）
git 作为一个代码管理系统，不可避免的会涉及到多人合作。Git flow是基于git之上的一种软件开发迭代模型。Git flow是使用git进行源代码管理的一套行为规范。简单来说就是通过规范化的流程，使得产品、开发与测试等各个部门更高效的协同工作。Git Flow重点解决的是由于源代码在开发过程中的各种冲突导致开发活动混乱的问题，提高开发效率。
2023-05-17 09:08:59
33012
14
原创 一文讲透TCP/IP协议 | 图解+秒懂+史上最全
TCP/IP协议包含了一系列的协议，也叫TCP/IP协议族（TCP/IP Protocol Suite，或TCP/IP Protocols），简称TCP/IP。TCP/IP协议族提供了点对点的连结机制，并且将传输数据帧的封装、寻址、传输、路由以及接收方式，都予以标准化。
2023-05-06 10:33:46
63010
49
原创 如何发起一次完整的HTTP的请求流程
HTTP 是一种允许浏览器向服务器获取资源的协议，是 Web 的基础，通常由浏览器发起请求，用来获取不同类型的文件， 例如 HTML 文件、CSS 文件、JavaScript 文件、图片、视频等。此外，HTTP 也是浏览器使用最广的协议。
2023-04-24 10:06:40
3391
转载 深度剖析cookie、session、token
session 和 token 本质上是没有区别的，都是对用户身份的认证机制，只是他们实现的校验机制不一样而已（一个保存在 server，通过在 redis 等中间件获取来校验，一个保存在 client，通过签名校验的方式来校验），多数场景上使用 session 会更合理，但如果在单点登录，一次性命令认证上使用 token 会更合适，最好在不同的业务场景中合理选型，才能达到事半功倍的效果。
2022-12-29 10:07:29
456
原创 实现响应式布局有几种方法
响应式布局有的方法有：1、媒体查询；2、百分比【%】；3、vw或vh，vw表示相对于视图窗口的宽度，vh表示相对于视图窗口高度；4、rem单位是相对于字体大小的html元素；5、flex弹性布局。
2022-11-29 11:27:42
4976
转载 万字长文：分享前端性能优化知识体系
前端性能优化分为两个方向，一是工程化方向，另一个是细节方向。性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用。前端性能优化方法：1、减少http请求数；2、图片优化；3、使用CDN；4、开启GZIP；5、样式表和JS文件的优化；6、使用无cookie域名；7、前端代码结构的优化。
2022-11-25 11:04:03
160
原创 一文了解，前端网页布局常用的几种方式
建议看完本文，你会受益很多！本文将带你深入了解前端网页布局的几种方式，诸如关于静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念以及区别。
2022-11-18 15:43:20
4812
原创 Web开发常用布局方式总结
无论是前端还是客户端开发都离不开页面的展示，而页面是由布局和各种组件构成的。布局好比是建筑里的框架，而组件则相当于建筑里的砖瓦。组件按照布局的要求依次排列，就组成了用户所看见的界面。研究布局的目的是让我们的页面尽可能的还原UI设计给我们的设计图，适配各种尺寸的屏幕，使其在各种尺寸屏幕上能很好地显示出我们的视图。
2022-11-08 15:44:25
6309
2
转载 什么是token？token是用来干嘛的？
token其实说的更通俗点可以叫暗号，在一些数据传输之前，要先进行暗号的核对，不同的暗号被授权不同的数据操作。说白了token是一个身份卡，有权限的作用
2022-09-25 10:43:54
141112
11
原创 JS函数防抖和节流全解析
防抖和节流本质上是优化高频率执行代码的一种手段，如：浏览器的 resize、scroll、keypress、mousemove 等事件在触发时，会不断地调用绑定在事件上的回调函数，极大地浪费资源，降低前端性能。为了优化体验，需要对这类事件进行调用次数的限制，对此我们就可以采用 防抖（debounce）和 节流（throttle）的方式来减少调用频率。节流——n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效。防抖——n 秒后再执行该事件，若在 n 秒内被重复触发，则重新计时.........
2022-09-10 12:15:25
1579
原创 JS | JavaScript中document.write()有哪些用法？
document.write()是 JavaScript 中用于向文档中插入内容的方法。它可以在文档加载过程中或在脚本执行时动态地将任意内容写入到 HTML 文档中。需要注意的是，document.write()方法会在页面上直接插入内容，如果在页面加载完成后使用该方法，它会覆盖整个页面内容。因此，在大多数情况下，推荐使用更安全和强大的 DOM 操作方法来修改页面结构，如 createElement()、appendChild() 等。此外，当使用document.write()方法时，要注意确保它在正
2024-10-05 08:45:00
573
原创 JS | 如何解决ajax无法后退的问题?
Ajax请求通常被设计为无需后退的，因为它们是异步的，不会导致页面刷新。但如果你想要用户能够通过浏览器的后退按钮回到之前的页面状态，你需要考虑以下几种方法。①使用同步请求：这样用户就可以点击后退按钮回到之前的页面，但这样会阻碍用户体验。②使用局部刷新：在Ajax请求成功后，手动更新页面的部分内容，而不是替换整个页面。这样用户点击后退按钮时，可以回到前一个页面状态。③使用pushState和replaceState API：这两个HTML5的History API可以改变浏览器地址栏而不重新加载页面。
2024-10-04 08:00:00
598
原创 CSS | CSS中强大的margin负边距
css中的负边距(negative margin)是布局中的一个常用技巧，只要运用得合理常常会有意想不到的效果。很多特殊的css布局方法都依赖于负边距，所以掌握它的用法对于前端的同学来说，那是必须的。本文非常基础，老鸟可以略过。
2024-09-29 08:45:00
762
原创 JS | JS之BOM篇 - history对象常用方法详解
history对象保存了用户从打开窗口那一刻的上网历史记录。出于安全限制，开发人员无法读取用户的历史记录，但是可以通过history提供的方法，在不知道实际URL的情况下实现后退和前进
2024-09-24 08:45:00
1262
原创 CSS | 如何来避免 FOUC(无样式内容闪烁)现象的发生?
FOUC（Flash of Unstyled Content）是指网页在加载过程中，由于CSS样式加载延迟或加载顺序不当，导致页面出现闪烁或呈现出未样式化的内容的现象。这种现象通常发生在HTML内容已经加载，但CSS样式表尚未加载或加载顺序不正确时，导致页面短暂地以无样式状态显示，随后样式表加载完成，页面才呈现出预期的样式。这种用户体验不佳的现象，即被称为FOUC。总之，FOUC 是一种常见的 Web 开发问题，可以采取内嵌样式表、预加载样式表、延迟加载样式表、使用样式表框架或者使用样式表链接的 med
2024-09-23 09:16:35
1218
原创 JS | 详解浏览器存储机制cookies、sessionStorage和localStorage的区别
使用HTML5可以在本地存储用户的浏览数据。使用的主要目的是为了克服Cookie带来的一些限制，当数据需要被严格控制在客户端上时，无需持续的将数据发回服务器。主要目标：1.提供一种在Cookie之外存储会话数据的途径；2.提供一种存储大量可以跨会话存在的数据的机制。
2024-09-19 08:45:00
1219
原创 HTML | 外部引入 CSS 的2种方式：link和@import有什么区别？
外部引入 CSS 有2种方式，link 和 @import。就结论而言，强烈建议使用 link ，慎用 @import 方式。
2024-09-18 11:42:34
558
原创 Vue | Vue深入浅出——Vue中的render函数详解
在编写vue单文件的大多数情况下，我们都是使用template模板来创建HTML。然而在一些条件判断比较复杂的场景下，使用JavaScript去描绘HTML的生成逻辑会显得更加的简洁直观。
2024-09-11 09:00:00
1043
原创 Vue | Vue.js中的$forceUpdate()方法详解
Vue.js中的$forceUpdate()方法是一个内置方法，用于强制Vue组件重新渲染。当Vue的响应式系统无法自动检测到某些数据变化时，或者在某些特定情况下，需要手动触发组件的重新渲染，这时$forceUpdate()方法就非常有用了。这个方法会绕过Vue的响应式检测机制，直接触发组件的重新渲染过程，影响调用该方法的Vue实例本身及其插入插槽内容的子组件，但不会影响其他子组件。尽管$forceUpdate()可以解决一些特定的问题，但过度使用或滥用可能会导致性能问题，因为它会忽略Vue的依赖追踪机制
2024-09-10 08:45:00
741
原创 如何解决Vue中给data中的对象属性添加一个新的属性时响应式不生效的问题？
vue2的响应式原理使用的是对象代理去实现的，对象代理中有一个get和set方法，当我们访问对象的时候就会触发get方法，当我们对对象中的值进行修改时会触发set方法。但是当我们给对象添加一个新的属性时对象代理是检测不到的，所以就会出现直接给对象添加属性响应式不生效的问题。
2024-09-04 08:45:00
1049
原创 Vue中创建组件实例的方式以及extends继承和组件复用性详解
提到extends继承，最先想到的可能是ES6中的class、TS中的interface、面向对象编程语言中中的类和接口概念等等，但是我们今天的关注点在于：如何在Vue中使用extends继承特性。
2024-09-03 08:45:00
1901
原创 JS | setTimeout 延时器详解
settimeout的特点是，它只执行一次，如果想要再次执行，需要重新调用settimeout。另外，settimeout的延迟时间并不是准确的，它只是表示最早可能执行的时间，实际执行的时间可能会受到其他代码的影响，比如浏览器的事件循环，或者其他的定时器。settimeout和setinterval的区别如下：settimeout只执行一次，而setinterval会不断重复执行，直到被清除。settimeout和setinterval的延迟时间和执行间隔都不是准确的，它们会受到其他代码和浏览器的影响
2024-08-30 08:45:00
1060
翻译 JS | Javascript Math.pow( )用法及代码示例
JavaScript的Math.pow()方法用于计算一个数的幂。这个方法接受两个参数：第一个参数（base）是底数，第二个参数（exponent）是指数。Math.pow()方法返回base的exponent次方的结果。这个方法在所有主要浏览器中都得到支持，并且自JavaScript 1.0版本以来就一直存在。
2024-08-25 08:45:00
302
一组主题体现人们在聊天时希望彼此传递的不同情绪和情感的动画贴纸
2022-05-19
扁平风格医疗类图标矢量素材(EPS+PNG+PSD)
2022-05-17
扁平工作室图标矢量素材(EPS+PNG+PSD)
2022-05-16
渐变风格音乐图标矢量素材(EPS+AI+PNG+PSD)
2022-05-16
通信图标矢量素材(EPS+PNG+PSD)
2022-05-15
手绘各式图标矢量素材(EPS+PSD+PNG)
2022-05-12
扁平社会化媒体图标矢量素材3(EPS+PSD+PNG)
2022-05-12
水彩风格社会化媒体图标矢量素材(EPS+PNG)
2022-05-10
手绘各式各样的动物矢量素材(EPS+PNG)
2022-05-08
Markdown文档中，标题没有实现换行，怎么回事
2022-03-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人