前端
文章平均质量分 56
被前端耽误的全能选手
这个作者很懒,什么都没留下…
展开
-
手写 Axios 源码(使用 TypeScript)
Axios 是一个流行的基于 Promise 的 JavaScript HTTP 客户端,用于在浏览器和 Node.js 中发送 HTTP 请求。本文将引导您使用 TypeScript 手写 Axios 的简化版本,以帮助您更好地理解其内部工作原理。这段代码是一个使用TypeScript编写的简化版Axios类。Axios是一个流行的HTTP请求库,用于在浏览器和Node.js中发送HTTP请求。* 发起一个HTTP请求* @param config 请求配置。原创 2023-05-20 21:45:49 · 233 阅读 · 0 评论 -
ES6 基础
本文将介绍 JavaScript ES6 的基础知识,重点关注数组、对象、字符串和函数的新增方法。我们将提供示例代码来演示这些方法的使用。原创 2023-05-17 21:55:28 · 80 阅读 · 0 评论 -
虚拟dom跟Diff算法
虚拟 DOM(Virtual Document Object Model)是指将 DOM 结构抽象成 JavaScript 对象树,在这个虚拟的 JavaScript 对象树上进行操作和计算,最终再将变化的部分渲染到真实的 DOM 上。虚拟 DOM 的优点是可以最小化对真实 DOM 的操作,减少浏览器的重排和重绘,提高渲染性能和用户体验。code {其中type表示标签名,props表示属性和子元素。Diff 算法是虚拟 DOM 中用来比较两个虚拟 DOM 树之间的差异的算法。原创 2023-05-14 22:38:44 · 475 阅读 · 0 评论 -
前端ssr跟ssg的区别
前端SSR(Server-side Rendering)与SSG(Static Site Generation)是两种不同的技术,用于提高网站性能和用户体验。原创 2023-02-06 16:36:14 · 4508 阅读 · 3 评论 -
vue模糊查询
vue当中第一种方案:(不推荐)/* templeta */<div id="app-4"> <input type="text" @input="handleInput"> <ul> <li v-for="pika in pikachu">{{pika}}</li> </ul></div>/* script */<script>var app4 = new Vue({原创 2020-11-20 21:01:21 · 573 阅读 · 0 评论 -
js深拷贝和浅拷贝
请说说你理解的JS中的深克隆和浅克隆?区别:浅拷贝:只复制指向某个对象的指针,而不复制对象本身,新旧对象还是共享同一块内存。把一个对象赋值给一个新的变量时,赋的其实是该对象的在栈中的地址,而不是堆中的数据。也就是两个对象指向的是同一个存储空间,无论哪个对象发生改变,其实都是改变的存储空间的内容,两个对象是联动的。深拷贝:会另外创造一个一模一样的对象,新对象跟原对象不共享内存,修改新对象不会改到原对象。实现:深拷贝基础版(递归):<script>function deepCopy.原创 2020-11-20 16:07:18 · 85 阅读 · 0 评论 -
JavaScript中map和set
MapMap是一组键值对的结构,具有极快的查找速度。举个例子,假设要根据同学的名字查找对应的成绩,如果用Array实现,需要两个Array:var names = [‘Michael’, ‘Bob’, ‘Tracy’];var scores = [95, 75, 85];给定一个名字,要查找对应的成绩,就先要在names中找到对应的位置,再从scores取出对应的成绩,Array越长,耗时越长。如果用Map实现,只需要一个“名字”-“成绩”的对照表,直接根据名字查找成绩,无论这个表有多大,查找速原创 2020-11-19 18:55:00 · 109 阅读 · 0 评论 -
JavaScript对象
JavaScript对象JavaScript对象有:array(数组)Boolean (布尔)date(日期),math(算数),number,string(字符串),regexp(正则),这些都是内置对象一个对象有属性跟方法Date 对象:Date 对象用于处理日期与时间。创建 Date 对象: new Date().以下四种方法同样可以创建 Date 对象:var d =new Date();var d =new Date(milli...原创 2020-11-19 18:53:02 · 106 阅读 · 0 评论 -
JavaScript快速入门
JavaScript字符串:由于多行字符串用\n写起来比较费事,所以最新的ES6标准新增了一种多行字符串的表示方法,用反引号 * … * 表示:这是一个 多行 字符串;注意:反引号在键盘的ESC下方,数字键1的左边:toUpperCasetoUpperCase()把一个字符串全部变为大写:var s = ‘Hello’;s.toUpperCase(); // 返回’HELLO’toLowerCasetoLowerCase()把一个字符串全部变为小写:var s = ‘Hello’;va原创 2020-11-19 18:52:21 · 88 阅读 · 0 评论 -
vue入门
基本使用引入vue.js创建Vue对象, 指定选项对象el : 指定dom标签容器的选择器data : 指定初始化状态属性数据的对象对象/函数(返回一个对象)页面中使用v-model: 实现双向数据绑定使用{{}} ; 显示数据Vue对象的选项el指定dom标签容器的选择器Vue就会管理对应的标签及其子标签data指定初始化状态属性数据的对象vue对象可以直接访问其属性页面中可以直接访问使用methods包含多个方法的对象供页面中的事件指令来绑定回调回调函数默认有ev原创 2020-11-19 18:51:13 · 169 阅读 · 0 评论 -
快速入门vue
vue优点体积小\更高的运行效率\双向数据绑生态丰富\学习成本低vue数据的双向绑定v-modelvue强制数据绑定,用于a标签的href属性v-bind例子v-bind:href=“liaok”注:简化写法直接 : :=v-bind例子 :href=“liaok”绑定事件监听v-on用法<button v-on:click="方法">学习vue</button>简化<button @click="方法">学习vue</button原创 2020-11-19 10:41:47 · 106 阅读 · 0 评论 -
学习
需不需要学习技术是困扰很多入行产品经理的一个问题。问这个问题的人其实知道学是最好的,但是他们又不想学,所以才会问要不要学习技术,这反映了他内心的纠结,知道要学习的不会问这个问题,感觉不要学习的也不会问这个问题,只有纠结的人才会问这个问题。那产品经理要不要学习技术?本文不仅告诉你要不要学,同时还将要学习的技术通俗易懂的解释给你。产品经理要不要学习技术1、如果你把自己定位一个打工仔,那么你了解一些技术皮毛,然后工作中遇到不懂得技术点,去和程序员交流,去查阅相关资料,随着工作经验的积累,你对技术的理解能力也会原创 2020-11-11 19:36:11 · 198 阅读 · 1 评论 -
前端复习 css(一)
如果我们把HTML比喻成一个人那么css就是化妆技术,HTML+css就是一个人掌握了美貌可想而知css是多么的重要下面我们一起复习css基础知识标签之间的关系祖先元素:直接或间接包含后代元素的元素。后代元素:直接或间接被祖先元素包含的元素。父元素:直接包含子元素的元素。子元素:直接被父元素包含的元素。兄弟元素:拥有相同父元素的元素。meta标签属性补充使用前提:目前几乎所有的搜索引擎都使用网络机器人自动查找页面中meta值来给网页分类使用场景1<meta name="keyw原创 2020-10-13 18:03:14 · 133 阅读 · 0 评论 -
前端复习 html (二)
上面我们介绍了HTML的基本标签,这一次我们来复习一下HTML常用标签图像标签img语义:用来展示一张图片属性src:文件的路径titl:鼠标悬停时显示的内容4alt:当图片加载不出来时的替代文本路径路径又分为相对路径和绝对路径相对路径:不需要写盘符,直接从当前工程开始找指定的文件,如(image/itlike.png)绝对路径:需要写盘符,从指定盘符路径加载文件,如(d:/HtmlProject/image/itlike.png)./:表示当前路径…/:相对路径表示上一级超链接原创 2020-10-12 18:25:37 · 104 阅读 · 0 评论