12 2021 档案
摘要:
前端发展百花放,一技未熟百技出。未知何处去下手,关注小编胜百书。 我是前端人,关注小编,分享更多前端相关知识! 平安夜一个人?圣诞一个人? 跨年还是一个人吗? 没事,关注小编,每个节日让小编陪你一起度过! 有些前端同学特别爱问一个问题:前端现在有什么最新的技术栈吗? 突然想起自己刚毕业的时候,只会制
阅读全文

摘要:
前端发展百花放,一技未熟百技出。未知何处去下手,关注小编胜百书。 我是前端人,专注分享前端内容! 本篇文章主要是,使用 vite 创建一个vue3 项目,实践 vie-router4 vuex4 结合 componsition API 的使用。目的是让未接触过 vue3 的同学快速上手。 一、vue
阅读全文

摘要:身在西安的小编被疫情搞慌了,不管你在不在西安,希望大家能够做好自我保护! 我是一名前端程序媛,也是一个萌妹子,在 2021 与 2022 跨年之际,我要给自己做一个 2021 年终总结,希望更加明确自己 2022 新年目标! 年终总结对自己是非常重要,不仅可以找出这一年值得肯定的东西,对自己有个交代
阅读全文
摘要:
要想成为一个高级前端工程师,很多人的答案都是:学习,不断地学习。 学习肯定是要学的,但是我们要怎么学习呢? 学习方式还是挺多的,我更推荐大家多看看比自己水平高的人,写的代码。遇到没见过的内容就立即学习学习。下面就给大家看看,我们为什么要看别人的代码! 场景1:数组拼接 let arr1 = [ a,
阅读全文

摘要:
公司开发大型项目时,为了快速开发,往往会选择一个合适的 ui 框架进行开发,ui 框架最大的优点就是能够大大节省开发时间。 所以在开发项目之前,我们需要先了解功能需求,考虑使用的 ui 框架,是否都能满足功能需要,比如制作移动端的项目,不能选择一个PC端的 UI 框架。 所以我们需要熟悉一些 ui
阅读全文

摘要:
之前写的关于 vue3 的文章,好多人吐槽:这些API每次使用都要引入一遍,感觉有点麻烦。 今天我们就来看看 vue3 相比 vue2 的优点有些啥? 为啥有些人说:自从写了 ts vue3 再也回不到 vue2 啦! vue3 到底哪里好?有的人回不到 vue2,而有的人去不了vue3!喜欢的点赞
阅读全文

摘要:
mockjs作用就是,生成随机模拟数据,拦截 ajax 请求,可以对数据进行增删改查。在生成数据时,我们就需要能够熟练使用 mock.js 的语法。 Mockjs 的语法规范包括两部分:数据模板定义规范和数据占位符定义规范。 一、数据模板定义规范 数据模板中的每个属性组成有:属性名、生成规则、属
阅读全文

摘要:
使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ pl
阅读全文

摘要:
众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注! 1、createApp vue2 和 vue3 在创建实例时,有很大的区别,具体对比如下: //Vue 2 Vue.use({ router, store,
阅读全文

摘要:问题描述: 使用 reactive 包装数组响应式失效。 或: reactive 使用时响应式失效。我们通过 reactive 定义一个响应式数组,网络请求返回的数据,赋值给数组之后,页面上的数据并没有更新。 具体的代码: const arr = reactive([]); const load =
阅读全文
摘要:为什么推荐使用 hash 模式? 创建项目时,vue-router 默认使用 hash 模式,设置模式的时候到底该使用hash还是history模式呢? 先了解它们的实现原理,搞清楚之间的区别,就知道什么时候该选择什么模式了。 一、实现原理 hash 原理 hash 是通过监听浏览器 onhashc
阅读全文
摘要:
高阶函数是什么呢? 高阶函数英文名叫:Higher Order function ,一个函数可以接收一个或多个函数作为输入,或者输出一个函数,至少满足上述条件之一的函数,叫做高阶函数。 前言 本篇内容的知识点比较多,讲得不够细致,不熟悉的可翻阅前几篇文章,分别对每个知识点都有一篇特别详细的文章。建议
阅读全文
