- 博客(24)
- 收藏
- 关注
原创 electron基础
Electron一、安装electron1、全局安装npm install -g electron // 安装electron . // //启动命令2.单独文件内安装npm install electron --save-dev //安装./node_modules/.bin/electron //启动命令二、创建主窗口创建’main.js‘文件var electron = require('electron')// 新版本引入remote的方式,先在主线程中初始化
2021-09-06 13:35:01
840
原创 vue3中使用ts + vuex的配置
一、创建store文件夹下的index.ts// index.tsimport {createStore,Store} from 'vuex'import {InjectionKey} from 'vue'export const key: InjectionKey<Store<state>> = Symbol('key')export type state ={ count:number}export default createStore({ sta
2021-08-25 14:27:46
2735
1
原创 typescript 8 interface 接口
interface girl {name:string;age:number;bust:number;waitline ?: number; // 表示可有可无,不是必须}const guniang ={ name:'xiaohong', age:11, bust:100, waitline:111}const fun1 =(guniang:girl)=>{console.log(guniang.name,guninag.age,guniang.bust)}.
2021-03-03 10:35:26
100
原创 typescript7 元组的使用 和 类型约束
ypeScript 中提供了元组的概念,这个概念是JavaScript中没有的。const xiaojiejie: [string, string, number] = ["dajiao", "teacher", 28];把数组中的每个元素类型的位置给固定住了,这就叫做元组。如果数据源得到的数据时这样的,你就可以使用元组了。const xiaojiejies: [string, string, number][] = [ ["dajiao", "teacher", 28], ["liuyi
2021-03-03 09:13:58
126
原创 typescript 6数组类型的定义以及 类型别名的使用
数组类型的定义//单一类型const numberArry :number[] = [1,2,3];const stringArry :string[]=['a','b'];const undefinedArry :undefined[] =[undefined,undefined];//多种类型const arr :(number | string)[]=[1,2,'abc'];//对象类型const xiaojiejie :{name:string,age:number}[]
2021-03-03 08:47:05
395
原创 typescript 5 函数参数和返回类型的定义
函数参数的定义规定参数的类型 function (one:number,two:number){ return one + two} add(1,2)规定返回值的类型 function (one:number,two:number) :number { return one + two} add(1,2)无返回值类型function() : void{ console.log('hello') // 有返回值就会报错}表示永远执行不完的类型 function ():
2021-03-02 17:21:40
146
原创 typescript 4 类型注解和类型推断
类型注解let count: number;count = 123;这段代码就是类型注解,意思是显示的告诉代码,我们的count变量就是一个数字类型,这就叫做类型注解类型推断typescript是有某种推断能力的,通过你的代码 TS 会自动的去尝试分析变量的类型。如果 TS 能够自动分析变量类型, 我们就什么也不需要做了如果 TS 无法分析变量类型的话, 我们就需要使用类型注解在写 TypeScript 代码的一个重要宗旨就是每个变量,每个对象的属性类型都应该是固定的,如果你推断就让它推
2021-03-02 16:51:02
141
原创 typescript3 基础静态类型和对象静态类型
基础静态类型 : 基础数据类型 叫做基础静态类型 const count : number = 111; const name : string = 'abc';对象静态类型一、普通的对象静态类型const xiaoJieJie :{ name : string, age : number } = { name:'姓名', age : 18 }二、数组形式的对象静态类型 const array1 : string[] = ['xiaoho
2021-03-02 13:38:22
137
原创 typesc 2 静态类型
stactic typinglet count : number =1;这就是最简单的定义一个数字类型的count的变量,这里的: number就是定义了一个静态类型。这样定义后count这个变量在程序中就永远都是数字类型了,不可以改变了。定义一个静态类型interface XiaoJieJie { uname: string; age: number;}const xiaohong: XiaoJieJie = { uname: "小红", age: 18,};conso
2021-03-02 13:12:18
204
原创 typescript 1 安装
安装typescript全局安装npm install typescript -gts-node插件安装npm install -g ts-node安装完成后直接用ts-node Demo1.ts来运行
2021-03-02 13:08:39
113
原创 vue 过滤器的简单封装
全局方法.js中引入:import * as _filters from '../assets/script/filter'Objext.keys(_filters).forEach(key=>Vue.filter(key,_filters[key]));
2021-03-02 10:52:43
83
原创 vue项目中 封装本地存储模块
storage.js/**本地存储封装模块*/export const getItem = name => { const data = window.localStorage.getItem(name) // 为什么把 JSON.parse 放到 try-catch 中? // 因为 data 可能不是 JSON 格式字符串 try { // 尝试把 data 转为 JavaScript 对象 return JSON.parse(data) } cat
2021-03-02 10:48:40
233
原创 nuxt学习笔记
安装 npx create-nuxt-app 项目名开发 npm run dev打包 npm run build npm run startnuxt.config.js 文件修改过以后要重新启动项目。生命周期:运行在服务端的钩子函数: 一、 nuxtServerInit(初始化东西到store中) 二、 middleware(中间件) 中间件:middleware目录下的auth.js中暴露出函数 export default ()=》{}
2021-03-02 10:45:31
848
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人