- 博客(85)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 【CSS】display：flex和display: inline-flex区别
此处虽然木有给父元素设置宽度，但是父元素默认会根据子元素的宽高去自适应。inline-flex：将对象作为内联块级弹性伸缩盒显示。此时没有为父元素main设置宽度，默认为100%；flex：将对象作为弹性伸缩盒显示。导致这个效果的根本原理还是。
2024-02-19 21:35:34
484
原创 【Vue】Vue3.0样式隔离
在这里记录一下Vue3.0里面的样式隔离特性，在项目开发过程当中，有时候将样式单独提到了一个文件当中再引入到单组件文件当中，会导致没有样式隔离。这里阅读找到了解决办法。
2024-01-29 18:12:25
673
原创 【Vue】手把手带你深入了解Vue3.0的渲染器
判断是否有节点需要移动，以及如何移动找到哪些需要被添加或者移除的节点简单Diff < 双端Diff < 快速Diff主要的根本原因是这三个Diff算法层层减少了移动DOM的操作，从而大大提高了性能。
2024-01-29 16:22:44
704
原创 【Rollup入门】初识Rollup
在官方文档当中提到了两种方式：1、全局安装Rollup，作为全局命令行工具使用；2、本地安装Rollup，配合。rollup会通过node去读取，整个文件都是。应用场景：编程式打包、扩展Rollup本身。形式，不能使用commonjs的形式去写。一起使用，同时，使用配置文件必须传递。的模块打包工具，提供一个充分利用。以上两种方式都需要配置文件。编写代码，然后将其编译回。配置文件支持语法提示。
2024-01-24 10:59:08
435
转载 【Npm】npx到底是干什么
上面代码中，cowsay hello | lolcatjs执行时会报错，原因是第一项cowsay由 npx 解释，而第二项命令localcatjs由 Shell 解释，但是lolcatjs并没有全局安装，所以报错。如果 npx 安装多个模块，默认情况下，所执行的命令之中，只有第一个可执行项会使用 npx 安装的模块，后面的可执行项还是会交给 Shell 解释。npm 生态系统越来越倾向于将工具安装为项目本地 devDependencies ，让每个项目独立管理工具的版本，而不是都是用全局安装的固定版本。
2024-01-19 16:43:15
215
原创 【Npm】一文了解透彻package.json里的script字段以及相关知识
在里面定义的scripts字段就是，它的每一个属性都对于一段脚本。// ...其中build命令对应的脚本就是，使用npm run命令，就可以执行。$ npm run build # 等同于执行 $ node build.js。
2024-01-18 16:52:24
2047
原创 【Rollup学习】验证Rollup的Tree Shaking特性
它是目前前端中很多构建工具都有的一个特性，主要是对我们一些并未使用到的代码进行剔除，让我们打包后的代码体积更小，包含最少的内容。你导入的代码，并将排除任何实际上没有使用的内容。主要的一个方式还是通过。AST抽象语法分析树。
2024-01-16 15:56:47
459
原创 【TypeScript】tsconfig.json文件到底是干啥的？作用是什么？
TypeScript使用文件作为其配置文件，当一个目录中存在 tsconfig.json 文件，则认为该目录为 TypeScript 项目的根目录。指定待编译文件定义编译选项。
2024-01-15 16:10:46
604
原创 【JavaScript】一文搞懂JavaScript当中晦涩难懂的类型转换
首先，检查对象上是否有 [Symbol.toPrimitive] 属性：有的话，调用此方法（属性），此方法的返回值即对象最终的转换值。没有的话，进入第二步。检查当前转换的 hint 值：如果为 ‘default’ / ‘number’：先调用对象的 valueOf 方法，如果方法返回的是一个基本类型值，则对象的转换结果就是这个返回值。否则，接着调用对象的 toString 方法。
2023-10-12 15:29:11
95
原创 【css】深入理解flex属性
flex-grow生效公式如下：可用空间 = 父元素width - 子元素flex-basis总和单位扩展空间 = 可用空间/子元素flex-grow总和元素的实际大小 = flex-basis + flex-grow*单位扩展空间flex-shrink生效公式如下：理想空间 = 所有子元素的（flex-basisflex-shrink）之和溢出空间 = 父元素容器的宽度 - 所有子元素的（flex-basis）之和。
2023-09-10 10:51:05
286
原创 【css】margin：auot什么情况下失效
上面说了在正常的文档流当中w3c默认规定margin-top和margin-right为0，所以实现不了垂直居中，只有绝对定位的元素才可以，意思就是绝对定位之后如果设置了margin：auto,那么margin-top和margin-right不再为0,而是auto，同时需要设置top,bottom,left,right为0来找到父元素的位置，然后margin：auto会找到父元素的位置开始自动计算，并分配好上下左右外边距，从而实现水平垂直居中！
2023-09-09 17:51:08
592
原创 【TypeScript】基础知识学习笔记
/ 定义普通函数类型// 定义箭头函数的参数类型和返回值// 接口定义函数add(1,2)TypeScript的类的定义和java当中类的定义一样，需要先声明属性，但是JS中可以直接使用constructor中this去直接指向实例对象来添加属性run() {}元组类型定义：是一个数量固定，元素可以类型不同的集合。好处：可以将多个元素作为一个单元传递// 当对arr数组进行重新赋值的时候如果超过了固定数量将会报语法提示，但是对于一些push方法都不会有语法错误提示。
2023-09-03 14:34:12
456
原创 【css】z-index与层叠上下文
z-index属性用来设置元素的堆叠顺序，使用z-index有一个大的前提：z-index所作用元素的样式列表中必须有position属性并且属性值为absolute、relative或fixed中的一个，否则z-index无效。
2023-09-01 11:59:55
475
原创 【webpack】HMR热更新原理
devServer启动会根据webpack.config.js配置文件去读取配置（主要是读取output.path配置），先去对文件进行打包编译，在编译之后不会将打包文件输出在dist目录下，而是存储在内存当中，保证了是挂在server的根路径一样的效果，随便去访问。之前，应用的加载、更新都是一个页面级别的操作，即使单个代码文件更新，整个页面都要刷新，才能拿到最新的代码同步到浏览器，导致会丢失之前在页面执行过程中的所有交互状态。客户端：根据更新的模块代码，去更新并执行依赖该模块的代码。
2023-08-31 16:57:07
1145
原创 【CSS】em单位的理解
它是相对于父元素的字体大小的一个单位。例如：父元素font-size：16px；子元素的font-size：2em（也就是32px）注：有一个误区，虽然他是一个相对单位，并且官方对它的解释是相对于父元素字体大小的一个单位，但是它是放在了文字属性里面，也就说只有子元素的font-size是起作用的，子元素的其他的属性是不相对于父元素的，而是相对于本身的font-size大小。
2023-08-27 17:03:33
525
原创 【Webpack】关于sourcemap那些事
由于我们使用webpack去打包文件会生成bundle.js文件，都是混淆在一起，代码可能是一个或者多个文件组成，当报错的时候无法去定位到错误信息。因此source-map记录了映射关系，可以帮助我们快速去定位问题。在webpack官网中有很多的配置，但也是基于以下五个去组合而成。source map：保存源代码映射关系的文件。服务器根据错误和source-map去分析定位。利用Express搭建服务器。
2023-08-25 10:53:59
402
原创 【Git】SSH到底是什么
默认位置在~/.ssh文件夹下，默认文件名为id_rsa，当第二次输入这个命令去生成SSH公钥的时候，可以修改公钥存储的位置或者是还是选择这个默认位置，选择默认位置的话，就需要去重写id_rsa文件，将我们新的公钥存储进去。后续的命令意思是需要你输入使用密钥的口令，类似于密码，如果需要的话就输入，输入之后，后续使用的时候都会让你输入口令，不需要就按回车。让团队里的每个人都有对仓库的有写的权限，但不能在服务器位每个人创建账户，SSH就是最好的选择。3、SSH不允许匿名的git账号去访问；
2023-08-17 15:19:15
521
原创 npm的相关知识
nvm是node.js版本管理工具(node.js version management。nrm是镜像源管理工具(npm registry manager)
2023-01-16 15:00:37
437
1
原创 【算法总结】
频繁的计算数组某个区间的和，例如：计算nums[i,j]这个区间和就是nums[i,j] = presum[j+1] - presum[i]频繁的对数组某个区间进行增加和减少。
2023-01-05 22:08:42
136
原创 【Vue3】学习：其他组合式Api、组合式Api优势和新组件
使用传统Options Api中，新增或者修改一个需求，就需要分别在data、methods、computed里修改。应用场景：不希望数据被修改，在组件拿到数据后不能被修改的场景可以用，确保一定没被修改。可以更加优雅的组织汪茂的代码，函数。让相关功能的代码更加有序的组织在一起。介绍：它是一种能够将我们的组件html结构移动到指定位置的技术。作用：等待异步组件渲染一些额外内容，让应用有更好的用户体验。好处：减少标签层级，减少内存占用。选项提供数据，子组件有一个。作用：实现祖孙组件间通信。
2022-10-25 12:18:47
516
原创 【计算机网络】常见的HTTP请求头和响应头
1、application/x-www-form-urlencoded：浏览器的。相当于是文件类型的意思。
2022-10-15 10:08:20
555
原创 【Js】数组扁平化——多种方法
递归的方法思路：类似于二叉树实现的两个思想1、遍历2、分解子问题// 第一种思想var bianpinghua = function(nums,res=[]) { if(!(nums instanceof Array)){ res.push(nums) return } nums.forEach((item)=>{ bianpinghua(item,res) }) return res;};console.log(bianping
2022-05-16 22:44:48
152
原创 【vue】vue封装echarts数据更新页面不重新渲染
问题在mounted中加载echart,在加载一次之后,父组件传过的数据变化,也不会再次引起渲染解决思路利用watch去监听数据的变化，当监听到变化时，让echarts去重新渲染 props: { value1: Object, value2: Object, title: { type: String, default: '' }, title1: { type: String, default: ''
2022-05-12 13:02:47
1703
2
原创 【vue】插槽的使用——复习
由于最近计设做完了，想优化一下项目，来提高vue的核心观念——组件化，避免重复造轮子，在项目中有些地方重复使用了form表单，而导致这样的原因是因为不同的表单，需要的按钮也不同，因此我的做法是将所有的按钮放到了父组件当中，这样导致了一个问题，就是我无法去触发最后对表单的一个校验提交，因此今天复习了一下插槽，提高了组件化。基本部分定义：插槽是为组件的封装者提供的能力，把不确定的内容，希望由用户指定的部分定义为插槽v-slot指令的使用：作用：将内容指定放入某个插槽中，必须使用在template和c
2022-05-10 15:57:50
828
5
原创 【js】前后端身份认证
前后端分离开发时，需要用到这个，再回头来复习一下，希望记录同时能够帮助到大家基础概念1、作用：确定当前请求数据的用户是否为真实的用户2、目前流行的开发模式：前后端分离开发、服务器渲染开发Session认证1、http协议的无状态管理：指的是客户端每次的http请求是独立的，连续多个请求之间没有直接关系，服务器不会主动的去保存每次http的请求状态2、为了突破http的无状态性的限制：采用cookie来解决，主要的核心思想‘会员卡认证机制’对于cookie的实现身份认证的举例讲解：它
2022-04-30 14:18:13
1505
原创 【Element-ui】表单验证的使用--详细讲解
总结一下表单验证的使用，如果后续还有骚操作会继续添加对有帮助的同学，希望三连一下，或者关注我，我们一起学习进步！！！自定义表单验证第一步：为form-item添加prop属性(prop属性值为校验规则的字段名)第二步：为form添加rules属性(rules属性值为校验规则)第三步：定义rules注：这里的rules必须定义在data里面的return里第四步：定义自己的校验规则注：这里的校验规则必须写在data里面的return的前面自己的项目代码案例：data () {
2022-04-19 22:15:10
907
原创 【数据库】存储过程的学习--手写笔记
存储过程最近在学习数据库，写博客方便自己随时查看，也希望可以帮助到有用的同学，如果喜欢的话一键三联！！！或者私聊我，一起学习定义：简单来讲，这个存储过程就是相对于java里面的类的方法，起到的作用就是方便随时调用，跟前面学习的视图功能差不多，以此来提高代码的复用特性：基本使用的语法格式：对它的调用：call 存储名案例使用：变量定义：局部变量：注意点：它是用户自定义的，只在begin和end之间有效语法格式：基本使用：提升：还可以用select语句为变
2022-04-13 17:06:12
265
1
原创 【js】重新学习js机制--手写笔记
js执行机制js的认识js是单线程的，单线程的意思：就是同一个时间，你只能做一件事情产生的原因：单线程的缺点：当任务量过大时，那么会导致程序一直等着前一个程序执行结束，会造成页面渲染阻塞，因此为了解决该问题产生了同步与异步机制同步与异步定义：特别要注意这里的异步任务有哪些常见的，这样对于代码的执行可以快速的分析出来执行过程案例：由于之后的发展，对于异步任务又进行了详细的划分，异步任务被分成俩类，一是宏任务，二是微任务宏任务与微任务定义：js的结构图：异步任务的执行
2022-04-11 21:05:19
350
2
原创 【页面效果】视觉滚动差
实现思路html结构 <div class="bg"> <span>hello</span> </div>css样式* { margin: 0; padding: 0;}body{ /* 200%窗口高度*/ height: 200vh;}.bg { height: 200vh; background-image: url('https://cube.elemecdn.com/6/94/4d3
2022-04-10 15:18:15
301
转载 【vue】Vue数据发生改变但页面却没有实时更新
问题的出现：由于想实现用户的增加，将其数据保存在本地，结果问题就来了。。。。。这里写篇记录一下，帮助有用的人问题：点击这里的编辑，将编辑完的用户数据存到数组中，然后将这里的值传给子组件的props属性，然后el-table去渲染，但是值改变后页面没有更新。。。。。这里给大家看看值：然后我看到一篇博客，去尝试监听解决，但是监听写了，发现数据有的监听不到，有的就可以，最后找到了解决办法。附上最后看到的博客：https://blog.csdn.net/daoxiaofei/article/de
2022-04-04 18:06:30
6165
原创 【vue】组件传值异步问题--子组件拿到数据较慢
问题的出现:之前写静态页面的时候，直接父向子传值，是直接能渲染出父组件给子组件的值，但是加上请求之后，就出现了一个问题，就是在组件创建和渲染完毕时，子组件的值才拿到，子组件并没有实时的更新模版（简直就是灾难始终慢我一步！！！）产生的原因：子组件中的created、mounted只执行一次，在父组件初始化时，已经给子组件传了一个空值，导致异步请求数据发生变化时，子组件的值不再变化。解决办法：就是让他没有发请求拿到数据时，不让他去创建子组件给它传值，因此给其加一个v-if指令来限制他是否能创建子组件，
2022-04-03 20:20:28
3071
4
空空如也
求大佬指点，不定义就无法出来结果，为何此处需要重新定义i？
2021-01-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人