1.配置 windows10+vscode+npm+typescript ： 1.安装全局npm >npm install typescript -g 2.初始化npm配置 >tsc --init 3.把.ts编译成.js (注意：找对代编译文件的位置如.\src\ts\**.ts) >tsc **.ts > tsc TypeScript Compile windows下这句可以不用，用tsc --init 初始化，否则报如下错误： error TS62

一、前端(架构)发展史 最初，前端是没有架构的，因为功能简单的代码没有架构可言。通过操作DOM就能完成的工作，不需要复杂的设计模式和代码管理机制，也就不需要架构来支撑起应用。前端开发的发展历史分为以下几个阶段： ● 古典时期。由后端渲染出前端 HTML，用 Table 布局，用 CSS 进行简单的辅助。 ● 动效时期。前端开始编写一些简单的 JavaScript 脚本来做动画效果，如轮播广告。 ● Ajax 异步通信时期。2005年，Google 在诸多 Web 应用中使用了异步通信技术如

分析： tsc -v 这个命令主要是查看typescript编译器的版本号的， 也可以用于检查typescript是否安装好了？是否正常？ 1.如果没有安装的话，就去安装 可以使用   npm ls typescript 查看本地是否安装typescript 或者 npm ls typescript -g 全局查看是否安装typescript   2.如果已经安装过，还是报这个错。可能是环境变量没有配置好。重头检查一下。 下面是具体

一 、什么是 TypeScript TypeScript 是静态编程语言 , 是 JavaScript 的超集 简而言之：JavaScript 有的 TypeScript 都有。JavaScript 写的代码在 TypeScript 的环境下都能跑。 TypeScript 中添加了类型支持。TypeScript =Type+ JavaScript TypeScript 解决了 JavaScript 语言本身的局限性，使用 TypeScript 其能够更好胜任开发大型项目 二

Vue3 的官方文档中大致介绍了这三种全局API。但是我看完过后，对于一些点还是处于一个比较懵逼的状态，于是自己去查阅了一些资料以及手写代码去尝试，才渐渐领悟了过来。 在看官方文档期间，我把自己在脑海中疑惑的问题整理了一下，然后写在了这篇文章中，并从网上和实践中去找寻到了一些答案。 咱们先来看文档中对于这三个全局API的介绍： 先来看下 defineComponent 文档中第一句话很容易看懂，说白了就是从实现上看，用了或者跟不用这个api没多大区别~~但是呢，第二句话说的好像

1.TypeScript优势   （跟JS相比较） 更早(写代码的同时)发现错误，减少找BUG，改BUG时间，提升开发效率。 程序中任何位置的代码都有代码提示，随时随地的安全感，增强了开发体验。 强大的类型系统提升了代码的可维护性，使得重构代码更加容易。 支持最新的ECMAScript语法，优先体验最新的语法，让你走在前端技术的最前沿。 TS类型推断机制，不需要在代码中的每个地方都显示标注类型，让你在享受优势的同时，尽量降低了成本。 除此之外，Vue3源码使用TS重写，Angular默认支

第一次做vue3的项目的时候，从网上找了一个现成的框架进行开发，刚开始开发使用element-plus的时候，我直接把ui代码粘贴进我的项目中，发现代码报错，错误如下： Compiled with problems: ERROR in ./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true (./node_modules/vue-loader/dist/template

本文总结以下几种前端页面路由的跳转方式： 第一种方式：navigate; 第二种方式：window.open; 第三种方式：document.getElementById("a标签id").click(); 第四种方式：routerLink; 1.navigate 【说明】：navigate的效果是在当前页面直接跳转至指定路由，当前页面会被覆盖掉，而且不会对跳转后的页面数据进行刷新，也就是说，跳转后的页面显示的还是旧数据。 假设指定需要跳转的目标路由是“/class/student”。

老规矩，效果图放前面，满足需求接着往下看。 加载模型 模型加载方式为primitive，利用矩阵设置世界坐标，modelMatrix，包含位置方向，在此基础上可以做到物体位移。 let Primitive: Cesium.Primitive let entityPath: Cesium.Entity let path: number[][] = [104.063914, 30.640356, 500] //存在路线数组 let linePath: Cesium.Cartesian3[

本文章旨在快速帮助上手Pinia基础与核心部分，想要完整了解的请看官网或后续文章，Pinia 还可用于SSR。还有：这中文名可以叫菠萝，起源是西班牙语piña，中文译为菠萝。 Pinia概要： Pinia一开始是为了探索Vuex的下一次迭代会是什么样子，它融合了Vuex 5核心团队讨论中的许多想法。 最终，我们意识到Pinia已经实现了Vuex 5中我们想要的大部分功能，并决定将 Pinia 作为新的推荐。 与 Vuex 相比，Pinia 提供了一个更简单的 API，没那么死板，

微信小程序中使用 wx.pageScrollTo({)}；进行页面锚点定位，一定要将根目录设置为滑动的根据。 也就是 page 要设置样式为 overflow-y: auto；指定他的高度。 在其中，设置一个容器 home 设置id。 在添加一个内容容器 container 设置类名。 设置多个锚点，添加锚点类型 如： node0, node1, node2 等。 然后通过点击事件传递要跳转的锚点信息。 通过wx.createSelectorQ

前言 最近新项目用vue3搭建的，准备开始使用vue3的语法，从这篇开始记录下vue3遇到的一些问题和一些语法的使用方法，以便于以后复习，也可能帮助到一些小伙伴。 1. 修改父组件普通数据 使用v-mode语法，代替了vue2.x的.sync修饰符 父组件用ref() 定义一个普通数据为响应式变量，例 var test = ref(‘parent’) 父组件用v-mode将数据绑定到子组件上 <ChildComponent v-model:test="test" /&