摘要:
一.ts文件结构 DEMO{ 1. .vscode:特有文件夹,调试的配置文件,启动浏览器 2. Js:放ts编译后的文件,不管 3. Ts:放ts文件,敲代码 4. tsconfig.json:ts的编译配置文件,命令行输入:tsc --init(生成默认文件) } 阅读全文
摘要:
一.ts环境搭建 安装node.js,用dos命令npm全局安装typescripe包环境 进入vscode官网下载zip文件解压后使用code.exe 阅读全文
摘要:
异步加载多图(可能没啥用,加载慢)(图片预加载,提前给浏览器缓存图片) 1. 用一个计数变量记录需要加载的图片个数 2. 用new Image()去加载,加载完给此对象的src赋值要加载的url路径(事先加载好图片) 3. 每次加载成功计数加一,加载完成全部调用回调进行下一步操作 4. 此方法可以得 阅读全文
摘要:
一. 解析本地Json数据并展示(待定) 1. 创建服务{ 创建一个接口对象用于接收Json数据 通过HttpClient获得本地Json文件 } 2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性,其中调用服务方法放在组件ts的构造方法中 3. 再 阅读全文
摘要:
监听滚动条scrollbar(适配手机) 1. document.documentElement.scrollHeight:整个html的高度,含被隐藏界面高度 2. window.pageYOffset:被滚动卷去的高度 3. window.innerHeight:可见窗口高度,不变的 4. 其中 阅读全文
摘要:
AJAX传输 例:const xhr = new XMLHttpRequest(); // 此方法因为状态改变被调用多次,实测执行三次(1->2->4) xhr.onreadystatechange = () => { if (xhr.readystate 4 && xhr.status 200) 阅读全文
摘要:
利用内置iframe进行通讯 1. 在当前网页设置iframe网页(监听iframe发来postmessage消息事件) a. 外部网页接收数据: 回调方法,其中e.data为传入数据: const onmessage = (e: any) => { e.data }; If (typeof win 阅读全文
摘要:
四. Ts数据类型 tuple(元组类型):可以给数组指定位置存指定类型数据 例:let arr:[number, string] = [123, ‘123’]; enum(枚举):将数字转化为标识符 例: enum 枚举名 { 标识符 = 整形常数,...}; 调用:枚举名.标识符 (注:标识符可 阅读全文
摘要:
一. RxJs:针对异步数据流编程工具 1. 创建subject类对象(发送方) 2. subject.subscribe(观察者); (注册观察者对象observer,可以注册多个相当于回调函数取数据,返回消费者) 3. 消费者有取消订阅的方法unsubscribe,相当于取消监听 4. 发送数据 阅读全文
摘要:
一. 路由:根据不同URL地址,动态让根组件挂载其他组件来实现单页面应用,相对地址 1. 项目一开始创建就会询问是否添加路由(Angular routing) 2. 有无路由区别{ 1. 多了一个routing的ts文件(配置路由的ts文件) 2. 在app中module中引入路由并配置 3. ap 阅读全文