2021年06月_Serein

原创 TypeScript 常用语法(二)

上一篇文章讲了一下TypeScript的一些用法,这一篇讲剩下的函数函数封装了一些重复使用的代码,在需要的时候直接调用函数是 JavaScript 应用程序的基础，它帮助你实现抽象层，模拟类，信息隐藏和模块。在 TypeScript 里，虽然已经支持类，命名空间和模块，但函数仍然是主要的定义行为的地方。js中书写方式命名函数function aa(){ console.log('hello')}aa() //hello匿名函数(function(){ console.log('he

2021-06-30 17:33:08 421

原创 TypeScript 常用语法(一)

基础类型TypeScript支持与JavaScript几乎相同的数据类型注意:1.在TypeScript中变量声明了是什么类型,它赋的值也必须和声明的类型一致,不然会报错 2.声明赋值可以同时进行,ts会自动对变量进行类型检测 3.下面赋的值会覆盖上面的值布尔//声明完直接赋值let aa:boolean=true// 声明一个变量a,同时指定它的类型为number,然后再赋值let aa:booleanaa=true数值//声明完直接赋值let num:number=

2021-06-29 20:22:10 434 1

原创 TypeScript安装与基本使用

TypeScript初识TypeScriptTypeScript的介绍TypeScript是由微软开发的开源,跨平台的编程语言,它是TypeScript的超集,最终会被编译为JavaScript代码TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以运行在TypeScript环境中TypeScript是为大型应用的开发而设计,并且可以编译为JavaScriptTypeScript特点TypeScript主要有三大特点:1)始于JavaScript,

2021-06-27 21:12:16 332 2

原创小程序生命周期

生命周期指的就是小程序从创建到销毁的过程小程序生命周期分为应用生命周期和页面生命周期应用生命周期影响页面生命周期应用生命周期应用生命周期是在app.js里面调用的属性说明onLaunch应用第一次启动的就会触发的事件onShow应用被用户看到onHide用户被隐藏onError应用的代码发生了报错的时候就会触发onPageNotFound页面找不到就会触发代码示例:onLaunch第一次启动的时候就会触发 onLaunchApp({

2021-06-25 22:18:52 2345

原创 websocket(基础使用)

什么是websocket?WebSocket是一种网络通信协议,很多高级功能都需要它websocket基于tcp协议,和http都是网络传输协议为什么要使用websocket?因为 HTTP 协议有一个缺陷：通信只能由客户端发起。websocket特点:（1）建立在 TCP 协议之上，服务器端的实现比较容易。（2）与 HTTP 协议有着良好的兼容性。默认端口也是80和443，并且握手阶段采用 HTTP 协议，因此握手时不容易屏蔽，能通过各种 HTTP 代理服务器。（3）数据格式比较轻量，性能

2021-06-23 20:50:34 678 4

原创小程序 (组件,组件通信和生命周期)

1.常见组件1.1 view代替原来的div标签<view>div标签</view>1.2 text文本标签属性名类型说明selectableBoolean文本是否可选decodeBoolean是否解码,可以解析 1.3 image图片标签,image组件默认宽度320px,高度240px<image src="/icon/home.png"/>1.4 icon 图标属性名说明

2021-06-22 20:25:25 262

原创微信小程序(基本使用)

什么是小程序?一种不要安装下载即可使用的应用,不用关心安装过多应用,小程序是一种新的开放能力，开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播，同时具有出色的使用体验。整个小程序所有分包大小不超过 8M单个分包/主包大小不能超过 2M好处:平台封闭，上手简单开发成本低用户体验好使用方便安装:首先下载安装微信开发者工具启动:可以使用微信扫码登录登录成功后会出现项目列表新建项目注意:他里面有个AppID,最好注册一个,不推荐使用测试号点击注册,按

2021-06-21 21:26:23 281

原创 git(一) 安装与基本使用

gitGit是分布式版本控制系统，它就没有中央服务器的，每个人的电脑就是一个完整的版本库Git 是一个开源的免费的分布式版本控制系统,可以更高效的处理项目文件。它的性能好,内存小,运行快,易上手。与CVS、Subversion一类的集中式版本控制工具不同，它采用了分布式版本库的作法，不需要服务器端软件，就可以运作版本控制，使得源代码的发布和交流极其方便。状态同时，git 又提供了三种（也可以说是四种）不同的记录状态已修改（modified）已暂存（staged）已提交（committed）

2021-06-10 21:08:58 141 1

原创 webpack(三) plugin,WebpackDevServer和热更新

pluginplugin是webpack的一个插件机制，扩展webpack现有的功能它为项目的构建提供了更加广泛的能力 webpack中的plugin，简单的理解就是对于webpack现有功能的扩展，比如打包优化、文件压缩功能。 plugin的范围更大，作用也更强。插件HtmlWebpackPlugin打包完成后,该插件会自动生成一个html5文件,并把生成js模块引入html1.1 安装npm install -D html-webpack-plugin1.2配置文件//引入co

2021-06-09 21:08:56 286

原创 webpack(二) loader

loaderwebpack可以把任意文件数据作为模块进行处理,包括:js文件,非js文件,css,图片等等,webpack在默认情况下只能操作js文件,如果想操作非js文件我们可以通过loader什么是loader？loader是文件加载器，能够加载资源文件，并对这些文件进行一些处理，诸如编译、压缩等，最终一起打包到指定的文件中处理一个文件可以使用多个loader，loader的执行顺序是和本身的顺序是相反的，即最后一个loader最先执行，第一个loader最后执行。第一个执行的loader接

2021-06-08 20:41:21 695

原创 webpack(一) 安装,打包和打包配置

webpack一.介绍webpack是一个模块打包工具，通过依赖处理模块，并生成那些模块静态资源。它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Qdc5eVDC-1623141971720)(C:\Users\dell\AppData\Roaming\Typora\typora-user-imag

2021-06-08 16:47:09 434

x94410891的博客