前端基础
文章平均质量分 66
有关前端基础知识内容
Poggie
这个作者很懒,什么都没留下…
展开
-
模块化是怎样的
在前端开发中,模块化是一种将复杂程序分解为独立、可重用的模块的做法。每个模块都是一个独立的功能单元,它们可以包含自己的逻辑、状态和界面。模块化有助于提高代码的可维护性、可读性和可测试性,同时也是组件化的基础。原创 2024-03-05 20:45:41 · 355 阅读 · 0 评论 -
重绘和重排应该如何理解和避免
重绘和重排是浏览器渲染过程中的两个重要概念,它们都会影响页面的性能。原创 2024-03-05 20:15:21 · 422 阅读 · 0 评论 -
原始数据类型和引用数据类型
例如,`Object.prototype.toString.call([])`将返回`"[object Array]"`,`Object.prototype.toString.call({})`将返回`"[object Object]"`。例如,`typeof 1`将返回`"number"`,`typeof "hello"`将返回`"string"`。通过比较这个属性,也可以判断对象的类型。例如,如果有一个数组`arr`,`arr instanceof Array`将返回`true`。原创 2024-03-04 12:52:03 · 380 阅读 · 0 评论 -
this指向问题
在回调函数中,`this` 的指向取决于回调函数的调用方式。// 在浏览器中输出 window 对象。在全局作用域中,`this`指向全局对象(在浏览器中是`window`对象)。// 在浏览器中输出 window 对象。// 输出 obj 对象。// 输出 obj 对象。当使用`new`关键字调用构造函数时,`this`指向新创建的对象。在箭头函数中,`this`指向其上下文中的`this`。当直接调用一个普通函数时,`this`指向全局对象。当通过对象的方法调用时,`this`指向该对象。原创 2024-03-03 19:40:57 · 856 阅读 · 0 评论 -
对作用域链和原型链的理解
作用域链是指JavaScript在执行过程中创建的可执行上下文的链式结构。每个函数在执行时都会创建一个可执行上下文,其中包含了对外部词法环境的引用,这些引用串联起来,一直指向全局的词法环境,形成了作用域链。。原型链是JavaScript中实现对象继承的机制。每个构造函数都有一个prototype属性指向其原型对象,所有由该构造函数创建的对象都有一个内部属性[[Prototype]]指向这个原型对象。原创 2024-03-03 19:24:06 · 436 阅读 · 0 评论 -
在Vue中如何减少组件的重复渲染
v-if`是条件渲染指令,当条件不满足时,不会渲染DOM元素,而`v-show`只是简单地切换CSS的`display`属性,无论条件是否满足,DOM元素都会被渲染。对于不需要立即加载的组件,可以使用动态`import()`语法进行按需加载,这样只有在需要的时候才会加载组件,避免了首页加载不需要的组件,同时也能提升应用的加载速度。通过代码层面的优化,可以减少不必要的组件渲染次数。在开发过程中,注意观察和分析组件的渲染次数,避免不必要的渲染,比如可以在开发环境中使用Vue的开发者工具来检查和优化。原创 2024-03-03 18:56:50 · 659 阅读 · 0 评论 -
Vue2和Vue3中组件间通信有哪⼏种⽅式
这是最基本的通信方式,父组件通过props向子组件传递数据,子组件通过$emit触发事件与父组件通信。props是单向数据流,只能由父组件传递给子组件,而且子组件无法修改这些数据。如果需要双向绑定,可以使用v-model指令,它实际上是语法糖,结合了props和$emit。原创 2024-03-03 18:47:50 · 958 阅读 · 0 评论 -
怎样理解vue2和vue3里的双向数据绑定
在 Vue.js 中,双向数据绑定意味着当数据变化时,视图会自动更新;反之,当用户通过视图交互导致数据变化时,数据本身也会被更新。这种机制极大地简化了用户界面和数据之间的同步过程。原创 2024-03-03 18:16:45 · 413 阅读 · 0 评论 -
vue2和3各自的生命周期详解
Vue2和Vue3的生命周期有许多相似之处,但也存在着一些差异。原创 2024-03-03 17:58:00 · 426 阅读 · 0 评论 -
什么是MVC和MVVM
*MVC和MVVM是两种流行的软件架构模式,它们在前端开发中被广泛采用来组织代码和管理应用程序的复杂性**。原创 2024-03-03 17:03:09 · 520 阅读 · 0 评论 -
Vue的响应式原理是如何实现的
Vue的响应式原理主要**基于JavaScript的Object.defineProperty方法实现**。原创 2024-03-03 16:44:22 · 529 阅读 · 0 评论 -
vue是如何监听对象和数组变化的
Vue框架通过其响应式系统来监听对象和数组的变化。这个系统的核心在于追踪依赖关系,并在数据变化时通知所有依赖于该数据的观察者。原创 2024-03-03 16:23:47 · 856 阅读 · 0 评论 -
Vue中 computed 和 watch
在Vue框架中,computed和watch都用于响应数据的变化,但它们在使用上有着不同的侧重点和机制。原创 2024-03-03 16:01:50 · 539 阅读 · 0 评论 -
Http状态码里面的1xx/2xx/3xx/4xx/5xx主要应用场景
HTTP状态码是服务器对客户端请求的响应状态,1xx/2xx/3xx/4xx/5xx分别代表不同的响应状态。原创 2024-03-03 15:50:03 · 366 阅读 · 0 评论 -
为什么会出现跨域,有什么常见的解决方案
跨域问题的出现是因为浏览器的同源策略限制了Web页面脚本只能访问与自己同源的资源,即协议、域名和端口号都相同的资源。当一个网页试图访问不同源的资源时,就会遇到跨域问题。原创 2024-03-03 15:36:40 · 366 阅读 · 0 评论 -
什么是浏览器同源策略
浏览器同源策略是一种安全机制,用于限制一个网页的脚本与其他不同源的资源进行交互。这里的“源”指的是协议、域名和端口号,这三者必须完全一致。同源策略的主要目的是保证用户数据的安全性,防止恶意网站通过脚本获取用户在另一个网站上的敏感信息。例如,如果一个银行网站的脚本试图从一个不同源的网站上读取或发送数据,浏览器会阻止这种行为,因为它可能会暴露用户的财务信息。原创 2024-03-03 01:03:16 · 311 阅读 · 0 评论 -
访问⾸⻚的速度很慢,有哪些⽅法可以提⾼访问速度?
可以通过简化页面设计,减少页面中图片、样式表、JavaScript等组件的数量来降低HTTP请求次数。此外,合并文件也是一个有效的方法,即将所有脚本或样式表文件合并为一个文件,和使用图片精灵以减少请求的数量。原创 2024-03-03 00:38:12 · 398 阅读 · 0 评论 -
JavaScript中的引用数据类型
JavaScript中常用的引用数据类型包括Object类型,Array类型,Date类型,RegExp类型,Math类型,Function类型;基本数据类型包括Boolean,Number,String,Undefined,Null和Symbol类型等。比如Object类型常用的实例函数和静态函数,比较重要的filter(),reduce(),map()函数。Array类型常用的filter(),reduce(),map()等函数,Array常见的算法等。Date类型常见的日期格式化,日期计算等。原创 2024-02-28 18:19:47 · 346 阅读 · 0 评论 -
JavaScript中的switch语句
若符合哪个条件,则执行相应的语句,并break跳出switch语句;若都不符合则执行默认的statement语句,并结束switch语句。原创 2024-02-20 20:10:06 · 320 阅读 · 0 评论 -
toString()与valueOf()函数
所有引用类型都拥有这两个函数,解决值的显示和运算问题。原创 2024-02-20 17:50:48 · 303 阅读 · 0 评论 -
JavaScript中的运算符
在Java、C等强类型语言中,一个变量在使用前必须声明变量类型,所以在比较时无需判断变量类型,只需要有双等于==即可。对象类型(用valueOf()和toString()转换为基本数据类型) == 基本数据类型。通过new操作符得到的基本数据类型的包装类型对象(new Boolean(true))对象字面量、数组、通过new操作符实例化后的对象(除Function)、null、Boolean类型(转换数值) == 数值 == 字符串(转换数值)NaN、无穷大、无穷小、数值类型包装类型。原创 2024-02-20 17:16:27 · 336 阅读 · 0 评论 -
JavaScript中的String类型详解
与String()函数采用一样的类型转换策略,最后返回一个String类型对象的实例。原创 2024-02-20 15:21:30 · 368 阅读 · 0 评论 -
Number类型详解
2. 若转换为NaN,则调用toString(),再按照对象类型的规则进行转换;1. 调用valueOf()返回原始值,按照对应类型的规则进行转换;3. 若有确定的Number类型返回值则返回;解析一个字符串并返回指定基数对应的整数值。解析一个字符串并返回对应的浮点数。按照上述类型进行相应转换。4. 否则返回NaN。原创 2024-02-20 14:43:29 · 343 阅读 · 0 评论 -
JavaScript重点概念
Undefined类型只有一个唯一的字面量undefined,表示一个变量不存在。Null类型只有一个唯一的字面量null,表示一个空指针对象。Undefined类型派生自Null类型,所以在非严格相等情况下,两者相等。两种类型转换为Boolean类型的值时,都会转换为false。原创 2024-02-20 13:42:40 · 311 阅读 · 0 评论 -
CSS中的盒模型
总是全局设置border-box,以便得到预期的元素大小。避免明确设置元素的高度,以免出现溢出问题。使用现代的布局技术,比如display: table或者Flexbox实现列等高或者垂直居中内容。如果外边距的行为很奇怪,就采取措施防止外边距折叠。使用猫头鹰选择器全局设置堆叠元素之间的外边距。原创 2024-01-25 00:31:04 · 850 阅读 · 0 评论 -
CSS中的相对单位——长度和视口相对单位
提示:如果知道字号的像素值,但是想用em声明,可以用一个简单的公式换算:用想要的像素大小除以父级(继承)的像素字号。对大多浏览器而言,默认字号大小为16px。准确地说,medium关键字的值是16px。当视口大小变化时,元素大小会逐渐过渡,而不是在某个断点突然改变。但是在视口越来越大或者越来越小之后,元素大小会出现极端情况,不能很好适应视口。calc()函数内可以对两个及其以上的值进行基本运算。在根节点用calc()设置字号可以使得不用媒体查询就实现了大部分的响应式策略。原创 2024-01-20 22:03:35 · 947 阅读 · 0 评论 -
CSS中的Cascade——层叠
控制选择器的优先级不要混淆层叠和继承继承的一般是与文本、列表、表格相关的部分属性不要混淆initial和auto,auto只是某些属性的默认值,比如width简写属性注意顺时针方向和笛卡尔坐标系方向。原创 2024-01-16 13:09:24 · 860 阅读 · 1 评论 -
CSS初级阶段
严格来讲,CSS不是编程语言,却要求抽象思维。它不是纯粹的设计工具,却要求创造力。 尽管了解一些“小技巧”或者具体的实现方式很有用,真正掌握CSS却需要理解这些实践背后的原理,一知半解不能让人走得更远,需要不断深入了解。原创 2024-01-14 22:35:41 · 370 阅读 · 1 评论 -
JQuery
B站Pink老师的jQuery部分。原创 2022-10-12 15:41:31 · 283 阅读 · 0 评论 -
JavaScript--BOM部分
来自B站pink老师的前端自学笔记原创 2022-09-21 17:07:48 · 184 阅读 · 0 评论 -
JavaScript--DOM
pink老师的JS部分,主要是DOM的特点原创 2022-09-15 20:26:27 · 158 阅读 · 0 评论 -
HTML5和CSS3新增
来自pink老师,有关CSS和HTML新增的内容原创 2022-09-13 16:37:24 · 119 阅读 · 0 评论 -
CSS初级
来源pink老师,自学笔记原创 2022-09-11 10:48:37 · 79 阅读 · 0 评论 -
前端:HTML
HTML,自学B站pink老师的视频原创 2022-09-06 16:45:37 · 113 阅读 · 0 评论 -
Angular
学习前端的第一周,从Angular开始,使用Vs code原创 2022-07-22 16:56:46 · 4201 阅读 · 0 评论