随笔分类 - 前端学习笔记
整理自己在学习前端每一个技术分支的知识心得等
摘要：一、编程语言的类型 动态类型语言 静态类型语言 二、Typescript究竟是什么 Javascript that scales Javascript的超集 静态类型风格的类型系统 从es6到es10甚至是esnext的语法支持 兼容各种浏览器，各种系统，各种服务器，完全开源 三、官网 typesc
阅读全文
摘要：####uni-app的基本使用 基础部分： 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件的使用 uni-app中样式学习 在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件 导航跳转 组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui
阅读全文
摘要：Actions 相当于组件中的 methods。 actions 可以是异步的，您可以在其中await 任何 API 调用甚至其他操作！
阅读全文
摘要：Getter 完全等同于 Store 状态的 计算值。 Getters 只是幕后的 computed 属性，因此无法向它们传递任何参数。 但是，您可以从 getter 返回一个函数以接受任何参数。
阅读全文
摘要：可以通过 store 实例访问状态来直接读取和写入状态。 可以通过调用 store 上的 $reset() 方法将状态 重置 到其初始值。 可以使用 mapWritableState()写入这些状态属性。
阅读全文
摘要：Store 是使用 defineStore() 定义的，并且它需要一个唯一名称，作为第一个参数传递。 这个 name，也称为 id，是必要的。
阅读全文
摘要：pinia是Vue3.0中可以替代Vuex的更好的状态管理工具。 中文文档地址：https://pinia.web3doc.top/
阅读全文
摘要：我自己实现的QuasarPC端、平板、mobile端响应式仿京东Demo：https://github.com/66Web/quasar-jdDemo 参考资料：Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source Vue.js
阅读全文
摘要：我们不会详细介绍如何配置或使用 Vuex，因为它有很好的文档。相反，我们只会向您展示在 Quasar 项目中使用文件夹结构时的样子 警告：Vue 团队弃用了 Vuex，转而支持Pinia。
阅读全文
摘要：一个应用程序插件是一个简单的JavaScript文件，需要导出一个函数。 当启动应用程序时，Quasar将调用导出的函数，并将具有以下属性的一个对象传递给该函数。
阅读全文
摘要：quasar.conf.js会导出一个函数，该函数接受ctx(context)参数并返回一个对象。这使您可以根据此上下文动态更改您的网站/应用配置。quasar指南地址 V2版本是quasar.config.js。quasar V2英文教程地址。
阅读全文
摘要：启动文件实现了一个特殊的目的：它们在应用程序的Vue根组件被实例化之前运行代码，同时允许您访问某些变量，如果需要初始化库、干预Vue路由器、注入Vue原型或注入Vue应用程序的根实例。 中文教程地址
阅读全文
摘要：中文教程地址 一、常规资源 vs 静态资源 二、资源处理规则 三、Vue仅绑定所需的静态资源 请注意，无论什么时候您将“src”绑定到Vue范围内的变量，此变量必须是来自静态文件夹。 原因很简单：URL是动态的，所以Webpack（它在编译时打包资源）不知道在运行时将引用哪个文件，所以它不会处理UR
阅读全文
摘要：Quasar指南组件文档地址：http://v0-16.quasarchs.com/guide/app-quasar.conf.js.html#devServer属性 quasar-play 官方Demo地址：https://github.com/quasarframework/quasar-pla
阅读全文
摘要：出现的问题 Quasar的版本更新过很多版本，对node.js的版本要求是不一样的。每次执行创建目录的命令都让执行替代命令，然后执行过以后，仍然创建不了目录 解决方法： 1.在中文教程的QuasarV2升级篇中特别说明了对node、npm、yarn的要求 2.执行安装命令（确保安装的是最新版本@la
阅读全文
摘要：文章来自不饿不饿不饿的掘金博客 对于这两个框架我都分别用来写过不大不小的项目, 所以对比还算客观, 因为我是推荐用 quasar 的, 所以我先从一定不会选 quasar 的场景开始 不选 quasar 的场景 有开发小程序需求 对于只想一套代码就能有不错的原生 app, 这里提一句, 对于 app
阅读全文
摘要：前言：本文学习摘要自掘金作者愣锤的博文 一、列表进入详情页的传参问题 <router-link :to="{path: 'detail', query: {id: 1}}">前往detail页面</router-link> http://localhost:8080/#/detail?id=1，可以
阅读全文
摘要：这篇主要介绍《webpack详细配置》。（demo代码github地址） 知识点包括： webpack详细配置之entry webpack详细配置之output webpack详细配置之module webpack详细配置之resolve webpack详细配置之devserver webpack详
阅读全文
摘要：这篇主要介绍《webpack优化环境配置（下）》。（demo代码github地址） 知识点包括： 懒加载和预加载 懒加载 预加载 PWA（离线可访问） 多进程打包 externals DLL（动态链接库） 一、懒加载和预加载 懒加载 懒加载就是，在实际项目中，某个.js文件，还没有用到，此时不进行加
阅读全文
摘要：这篇主要介绍《webpack优化环境配置（中）》。（demo代码github地址） 知识点包括： tree shaking code split（代码分割） 第一种方法 第二种方法 第三种方法 一、tree shaking 1、复制上一篇的生产环境缓存工程文件。然后重命名。 tree shaking
阅读全文
