前端
文章平均质量分 89
秋の本名
程序一定有Bug
展开
-
了不起的 TypeScript 入门教程
想学习 TypeScript 的小伙伴看过来,本文将带你一步步学习 TypeScript 入门相关的十四个知识点,详细的内容大纲请看下图:TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。原创 2024-05-03 00:30:00 · 1013 阅读 · 0 评论 -
微信小程序 【关键部分】
***/nickName: '', // 昵称account: '', // 账号avatar: { // 头像small: '',large: ''},title: 'student', // 头衔phoneNumber: 0, // 电话号码gender: 'secret', // 性别'class': '' // 班级} else {/*** 仍旧调用原始的 Page 方法*/options,// 执行开发者期望的 onload 事件。原创 2024-05-02 08:15:00 · 1094 阅读 · 0 评论 -
2023最火的前端开源项目
前端一直都是开源项目的热门领域,太多耳熟能详的名字:react、vue、bootstrap。对于前端领域每年都有新人来,今年同样不例外。今天我们推荐的就是2023年最火的前端开源项目,目前在GitHub已超过44K Star,它就是:shadcn-ui。原创 2024-04-30 07:30:00 · 1706 阅读 · 0 评论 -
Vue3 新项目,没必要再用 Pinia 了!
最近弄了一个新的 Vue3 项目,页面不多,其中有三四个页面需要共享状态,我几乎条件反射般地安装了Pinia来做状态管理。后来一想,我只需要一个仓库,存放几个状态而已,有必要单独接一套 Pinia 吗?其实不需要,我差点忘记了 Vue3 的一个重要特性,那就是组合式函数。组合式 API 大家都知道,组合式函数可能大家没有特别留意。但是它功能强大,足矣实现全局状态管理。原创 2024-05-01 08:15:00 · 322 阅读 · 0 评论 -
学历或履历不好,如何进大厂
评判一个公司是否是大厂,有很多方法或角度,可以从市值、营收及利润,和大家聊一聊。以下是目前中国市值排名前十的互联网公司名单。阿里的市值不仅被腾讯拉开差距,还被拼多多无限接近,并曾被短暂反超;理想是大厂名单中的新面孔,它曾不被看好,现在已是一家千亿营收的公司;快手消失了,它上市后,市值一度超过2000亿美元,现在只剩200多亿美元;滴滴也不见了,去年营收接近2000亿元,并首次实现年度盈利,但退市后一直没上市;字节跳动还没上市,没有公开的财务信息,不在讨论之列。原创 2024-04-28 18:45:00 · 597 阅读 · 0 评论 -
JWT(JSON Web Token) 原理介绍
JWT 是 JSON Web Token 的缩写,是一种开放标准(RFC 7519),即基于 JSON 对象的编码,并通过这个编码传递信息。JWT 会通过 HMAC、RSA、ECDSA 等算法进行加密。通常利用 JWT 来对用户进行验证,也就是说用户会先请求身份凭证服务器拿到该JWT,然后,只要用户携带这个 JWT 向业务服务器请求资源,如果这个 JWT 是有效的,那么就能获取资源。原创 2024-04-28 08:15:00 · 825 阅读 · 0 评论 -
登录效验token无感知刷新
在前后端分离的应用中,使用token进行交互验证是一种比较常见的方式。但是,由于token的有效期限制,需要不断地刷新token,否则会导致用户认证失败。无感知刷新Token是指在Token过期之前,系统自动使用Refresh Token获取新的Access Token,从而实现Token的无感知刷新,用户可以无缝继续使用应用。如何判断token是否过期?如何在token过期时,自动使用Refresh Token获取新的Access Token?Refresh Token安全性?原创 2024-04-27 10:38:28 · 455 阅读 · 0 评论 -
为什么 React 比 Vue 难?你不知道的前端简史!
习惯面向对象的后端攻城狮不习惯 React 的泛函编程习惯关注点分离的前端程序猿不习惯 React JSX 的关注点不分离选择更多的 React 生态导致 React 初学者选择困难React 是库不是框架,转嫁成本要求用户像框架一样使用库中文爱好者或“英语笨蛋”背诵 React 文档难度较高本期话题是 ——你觉得 React vs Vue 谁更难,难在哪里?欢迎在本文下方自由言论,文明共享。仅供参考!!如有抄袭请告知!!原创 2024-04-26 19:50:47 · 852 阅读 · 0 评论 -
uniapp 项目开发经验总结
总结 uniapp 多端项目三个月开发维护的经验,遇到并解决了什么困难,收获了什么。Andorid: H5、微信 H5、AppiOS: H5、微信 H5、App。原创 2024-04-09 20:33:00 · 845 阅读 · 0 评论 -
前端面试题【笔记】
块级元素在页面上占据一个块(矩形)的空间。从新的一行开始,并且在垂直方向上占据尽可能多的可用空间。宽度和高度可以设置。可以包含其他块级或内联级元素。divph1ultable内联级元素在行内占据一个空间,不换行。与文本一起流动,并且不会占据其自己的行。通常用于文本、链接和图像。宽度和高度不能直接设置,但可以通过字体大小和内边距等属性间接影响。spanaimginput区别特征块级元素内联级元素显示从新的一行开始,占据块状空间在行内占据空间,不换行宽度和高度可以设置。原创 2024-04-01 19:36:10 · 833 阅读 · 0 评论 -
【Vue3】el-table 组件二次封装,看这一篇就够了
然而,数据的 key 作为列名的情况很少(至少在我们这里,一般是使用中文作为列名的),这就需要我们使用可定制的列名,并且,如果我们不想展示某些字段,上面的写法也是做不到的(它会显示数据的所有字段)。这时候,我们只需要一个映射(mapper)就可以解决这些问题。该对象的每一个属性对应每一列的 prop、key,值对应列的列名 label。javascript。原创 2024-02-28 06:45:00 · 2517 阅读 · 0 评论 -
10 分钟了解 nextTick ,并实现简易版的 nextTick
nextTick简单的说,nextTick方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。它的出现主要是为了解决 Vue 的异步更新导致的 DOM 更新后的操作问题。在 Vue 中,数据的变化会触发重新渲染 DOM,但实际上,Vue 的数据更新是异步的。也就是说,当我们修改了 Vue 实例的数据后,并不会立即进行 DOM 更新,而是在下一个事件循环中才会进行。原创 2024-02-22 22:45:00 · 1772 阅读 · 0 评论 -
浅谈柯里化
柯里化可以让我们给一个函数传递较少的参数得到一个记住某些固定参数的新函数这是对函数的一种“缓存”使函数变得更加灵活、颗粒度更小可以把多元函数转换成一元函数,可以组合使用函数产生更强的功能仅供参考!!!原创 2024-02-24 12:30:00 · 842 阅读 · 0 评论 -
初探Web客户端追踪技术
当我们首次浏览网站时,在网页的下方位置经常会出现提示,询问是否允许使用 Cookie 来提供服务和流量。为了不被挡住浏览的内容,我们经常会下意识地点击“接受”,然后继续浏览。看似无害而有害增强你在这个网站上的体验的操作,然而很多人没有意识到,当你点下按钮后,网站会塞给你一块饼干(Cookie),接着用这个饼干来换取你的相关信息,甚至能追踪你在网站上的足迹。例如你在当前页面语言选择了“中文”,那么下次再进入到这个网站时,会默认帮你选择“中文”语言。原创 2024-02-23 21:30:00 · 887 阅读 · 0 评论 -
JS高频面试题(下)
在线上的各种环境中(开发、测试、生产)环境一般是不会有跨域问题的,因为服务器和前端资源一般是会部署在同一个域的服务器下的,但是也有端口或者不同域的情况,这些时候往往都是后端去利用CORS来处理的跨域问题。所以我们往往会有这样的需求,在静态文件的src后面添加一个时间戳,获取在打包的时候动态的生成带有hash值的文件名,这样可以阻止浏览器缓存,使用户获取到最新的文件,使用到最新的功能。(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",拿到队列的第一个任务,进入执行栈,开始执行。原创 2024-01-24 22:42:57 · 821 阅读 · 0 评论 -
JS高频面试题(上)
数据封装类对象:Object、Array、Boolean、Number、String其他对象:Function、Arguments、Math、Date、RegExp、ErrorES6新增对象:Symbol(标识唯一性的ID)、Map、Set、Promises、Proxy、Reflect。原创 2024-01-24 18:45:00 · 1091 阅读 · 0 评论 -
工程化&代码管理高频面试题
在模块化开发过程中往往会将各种不同类型的文件都看做是模块来进行互相导入导出,比如将图片、css、sass之类的文件都可以导入到js文件中,但是在打包的过程中需要将这些文件都寻找到然后单独的分离出去,这样就需要用到对应的loader来进行文件处理,不同的文件、不同的loader,处理方式也不一样。scss只是sass的一个语言版本,.scss文件的特点是层级靠{}来区分,.sass文件的特点的层级靠缩进来区分。在webpack中可以通过多入口的配置,每个入口都会去查询对应的依赖关系图,进行单独的代码。原创 2024-01-23 21:30:00 · 2147 阅读 · 0 评论 -
javascript基础(H5面试题)
并且构建 CSSOM 树是一个十分消耗性能的过程,所以应该尽量保证层级扁平,减少过度层叠,越是具体的 CSS 选择器,执行速度越慢。回流所需的成本比重绘高的多,改变深层次的节点很可能导致父节点的一系列回流。段落用 p 标签,标题用 h 系列标签,边栏用 aside 标签,主要内容用 main 标签。纯表现的元素:basefont,big,center,font, s,strike,tt,u。HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。原创 2024-01-23 17:14:39 · 773 阅读 · 0 评论 -
比较全面的前端开发面试问题及答案整理
box-sizing属性主要用来控制元素的盒模型的解析模式。默认值是content-box。content-box:让元素维持W3C的标准盒模型。元素的宽度/高度由border + padding + content的宽度/高度决定,设置width/height属性指的是content部分的宽/高border-box:让元素维持IE传统盒模型(IE6以下版本和IE6~7的怪异模式)。原创 2024-01-21 09:15:00 · 1765 阅读 · 0 评论 -
前端面试题汇总大全(含答案)-- 持续更新
有两种, IE 盒子模型、W3C 盒子模型;盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);区 别: IE 的 content 部分把 border 和 padding 计算了进去;闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包常见方式,就是在一个函数的内部创建另一个函数使用闭包主要为了设计私有的方法和变量,闭包的优点是可以避免变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。原创 2024-01-19 20:15:00 · 3035 阅读 · 0 评论 -
前端秋本名学习笔记
Ps:吸管工具(取色)、矩形选框工具(量宽高、alt键-区域、shift键+区域、ctrl+c复制、ctrl+n新建、ctrl+v粘贴)、标尺(ctrl+r显示标尺、托参考线、移动工具托回去、视图菜单清除)、图层中的小眼睛(显示隐藏)、放大(alt+滚轮)、选择工具(用于选择图层、勾上自动选择)、文件(导出→web所有格式)、切片工具(选中多个切图)、字体工具(psd中直接查看文字大小、字体类型)、编辑-首选项-增效工具-启动生成器、文件-生成-图像资源、蓝湖。原创 2024-01-15 08:19:45 · 1054 阅读 · 0 评论 -
前端基础知识整理汇总(下)
在 React 中,render 执行的结果得到的并不是真正的 DOM 节点,而是轻量级的 JavaScript 对象,我们称之为 virtual DOM。它通过JS的Object对象模拟DOM中的节点,然后再通过特定的render方法将其渲染成真实的DOM节点。虚拟 DOM 是 React 的一大亮点,具有batching(批处理) 和高效的 Diff 算法。batching 把所有的 DOM 操作搜集起来,一次性提交给真实的 DOM。原创 2024-01-14 19:00:00 · 911 阅读 · 0 评论