- 博客(58)
- 问答 (1)
- 收藏
- 关注
RSS订阅
1原创 CSS系列011-position
absolute:绝对定位，相对于第一个非 static 定位的父级元素进行定位，可以通过 top、right、bottom、left 这 4 个属性来设置元素相对于父级元素位置的偏移量。如果没有满足条件的父级元素，则会相对于浏览器窗口来进行定位。使用固定定位的元素无论如何滚动浏览器窗口元素的位置都是固定不变的。relative:相对定位，即相对于自身定位，不脱离文档流，可以通过 top、right、bottom、left 这 4 个属性来设置元素相对于正常位置的偏移量，在此过程中不会对其它元素造成影响。
2023-03-19 23:53:16
210
原创 CSS系列008-opacity和rgba区别
rgba：r表示red红色，g表示green绿色，b表示blue蓝色，取值在0 - 255之间，a表示透明度，取值在0 - 1之间。opacity会继承父元素的opacity属性，而rgba的后代元素不会继承不透明属性。opacity：取值范围0 - 1之间，0表示完全透明，1表示不透明。共同点：实现透明效果。
2023-03-19 22:42:11
142
原创 CSS系列009-display:none和visibility:hidden的区别
visibility-hidden隐藏元素，但是会占用位置。display:none隐藏元素，且不会占用位置。二者都是隐藏，不显示元素。
2023-03-19 22:41:39
59
原创 CSS系列007-浏览器滚动溢出问题
contain:默认的滚动溢出行为将被内部的元素观察到，但相邻的区域不会产生连续滚动效果。overscroll-behavior-x:这个css属性用来控制当滚动到区域的水平边界时的浏览器行为。- none:相邻的滚动区域不会有连续滚动效果，且默认的滚动溢出行为会被阻止。- auto:默认的滚动溢出行为表现的和正常一样。
2023-03-19 22:38:31
271
原创 ES6之02数组解构赋值
在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。解构的目标，解构赋值表达式的左边部分。解构的源，解构赋值表达式的右边部分。解构赋值是对赋值运算符的扩展。
2023-03-14 11:30:37
65
原创 浏览器本地存储
本地存储则更安全，并且可在不影响网站性能的前提下将大量数据存储于本地。2、浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则会更新其对应的值。通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。所有页面，从起源地，能够存储和访问相同的数据。该方法接受一个键和值作为参数，并把该键名从存储中删除。该方法会清空存储中所有数据。
2023-03-13 23:30:56
335
原创 Vue生命周期函数
至此初始化过程结束，一般在此进行：开启定时器、发送网络请求、订阅消息、绑定自定义事件等初始化操作。此时，无法通过vm访问到data中的数据、methods中的方法。此时，可以通过vm访问到data中的数据、methods中的方法。2. beforeDestory(): 做收尾工作, 如: 清除定时器。2. beforeDestory(): 做收尾工作, 如: 清除定时器。此时，1、页面呈现的是未经Vue编译的DOM结构。此时，1、页面呈现的是经过Vue编译的DOM结构。一、Vue生命周期函数是什么？
2023-03-13 23:20:08
121
原创 JavaScript数组方法整理
22. reduceRight() 功能和 reduce() 功能是一样的，不同的是 reduceRight() 从数组的末尾向前将数组中的数组项做累加。28. findIndex() 接收一个函数作为参数，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1。如果为负值，表示倒数。10. lastIndexOf() 返回在数组中搜索到的与给定参数相等的元素的索引里最大的值，没有则返回-1。20. filter() 对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组。
2023-03-13 20:30:29
77
原创 JavaScript的ES6规范新特性
新的原始类型为Symbol，在此之前，JS支持支持6种数据类型：Object，String，Boolean，Number，Null，Undefined。let和const关键字还有一个特性：“暂时性死区”，即在使用了该关键字的块级作用域中，其内部使用let和const关键字声明的变量与外部作用域中的变量相互隔绝，互不影响。他们声明的变量仅在let和const关键字所在的代码块内起作用，即在使用let和const的那一对大括号{}内起作用，也称块级作用域（ES6之前只有函数作用域和全局作用域）。
2023-03-13 12:55:17
677
原创 JavaScript的原型和原型链
原型对象也有原型，这样就构成了一条原型链，根据对象的复杂程度不同，原型链的长度也不同。直到找到Object对象的原型(Object的原型没有原型(null))p对象的原型链：p对象 -> 原型 -> 原型 -> null。在对象中有些值是对象独有的，像属性（name、age、gender）每个对象都应该有自己的值，obj对象的原型链:obj对象 -> 原型 -> null。如果对象中有,则使用,没有则去对象的原型中寻找。如果原型中有,则使用,没有则去原型的原型中找。也就意味着同类型对象的原型链是一样的。
2023-03-13 08:16:53
102
原创 Rest（REpresentational State Transfer）
传统的服务器需要做两件事情，第一个加载数据，第二个要将模型渲染进视图。- 分离以后，服务器只提供数据，一个服务器可以同时为多种客户端提供服务器。服务器只负责向客户端返回数据，渲染视图的工作由客户端自行完成。- 如果服务器直接返回html页面，那么服务器就只能为web端服务。同时将视图渲染的工作交给客户端以后，简化了服务器代码的编写。- 它的主要特点就是，服务器只返回数据（后端负责提供服务器，前端负责自己渲染页面）传统的服务器，服务器的结构时基于MVC模式(前后端不分离)M model -- 数据模型。
2023-03-12 17:03:55
76
原创 网络协议之UDP协议
无连接状态，TCP 需要在端系统中维护连接状态，连接状态包括接收和发送缓存、拥塞控制参数以及序号和确认号的参数，在 UDP 中没有这些参数，也没有发送缓存和接受缓存。在这几个场景中，使用UDP协议，无需建立连接，而TCP 在数据传输之前需要经过三次握手的操作，而 UDP 则无须任何准备即可进行数据传输，因此 UDP 没有建立连接的时延。UDP因为不保证向上层提供消息传递，且UDP层在发送后不会保留UDP消息状态，因此，在传输数据上，不靠谱，会有丢包的情况，前端最常用的网络协议中，应该就是UDP和TCP了。
2023-03-12 16:43:32
301
原创 前端监控笔记
手动代码埋点比较常见，需要调用埋点的业务方在需要采集数据的地方调用埋点的方法。这样的有点也带来了一些弊端，需要业务方来写死方法，如果采集方案变了，业务方也需要重新修改代码，重新发布。埋点，是网站分析的一种常用的数据采集方法。无埋点则是前端自动采集全部事件，上报埋点数据，由后端来过滤和计算出有用的数据，优点是前端只要加载埋点脚本。这种方式虽然没有前一种方式繁琐了，但是因为统计的是所有事件，所以还需要后期过滤出需要的数据。这种方式的灵活性很大，但是唯一的缺点就是工作量较大，每个需要监控的地方都得插入代码。
2023-03-12 15:36:04
285
原创 Git笔记
更强大的是使用git管理代码时，可以创建代码分支（branch），代码分支相当于一段独立的代码记录，我们可以在分支上对代码进行任意的修改，而这个修改只会影响当前分支，不会对其他分支产生影响。git在存储文件时，每一次代码的提交都会创建一个对应的节点，git就是通过一个一个的节点来基鲁代码的状态，节点会构成一个树状结构，树状结构就意味着这个树会存在分支，默认情况下仓库只有一个分支，命名为master。在使用git时，可以创建多个分支，分支与分支之间相互独立，在一个分支上修改代码不会影响其它的分支。
2023-03-12 11:33:45
109
原创 部署服务器
3、配置管理工具：Puppet和Chef是两款常用的配置管理工具，可以用于管理文件、用户和服务，以及执行安全策略。总的来说，远程部署是一个强大的工具，可以用于自动化服务器上的软件安装和配置。这可以通过更新服务器上的配置文件或使用像Puppet或Chef这样的配置管理工具来完成。使用远程部署有很多好处，包括一次将软件部署到多个服务器的能力，自动化流程的能力，以及在出现错误时回滚更改的能力。1）存储数据：存储各种目的的数据和文件：存储应用程序的数据、存储数据库的数据；一般来说，部署都是指远程部署，用于生产。
2023-03-11 22:54:55
2955
原创 Token：用户身份验证的令牌
存储的主要是一个用户 id，其他的用户信息都存储在服务器的 Session 中，而 Token 没有内存限制，用户信息可以存储 Token 中，返回给用户自行存储，因此可以看出，采用 Cookie 的话，由于所有用户都需要在服务器的 Session 中存储相对应的用户信息，所以如果用户量非常大，这对于服务器来说，将是非常大的性能压力，而Token 将用户信息返回给客户端各自存储，也就完全避开这个问题了。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回Token给前端。
2023-03-11 22:42:34
2429
原创 前端项目架构浅谈
设计架构内容，最好是可衡量的，可以数据化，这也是金融常说的，用数据说话，在前端架构设计这里，可以预估衡量带来的收益或者降低成本。2、节约未来的资金。1、人员的产值比，上市公司常用财务分析常用的一个因素，公司的员工是必要的人力成本，人越多，成本也就越高，人数固定时，如何提高公司的营收来提升人员的产值比；数据是当今最敏感和需要关注的因素，无论是项目设计、增减功能，最好都有数据来支撑，还有就是项目的收益数据、用户数据等，这些都是非常重要的因素。
2023-03-11 15:19:26
534
原创 一个网站/小程序/APP的开发过程
先有Idea，然后是系统开发（设计+编程+测试），然后是发布上线（把开发代码包安装部署到自己的服务器或者托管在托管平台）。小程序需要把小程序代码包提交到相应的小程序平台（微信、支付宝、字节跳动、百度等）审核上线。APP需要把开发的代码包提交到苹果或安卓的应用商店，在审核通过后发布。前端：网页开发、IOS安卓、安卓开发、小程序开发。网站需要做icp备案和公安备案。产品的推广+运营+服务器运维。
2023-03-11 14:54:04
275
原创 JavaScript系列001——JS中的遍历函数
2、every：遍历数组，返回值遇到false时遍历终止。6、findIndex:找到并返回元素索引。4、filter:过滤并返回新数组。5、find:找到并返回数组元素。7、some:是否存在某个元素。1、forEach:遍历数组。3、map：修改并返回新数组。8、flatMap:拉平数组。9、reduce:求和。
2023-03-11 11:51:02
214
原创 JavaScript系列002——理解JS事件循环
宏任务: script, setTimeout, setInterval, setImmediate, I/O, MutationObserve, UI rendering。微任务: process.nextTick, promise.then(), object.observe, MutationObserver。- 8 依次循环...(微队列 > 宏队列 > 微队列 > 宏队列)- 6 执行一次宏队列的任务,执行完毕。- 5 执行微队列,微队列执行完毕。- 7 执行微队列,执行完毕。
2023-03-11 11:42:02
52
原创 Vue系列001——Vue2&Vue3区别
但是这种 setup 函数的形式并不好，因为所有的逻辑都集中在 setup 函数中，很容易出现一个巨大的 setup 函数，我们把它叫做巨石（屎山）函数。但是这样的一种方式，在 Vue 的自动响应性机制中是不合理。所谓的运行时，大多数时候指的是 renderer 渲染器，渲染器本质上是一个对象，内部主要三个方法 render、hydrate、createApp ，其中 render 主要处理渲染逻辑，hydrate 主要处理服务端渲染逻辑，而 createApp 就是创建 vue 实例的方法。
2023-03-10 23:03:27
138
原创 CSS笔记——常见页面布局单词
40、垂直居中/上/下：vertical-align:middle/top/bottom。37、相对定位/绝对定位/固定定位：relative/absolute/fixed。45、实线/虚线/点虚线：solid/dashed/dotted。79、表格标题/主体/底部：thead/tbody/tfoot。50、块元素/行内块：block/inline-block。21、信息（message）/消息：msg、info。16、标题/副标题：title/sub_title。
2023-03-10 22:59:56
283
空空如也
PHPstudy的Apache无法启动
2022-06-02
TA创建的收藏夹 TA关注的收藏夹
TA关注的人