- 博客(16)
- 收藏
- 关注
RSS订阅原创 promise与async/await详解
Promise原型上的方法：then 方法用来处理 Promise 成功返回的结果，而 catch 方法用来处理 Promise 出错或被拒绝的情况，不管Promise 成功还是失败都会触发finally方法。使用 async 关键字声明一个函数是异步的，await 关键字暂停异步函数的执行，等待 Promise 的响应，两个命令必须成对出现，否则会报错。async/await 是基于Promises的更高层次的抽象，是ES7的写法，使得异步操作的写法更加接近同步操作（异步处理同步化）。
2024-11-11 18:32:00
302
原创 箭头函数和普通函数的区别
箭头函数没有属于自己的this指向和arguments对象，它会继承外层作用域的this值和arguments对象，而普通函数是有自己的this值和arguments对象；箭头函数的语法相对于普通函数更加简洁。箭头函数可以使用箭头（=>）来定义，省略了function关键字和花括号，可以直接定义函数的参数和返回值。箭头函数不能用作构造函数，不能通过new关键字来实例化对象。apply、call、bind方法可以改变普通函数this指向，但是不能改变箭头函数this指向。
2024-10-21 22:46:01
309
原创 前端判断数据类型的方法哪些
适合用于判断 , 特别的是: 会返回 、 返回 、其余 都返回 可以用于判断引用数据的类型, 同时可判断 判断简单数据类型不能以字面量的形式创建，否则返回值为false；可以通过new关键字去创建简单数据类型；不能判断null和undefined 可用于基本类型、引用类型, 但是不可判断 、, 并且无法判断 万能方法, 对于 中所有类型都能够识别出来, 唯一不足的可能是无法判断
2024-10-16 21:24:01
941
原创 webpack
webpack是一种前端资源构建工具，它是一个静态模块打包器（module bundler）。 当webpack处理应用程序时，它会递归地构建一个依赖关系图，这个依赖图映射到项目所需的每个模块，然后将所有这些模块打包成一个或多个bundle。webpack可以将多种静态资源（如js、css、less）转换成一个静态文件，减少页面的请求，提高加载速率。。
2024-10-12 20:48:04
482
原创 常见git命令
git pull [remote] [branch]: 拉取远程分支并合并到本地分支。git push [remote] [branch]: 将本地分支推送到远程仓库。git checkout – [file]: 恢复文件到最近一次提交的状态。git rebase [branch]: 将当前分支变基到指定分支。git merge [branch]: 合并指定分支到当前分支。git checkout [branch]: 切换到指定分支。git clone [url]: 克隆远程仓库到本地。
2024-10-06 23:01:15
286
原创 H5和Css3有什么新特性
HTML5引入了一些新的表单元素和属性，如<input>元素的新类型（如email、url、tel、search、number等）、<datalist>元素、<output>元素等，以及新的表单属性（如required、autocomplete、pattern等），使得表单的功能和用户体验得到了提升。HTML5新增语义化的标签主要有：<header>、<footer>、<section>、<nav>、<aside>、<article>等，这些标签在开发过程中能够更清晰的描述网页的结构和内容。
2024-10-03 18:52:05
1235
原创 Angular和Vue的区别
：采用组件化的开发方式，将应用程序拆分为多个独立的组件，提倡视图(View)、逻辑(ViewModel)和数据(Model)的分离，便于维护和测试。：也支持双向绑定，但可能需要更多代码来实现，并使用了管道机制在模板中处理数据，这在处理复杂数据转换时非常有用。用法v-model。：学习曲线较陡峭，需要掌握TypeScript和Angular的特定概念，相对复杂，需要花费更多时间和精力进行学习。：包含了大量的功能和特性，更适合于大型复杂的应用程序开发，但可能在一些小型项目中显得过于庞大。
2024-10-02 21:58:00
1248
原创 cookie,sessionStorage,localStorage的区别
localStorage和sessionStorage唯一的差别一个是永久保存在浏览器里面，一个是关闭网页就清除了信息。localStorage可以用来夸页面传递参数，sessionStorage用来保存一些临时的数据，防止用户刷新页面之后丢失了一些参数。从安全性来说，因为每次http请求都会携带cookie信息，这样无形中浪费了带宽，所以cookie应该尽可能少的使用，另外cookie还需要指定作用域，不可以跨域调用（当前页面只能读取页面所在域的。其他情况下，可以使用storage，就用storage。
2024-10-02 21:37:59
401
原创 什么是跨域？
同源策略是浏览器的安全策略，同源策略是浏览器为了保护用户隐私和安全而实施的一种安全措施。它限制了前端代码对跨域资源的访问，从而防止恶意网站利用前端代码获取用户的敏感信息或进行其他恶意行为。因此，同源策略可以视为浏览器对前端开发人员的一种安全限制，以保护用户免受潜在的网络攻击同源的定义包括协议（例如 http 和 https）、域名和端口号，只有在这三者都相同的情况下，两个页面才被认为是同源的。
2024-10-02 21:29:23
1028
原创 ES6有哪些新特性
reduce()方法可以应用的场景特别多，循环遍历能做的，reduce都可以做，比如数组求和、数组求积、统计数组中元素出现的次数、数组去重等等。// 输出：[1, 5, 9, 3, 7, 10, 4, 2]let [n,,m] = arr //如果不想要某个值，可以省略，n='apple',m='happy'// 输出：['c', 'h', 'i', 'n', 'a']console.log(1, ...[2, 3, 4], 5);// 输出：[0, 1, 2, 3, 4, 5]
2024-10-01 17:46:23
3113
原创 实现响应式布局有哪些方法
响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够。
2024-09-30 17:45:42
920
原创 vue3中computed计算属性和watch监听的异同点
在Vue 3中，computed和watch都是用于响应式地处理数据变化的工具，但它们有一些重要的异同点。
2024-09-30 17:25:35
342
原创 防抖和节流（详解） 使用场景和区别
防抖策略（debounce）是当事件被触发后，延迟n秒后再执行回调，如果在这n秒内事件又被触发，则重新计时。作用： 高频率触发的事件，在指定的单位时间内，只响应最后一次，如果在指定的时间内再次触发，则重新计算时间。防抖的应用场景登录、发短信等按钮避免用户点击太快，以致于发送了多次请求，需要防抖调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多，此时需要一次到位，就用到了防抖文本编辑器实时保存，搜索框搜索时，当无任何更改操作n秒后进行查询// 防抖函数let timer;
2024-09-30 17:22:42
467
原创 JS常见操作数组和字符串的方法
/ 使用reverse()后对数组进行反序即[2, 9, 7, 5, 6]// [0,1,3,4,5,6];// 使用sort()后对数组进行升序即 [2, 5, 6, 7, 9]//slice(n,m) 不修改原数组,n,m>0时,截取数组正数n之后到正数m的数据，否则将倒数截取；//输出结果为 [2, 9, 7, 5, 6]//输出结果为 [2, 5, 6, 7, 9]// 返回 [6, 9, 17, 22, 50]
2024-09-30 17:14:14
1030
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人