摘要: 一、WXSS (WeiXin Style Sheets) WXSS (WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 WXSS 用来决定 WXML 的组件应该怎么显示。 为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性。同时为了更适合开发微信小程 阅读全文
posted @ 2023-04-27 08:33 张果 阅读(2661) 评论(0) 推荐(6) 编辑
摘要: 一、整体认识小程序框架 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScrip 阅读全文
posted @ 2023-04-19 16:19 张果 阅读(747) 评论(0) 推荐(4) 编辑
摘要: 一、概要 小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。 微信小程序是腾讯于2017年1月9日推出的一种不需要下载安装即可在微信平 阅读全文
posted @ 2023-04-18 11:40 张果 阅读(837) 评论(0) 推荐(1) 编辑
摘要: 一、样式与布局 1.1、创建ReactNative项目 React Native 有一个内置的命令行界面,你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它,而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目:npx n 阅读全文
posted @ 2023-04-04 09:09 张果 阅读(544) 评论(0) 推荐(3) 编辑
摘要: 一、概要 1.1、跨平台开发技术 在移动端开发项目中。开发资源不够时,同时由两个团队维护安卓和IOS两套原生APP是成本很高的。此时,就需要选择一个同时支持多平台的客户端开发框架,能够使用一套代码,编译出多平台的APP。 这样一方面能够缩减开发人数,节省开发成本。另一方面由于代码统一,避免了不同平台 阅读全文
posted @ 2023-03-30 09:58 张果 阅读(1658) 评论(0) 推荐(6) 编辑
摘要: react管理状态的工具: 1、利用hooks进行状态管理; 2、利用Redux进行状态管理,这种方式的配套工具比较齐全,可以自定义各种中间件; 3、利用Mobx进行状态管理,它通过透明的函数响应式编程使得状态管理变得简单和可扩展。 2013 年 5 月 React 诞生。但 2015 年之前,大概 阅读全文
posted @ 2023-03-23 08:50 张果 阅读(1042) 评论(0) 推荐(7) 编辑
摘要: 写这篇文章的目的是为了学习React Native开发打基础,能够更好的运行、测试原生应用,带来比模拟器更好的体验。 WSA(适用于Windows的Android™️子系统),全称Windows Subsystem for Android,它能够让你在Windows 11系统中安装和使用Androi 阅读全文
posted @ 2023-03-13 09:55 张果 阅读(2210) 评论(1) 推荐(7) 编辑
摘要: 一、列表和keys 1.1、Lists and Keys (列表和键) 首先,我们回顾一下在javascript中怎么去变换列表。 下面了的代码,我们用到了数组函数的map方法来实现数组的每一个值变成它的2倍,同时返回一个新数组,最后打印出了这个数组: const numbers = [1,2,3, 阅读全文
posted @ 2023-03-09 16:34 张果 阅读(806) 评论(0) 推荐(11) 编辑
摘要: 一、JSX 1.1、什么是JSX? JSX = JavaScript XML,这是React官方发明的一种JS语法(糖) 概念:JSX是 JavaScript XML(HTML)的缩写,表示在 JS 代码中书写 HTML 结构 设想如下变量声明: const element = <h1>Hello, 阅读全文
posted @ 2023-02-28 09:29 张果 阅读(1516) 评论(0) 推荐(11) 编辑
摘要: 一、概要 React是用于构建用户界面的MVVM框架。 1.1、介绍 React 是 Facebook 开发的一款 JavaScript 库,而 React 被建造是因为 Facebook 认为市场上所有的 JavaScript MVC 框架都不能满足他们的扩展需求, 由于他们非常巨大的代码库和庞大 阅读全文
posted @ 2023-02-27 08:16 张果 阅读(1584) 评论(0) 推荐(11) 编辑
摘要: 一、vite 1.1、概要 Vite(法语意为 "快速的",发音 /vit/,发音同 "veet")是一种新型前端构建工具,能够显著提升前端开发体验。它主要由两部分组成: 一个开发服务器,它基于 原生 ES 模块 提供了 丰富的内建功能,如速度快到惊人的 模块热更新(HMR)。 一套构建指令,它使用 阅读全文
posted @ 2022-12-17 08:46 张果 阅读(6071) 评论(0) 推荐(7) 编辑
摘要: 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 fu 阅读全文
posted @ 2022-11-23 08:34 张果 阅读(2046) 评论(0) 推荐(7) 编辑
摘要: 一、JWT概要 1.0、认证方式 1.0.1、基于Session的认证 基于session认证所显露的问题: Session: 每个用户经过我们的应用认证之后,我们的应用都要在服务端做一次记录,以方便用户下次请求的鉴别,通常而言session都是保存在内存中,而随着认证用户的增多,服务端的开销会明显 阅读全文
posted @ 2022-11-17 10:51 张果 阅读(2766) 评论(0) 推荐(7) 编辑
摘要: 第一章: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 阅读全文
posted @ 2022-11-11 10:09 张果 阅读(3149) 评论(0) 推荐(8) 编辑
摘要: 一、前端路由的概念与原理 1.1. 什么是路由 路由(英文:router)就是对应关系。 1.2. SPA 与前端路由 SPA 指的是一个 web 网站只有唯一的一个 HTML 页面,所有组件的展示与切换都在这唯一的一个页面内完成。 此时,不同组件之间的切换需要通过前端路由来实现。 结论:在 SPA 阅读全文
posted @ 2022-11-11 08:38 张果 阅读(3919) 评论(0) 推荐(9) 编辑
摘要: 一、组件 如果我们将一个页面中所有的处理逻辑全部放在一起,处理起来就会变得非常复杂,而且不利于后续的管理以及扩展,但如果,我们将一个页面拆分成一个个小的功能块,每个功能块完成属于自己这部分独立的功能,那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后,就可以像搭建积木一下来搭 阅读全文
posted @ 2022-11-02 14:51 张果 阅读(2330) 评论(0) 推荐(18) 编辑
摘要: 一、模板语法 Vue 使用一种基于 HTML 的模板语法,使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML,可以被符合规范的浏览器和 HTML 解析器解析。 在底层机制中,Vue 会将模板编译成高度优化的 JavaScript 代码。结合 阅读全文
posted @ 2022-10-26 14:57 张果 阅读(2510) 评论(0) 推荐(20) 编辑
摘要: 一、常用 Composition API 官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 组合式 API (Composition API) 是一系列 API 的集合,使我们可以使用函数而不是声明选项的方式书 阅读全文
posted @ 2022-10-19 14:59 张果 阅读(3688) 评论(0) 推荐(19) 编辑
摘要: 一、类型type 1.1、定义 Type又叫类型别名(type alias),作用是给一个类型起一个新名字,不仅支持interface定义的对象结构,还支持基本类型、联合类型、交叉类型、元组等任何你需要手写的类型。 type Num = number; // 基本类型 type StringOrNu 阅读全文
posted @ 2022-09-29 15:53 张果 阅读(659) 评论(0) 推荐(7) 编辑
摘要: 一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束。库是工具,在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC(Model View Controller) MVC的核心理念是:你应该把管理数据的代码(Model)、 阅读全文
posted @ 2022-09-26 16:17 张果 阅读(3453) 评论(0) 推荐(17) 编辑
摘要: 一、编译选项与配置文件 自动编译文件 编译文件时,使用 -w 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。 示例: tsc xxx.ts -w 自动编译整个项目 如果直接使用tsc指令,则可以自动将当前项目下的所有ts文件编译为js文件。 但是能直接使用tsc命令的 阅读全文
posted @ 2022-09-26 14:57 张果 阅读(1567) 评论(0) 推荐(12) 编辑
摘要: 一、原始数据类型基本使用 TypeScript中拥有更多的类型,如下表所示: 类型例子描述 number 1, -33, 2.5 任意数字 string 'hi', "hi", hi 任意字符串 boolean true、false 布尔值true或false 字面量 其本身 限制变量的值就是该字面 阅读全文
posted @ 2022-09-21 14:21 张果 阅读(976) 评论(0) 推荐(15) 编辑
摘要: 一、TypeScript概要 TypeScript是一种由微软开发的自由和开源的编程语言,它是JavaScript的一个超集,扩展了JavaScript的语法,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格,C#的首席架构师,工作于TypeScript的开发。 官 阅读全文
posted @ 2022-09-21 09:30 张果 阅读(884) 评论(0) 推荐(24) 编辑
摘要: 一、MongoDB MongoDB是开源,高性能的NoSQL数据库;支持索引、集群、复制和故障转移、各种语言的驱动程序丰富;高伸缩性;MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和 阅读全文
posted @ 2022-09-16 08:55 张果 阅读(1437) 评论(0) 推荐(14) 编辑
摘要: 一、Node.js模块化 1.0、变量作用域 (1)、在浏览器端使用var或不使用关键字定义的变量属于全局作用域,也就是可以使用window对象访问。 <script> var a = 100; (function () { b = 200; })(); console.log(window.a, 阅读全文
posted @ 2022-09-05 08:25 张果 阅读(1497) 评论(0) 推荐(17) 编辑
AmazingCounters.com