博客园 - 张果
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=188606
2024-03-29T03:54:12Z
张果
https://www.cnblogs.com/best/
feed.cnblogs.com
https://www.cnblogs.com/best/p/17354973.html
微信小程序开发学习笔记(三)——WXSS、WXS(WeiXin Script)、生命周期 - 张果
一、WXSS (WeiXin Style Sheets) WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程
2023-04-27T00:33:00Z
2023-04-27T00:33:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、WXSS (WeiXin Style Sheets) WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程 <a href="https://www.cnblogs.com/best/p/17354973.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17325821.html
微信小程序开发学习笔记(二)——小程序框架、组件、WXML - 张果
一、整体认识小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScrip
2023-04-19T08:19:00Z
2023-04-19T08:19:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、整体认识小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScrip <a href="https://www.cnblogs.com/best/p/17325821.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17324677.html
微信小程序开发学习笔记(一)——概要、安装开发环境与第一个小程序 - 张果
一、概要 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平
2023-04-18T03:40:00Z
2023-04-18T03:40:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、概要 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平 <a href="https://www.cnblogs.com/best/p/17324677.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17272814.html
React Native学习笔记(三)—— 样式、布局与核心组件 - 张果
一、样式与布局 1.1、创建ReactNative项目 React Native 有一个内置的命令行界面,你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它,而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目:npx n
2023-04-04T01:09:00Z
2023-04-04T01:09:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、样式与布局 1.1、创建ReactNative项目 React Native 有一个内置的命令行界面,你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它,而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目:npx n <a href="https://www.cnblogs.com/best/p/17272814.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17270201.html
React Native学习笔记(二)—— 概要、开发环境搭建、第一个React Navite程序 - 张果
一、概要 1.1、跨平台开发技术 在移动端开发项目中。开发资源不够时,同时由两个团队维护安卓和IOS两套原生APP是成本很高的。此时,就需要选择一个同时支持多平台的客户端开发框架,能够使用一套代码,编译出多平台的APP。 这样一方面能够缩减开发人数,节省开发成本。另一方面由于代码统一,避免了不同平台
2023-03-30T01:58:00Z
2023-03-30T01:58:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、概要 1.1、跨平台开发技术 在移动端开发项目中。开发资源不够时,同时由两个团队维护安卓和IOS两套原生APP是成本很高的。此时,就需要选择一个同时支持多平台的客户端开发框架,能够使用一套代码,编译出多平台的APP。 这样一方面能够缩减开发人数,节省开发成本。另一方面由于代码统一,避免了不同平台 <a href="https://www.cnblogs.com/best/p/17270201.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17238735.html
React学习笔记(四)—— 组件通信与状态管理、Hooks、Redux、Mobx - 张果
react管理状态的工具: 1、利用hooks进行状态管理; 2、利用Redux进行状态管理,这种方式的配套工具比较齐全,可以自定义各种中间件; 3、利用Mobx进行状态管理,它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前,大概
2023-03-23T00:50:00Z
2023-03-23T00:50:00Z
张果
https://www.cnblogs.com/best/
【摘要】react管理状态的工具: 1、利用hooks进行状态管理; 2、利用Redux进行状态管理,这种方式的配套工具比较齐全,可以自定义各种中间件; 3、利用Mobx进行状态管理,它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前,大概 <a href="https://www.cnblogs.com/best/p/17238735.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17208876.html
React Native学习笔记(一)—— Win10 Win11安卓子系统的安装与使用 - Windows Subsystem for Android - WSA - 张果
写这篇文章的目的是为了学习React Native开发打基础,能够更好的运行、测试原生应用,带来比模拟器更好的体验。 WSA(适用于Windows的Android™️子系统),全称Windows Subsystem for Android,它能够让你在Windows 11系统中安装和使用Androi
2023-03-13T01:55:00Z
2023-03-13T01:55:00Z
张果
https://www.cnblogs.com/best/
【摘要】写这篇文章的目的是为了学习React Native开发打基础,能够更好的运行、测试原生应用,带来比模拟器更好的体验。 WSA(适用于Windows的Android™️子系统),全称Windows Subsystem for Android,它能够让你在Windows 11系统中安装和使用Androi <a href="https://www.cnblogs.com/best/p/17208876.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17152046.html
React学习笔记(三)—— 组件高级 - 张果
一、列表和keys 1.1、Lists and Keys (列表和键) 首先,我们回顾一下在javascript中怎么去变换列表。 下面了的代码,我们用到了数组函数的map方法来实现数组的每一个值变成它的2倍,同时返回一个新数组,最后打印出了这个数组: const numbers = [1,2,3,
2023-03-09T08:34:00Z
2023-03-09T08:34:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、列表和keys 1.1、Lists and Keys (列表和键) 首先,我们回顾一下在javascript中怎么去变换列表。 下面了的代码,我们用到了数组函数的map方法来实现数组的每一个值变成它的2倍,同时返回一个新数组,最后打印出了这个数组: const numbers = [1,2,3, <a href="https://www.cnblogs.com/best/p/17152046.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/17098929.html
React学习笔记(二)—— JSX、组件与生命周期 - 张果
一、JSX 1.1、什么是JSX? JSX = JavaScript XML,这是React官方发明的一种JS语法(糖) 概念:JSX是 JavaScript XML(HTML)的缩写,表示在 JS 代码中书写 HTML 结构 设想如下变量声明: const element = <h1>Hello,
2023-02-28T01:29:00Z
2023-02-28T01:29:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、JSX 1.1、什么是JSX? JSX = JavaScript XML,这是React官方发明的一种JS语法(糖) 概念:JSX是 JavaScript XML(HTML)的缩写,表示在 JS 代码中书写 HTML 结构 设想如下变量声明: const element = <h1>Hello, <a href="https://www.cnblogs.com/best/p/17098929.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16992998.html
React学习笔记(一)—— React快速入门 - 张果
一、概要 React是用于构建用户界面的MVVM框架。 1.1、介绍 React 是 Facebook 开发的一款 JavaScript 库,而 React 被建造是因为 Facebook 认为市场上所有的 JavaScript MVC 框架都不能满足他们的扩展需求, 由于他们非常巨大的代码库和庞大
2023-02-27T00:16:00Z
2023-02-27T00:16:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、概要 React是用于构建用户界面的MVVM框架。 1.1、介绍 React 是 Facebook 开发的一款 JavaScript 库,而 React 被建造是因为 Facebook 认为市场上所有的 JavaScript MVC 框架都不能满足他们的扩展需求, 由于他们非常巨大的代码库和庞大 <a href="https://www.cnblogs.com/best/p/16992998.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16952146.html
Vue3学习笔记(八)—— Vite、ESLint - 张果
一、vite 1.1、概要 Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用
2022-12-17T00:46:00Z
2022-12-17T00:46:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、vite 1.1、概要 Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 <a href="https://www.cnblogs.com/best/p/16952146.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16906357.html
Vue3学习笔记(七)—— 状态管理、Vuex、Pinia - 张果
一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 fu
2022-11-23T00:34:00Z
2022-11-23T00:34:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 fu <a href="https://www.cnblogs.com/best/p/16906357.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16895150.html
SpringBoot学习笔记(八)——JWT、(Vue3、Axios、Vue-Router、TypeScript实现授权与验证示例) - 张果
一、JWT概要 1.0、认证方式 1.0.1、基于Session的认证 基于session认证所显露的问题: Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显
2022-11-17T02:51:00Z
2022-11-17T02:51:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、JWT概要 1.0、认证方式 1.0.1、基于Session的认证 基于session认证所显露的问题: Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显 <a href="https://www.cnblogs.com/best/p/16895150.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16879696.html
Vue3学习笔记(六)—— 作业 - 张果
第一章:Vue 3.0 概述 1、选择题 1.1、在MVVM设计模式中,Model代表的是_______。 A. 数据模型 B. 控制器 C. 视图 D、监听模型 1.2、在Vue中挂载点是在_______文件中定义的。 A. main.js B. App.vue C. index.vue D、in
2022-11-11T02:09:00Z
2022-11-11T02:09:00Z
张果
https://www.cnblogs.com/best/
【摘要】第一章:Vue 3.0 概述 1、选择题 1.1、在MVVM设计模式中,Model代表的是_______。 A. 数据模型 B. 控制器 C. 视图 D、监听模型 1.2、在Vue中挂载点是在_______文件中定义的。 A. main.js B. App.vue C. index.vue D、in <a href="https://www.cnblogs.com/best/p/16879696.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16870187.html
Vue3学习笔记(五)——路由,Router - 张果
一、前端路由的概念与原理 1.1. 什么是路由 路由(英文:router)就是对应关系。 1.2. SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA
2022-11-11T00:38:00Z
2022-11-11T00:38:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、前端路由的概念与原理 1.1. 什么是路由 路由(英文:router)就是对应关系。 1.2. SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA <a href="https://www.cnblogs.com/best/p/16870187.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16847621.html
Vue3学习笔记(四)——组件、插槽、生命周期、Hooks - 张果
一、组件 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后,就可以像搭建积木一下来搭
2022-11-02T06:51:00Z
2022-11-02T06:51:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、组件 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后,就可以像搭建积木一下来搭 <a href="https://www.cnblogs.com/best/p/16847621.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16824776.html
Vue3学习笔记(三)——模板语法、Class 与 Style 、ES6新增数组方法、UI库介绍 - 张果
一、模板语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合
2022-10-26T06:57:00Z
2022-10-26T06:57:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、模板语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合 <a href="https://www.cnblogs.com/best/p/16824776.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16798724.html
Vue3学习笔记(二)——组合式API(Composition API) - 张果
一、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书
2022-10-19T06:59:00Z
2022-10-19T06:59:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书 <a href="https://www.cnblogs.com/best/p/16798724.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16472778.html
TypeScript学习笔记(四)—— TypeScript提高 - 张果
一、类型type 1.1、定义 Type又叫类型别名(type alias),作用是给一个类型起一个新名字,不仅支持interface定义的对象结构,还支持基本类型、联合类型、交叉类型、元组等任何你需要手写的类型。 type Num = number; // 基本类型 type StringOrNu
2022-09-29T07:53:00Z
2022-09-29T07:53:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、类型type 1.1、定义 Type又叫类型别名(type alias),作用是给一个类型起一个新名字,不仅支持interface定义的对象结构,还支持基本类型、联合类型、交叉类型、元组等任何你需要手写的类型。 type Num = number; // 基本类型 type StringOrNu <a href="https://www.cnblogs.com/best/p/16472778.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/best/p/16710344.html
Vue3学习笔记(一)——MVC与vue3概要、模板、数据绑定与综合示例 - 张果
一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、
2022-09-26T08:17:00Z
2022-09-26T08:17:00Z
张果
https://www.cnblogs.com/best/
【摘要】一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、 <a href="https://www.cnblogs.com/best/p/16710344.html" target="_blank">阅读全文</a>