m0_62351775的博客

TS的概念TypeScript是一种由微软开发的开源、跨平台的编程语言。它是js的超集，最终会被编译为js代码安装命令：npm install -g typescript检查版本：tsc -V基础类型语法：let 变量名:数据类型 = 值注意：在ts中一开始是什么类型，后期赋值的时候，不允许用其他类型的数据赋值给当前这个变量😉布尔类型let flag:boolean = trueconsole.log(flag); // true😉数字类型let a1: number = 10

js实现navigateTo （有返回键，不可以跳转到tabBar页面）//保留当前页面，跳转到应用内的某个页面wx.navigateTo({ url: '/pages/detail/detail?id=1'})switchTab （没有返回键，只能跳转到tabBar页面，不可以携带参数）wx.switchTab({ url: '/pages/detail/detail',})reLaunch (跳转任意页面， 没有返回， 有 首页 按钮）wx.reLa

生命周期：是指小程序从创建到销毁的一系列过程小程序三种生命周期小程序应用的生命周期、页面生命周期、组件生命周期函数小程序应用的生命周期App({ onLaunch: function(options) { // 监听小程序初始化。小程序初始化完成时（全局只触发一次） }, onShow: function(options) { // 监听小程序显示。小程序启动，或从后台进入前台显示时 }, onHide: function() { // 监听小程序

区别vuex 存储在内存；localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的JSON对象的stringify和parse来处理。应用场景vuex用于组件之间的传值，localstorage则主要用于不同页面之间的传值永久性当刷新页面时vuex存储的值会丢失，localstorage不会

是否存在变量提升var声明的变量存在变量提升（将变量提升到当前作用域的顶部）。即变量可以在声明之前调用，值为undefinedlet和const不存在变量提升。即它们所声明的变量一定要在声明后使用，否则报ReferenceError错console.log(f) //undefinedvar f = 1 ;console.log(g) //ReferenceError: g is not definedlet g = 2;console.log(h) //ReferenceError: g

箭头函数是匿名函数，不能作为构造函数，不能使用new// 箭头函数let fun = () => { console.log('我是箭头函数');})// 普通函数function fun(){ console.log('我是普通函数');}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式：一种只包含一个表达式，连{ ... }和return都省略掉。还有一种可以包含多条语句，这时候就不能省略{ ... }和return不能作为构造函数，不能使用newlet fu

给项目添加进度条效果，先打开项目控制台，打开依赖，安装nprogress打开main.js，编写如下代码下载依赖cnpm i nprogress --save编写如下代码main.js//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'.....//请求在到达服务器之前，先会调用use中的这个回调函数来添加请求头信息axios.interceptors.request.u

cookieCookie设计初衷是用来和服务器通讯，而不是本地存储，他只是被‘借用’到本地存储特点存储太小，最大4kbhttp请求时需要发送到服务器，增加请求数据量只能用document.cokkie = “” 来修改，太过简陋localStorage和sessionStorage相同点最大可存 5MAPI简单易学，setItem、getItem、removeItem、clear不会随着http请求被发送出去不同点localStorage数据会永久存储，除非代码或手动删除

概念promise是es6提出的一种异步编程的解决方案promise的实现（原理）：promise本质上是一个构造函数 ，它接收一个函数作为参数 该函数接收两个参数 分别是resolve和reject 他们也是函数promise有三个状态pending 初始状态fulfilled 成功状态rejected 失败状态promise 在实例的时候会产生一个状态 state 他的初始值是pending(进行中) 当我们调用了resolve函数后 promise的状态会立即从进行中的状态转化为

特点asayc的用法，它作为一个关键字放到函数前面，这样普通函数就变为了异步函数异步async函数调用，跟普通函数的使用方式一样异步async函数返回一个promise对象async函数配合await关键字使用(阻塞代码往下执行)是异步方法，但是阻塞式的async/await的优点方便级联调用，即调用依次发生的场景；同步代码编写方式，更符合代码编写习惯；多个参数传递， Promise的then函数只能传递一个参数，async/await没有这个限制，可以定义块级变量传递数据

1、双向数据绑定原理vue2 是结合发布者订阅者模式，结合es6Object.defineProperty()对数据进行劫持，进一步通过vue中的watcher的update实现双向数据绑定vue3 中使用了es6的proxy进行数据代理相对于vue2，使用proxy的优势：1.defineProperty只能监听某个属性，不能对全对象监听；2.可以监听到数组内部的变化；3.vue2中我们给对象添加一个新属性，它不会更新到视图上，只是因为新添加的属性并没有通过Object.defineProp

vue2的api弊端在vue2中，我们 编写组件的方式是 Options API<script>export default { // 定义数据 data() { return {}; }, // 声明周期钩子 created() {}, mounted() {}, // 定义方法 methods: {}, // 组件 components:{}, // 过滤器 filter: {},

官方定义MiXinMixin 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个 mixin 对象可以包含任意组件选项。当组件使用 mixin 对象时，所有 mixin 对象的选项将被“混合”进入该组件本身的选项项目中如何使用Mixin在src文件夹下创建一个mixins文件夹在demomixins.js文件下export default { data() { return { msg:'mixins 中的data'

安装vue3最新版本的vue-cli卸掉旧版npm uninstall vue-cli -g // oryarn global remove vue-cli安装新版本 @vue/clinpm install -g @vue/cli 或yarn global add @vue/cli//检查vue版本号vue -V搭建vue3最新脚手架有两种，分别是原先那种和vite脚手架原先vue create 项目名称// 与旧版本步骤一致 可在安装时，选择配置项vite脚手架

把main.js文件删除建两个文件main-prod.js、main-dev.jsmain-pros.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import '@/assets/reset.css'import TreeTable from 'vue-table-with-tree-grid'Vue.component('

echarts的地址下载cnpm i echarts@4.6.0 --S图表容器首先，在 HTML 中定义有宽度和高度的容器// 准备具有大小的容器<div id="main" style="width: 600px;height:400px;"></div><script type="text/javascript">var myChart = echarts.init(document.getElementById('main'));</sc

插槽插槽分为匿名插槽，具名插槽，作用域插槽匿名插槽子组件内部，设置 ，就可以使用匿名插槽，数据将方式在插槽对应的位置，如果有多个匿名插槽，将会每个插槽都有一份数据渲染匿名插槽其实也是有名字的，为 default ，通常都是不写的// 组件（父） <Card> <p>hello,world</p> </Card>// 组件内部（子） <div class="cardItem"> <h1>子页

下载依赖cnpm i vue-quill-editor --S在main.js中导入//导入vue-quill-editor（富文本编辑器）import VueQuillEditor from 'vue-quill-editor'//导入vue-quill-editor的样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'....

首先先下载cnpm i vue-table-with-tree-grid --S<!-- data数据 必须是树形结构 --><!-- columns 设置属性 --><!-- border边框 --><!-- show-row-hover="false" 高亮显示为false --><!-- selection-type="false 有>箭头，可以展开 --><!-- expand-type="false 有复选框

1、什么是回流页面中元素的尺寸，布局，显示或隐藏等改变而需要重新构建页面，就会引起回流。2、什么是重绘页面中元素属性发生改变，而这些属性只是影响元素的外观，而不会影响布局的，比如background-color。则就叫称为重绘区别回流必将引起重绘，而重绘不一定会引起回流// 比如：只有颜色改变的时候就只会发生重绘而不会引起回流当页面布局改变时就需要回流// 添加或者删除可见的DOM元素，元素位置改变，元素尺寸改变——边距// 填充、边框、宽度和高度，内容改变...