摘要：
一. 开始断点调试 点击debug开始调试 阅读全文
posted @ 2020-02-22 19:14
对·味
阅读(163)
评论(0)
推荐(0)
摘要：
1. 页面优化 优化内容： 提升网页响应速度：减少请求，文件大小，页面性能 对搜索引擎，屏幕阅读器友好： 提高可读性，可维护性：规范代码 优化操作： 减少请求：小图标使用sprite拼图合并为一个图片，减少图片请求，通过background去定位显示图标，多个css文件进行合并 页面性能：css建议 阅读全文
posted @ 2020-02-22 15:32
对·味
阅读(391)
评论(0)
推荐(0)
摘要：
1. 写一个reset.css 用于清除浏览器标签默认样式并定义全局样式，这样就不会因为浏览器默认样式出现问题，因为不同浏览器的默认样式还是不一样的 2. 巧用 display: contents 说明：设置了该属性值的元素本身将不会产生任何盒子，但是它的从保留其子代元素的正常展示。 1. 最近写微 阅读全文
posted @ 2020-02-22 15:31
对·味
阅读(86)
评论(0)
推荐(0)
摘要：
1. 水平垂直居中 方案一：兼容性好 方案二：不影响其他元素，兼容性差点 方案三：只设置父容器，但兼容性差 阅读全文
posted @ 2020-02-22 15:29
对·味
阅读(97)
评论(0)
推荐(0)
摘要：
1. 父子容器不固定垂直居中方案 方案一：要兼容ie6,7要换表结构 方案二：不影响其他元素，兼容性问题，不支持低版本 方案三：兼容性问题，不支持低版本，但只要设置父容器 方案四：自找，利用padding上下扩展空间进行中间内容垂直居中 <style> .center { padding: 70px 阅读全文
posted @ 2020-02-22 15:27
对·味
阅读(93)
评论(0)
推荐(0)
摘要：
1. 父子容器不固定水平居中方案 方案一：兼容性好能兼容ie6,7 方案二：要兼容ie6,7需要换表结构table,不支持属性table 方案三：Ie6,7,8不兼容 方案四：ie6,7,8不支持 阅读全文
posted @ 2020-02-22 15:25
对·味
阅读(108)
评论(0)
推荐(0)
摘要：
H5强制手机横屏 1. 通过screen.orientation可以定义手机屏幕的方向，但是lock()方法仅在浏览器已经通过requestFullscreen()切换到全屏模式时起作用，例：强制手机横屏window.screen.orientation.lock("landscape-primar 阅读全文
posted @ 2020-02-22 15:12
对·味
阅读(4406)
评论(0)
推荐(0)
摘要：
一．ts文件结构 DEMO{ 1. .vscode：特有文件夹，调试的配置文件，启动浏览器 2. Js：放ts编译后的文件，不管 3. Ts：放ts文件，敲代码 4. tsconfig.json：ts的编译配置文件，命令行输入：tsc --init（生成默认文件） } 阅读全文
posted @ 2020-02-22 15:11
对·味
阅读(565)
评论(0)
推荐(0)
摘要：
一．ts环境搭建 安装node.js,用dos命令npm全局安装typescripe包环境 进入vscode官网下载zip文件解压后使用code.exe 阅读全文
posted @ 2020-02-22 15:10
对·味
阅读(232)
评论(0)
推荐(0)
摘要：
异步加载多图（可能没啥用，加载慢）（图片预加载，提前给浏览器缓存图片） 1. 用一个计数变量记录需要加载的图片个数 2. 用new Image()去加载，加载完给此对象的src赋值要加载的url路径（事先加载好图片） 3. 每次加载成功计数加一，加载完成全部调用回调进行下一步操作 4. 此方法可以得 阅读全文
posted @ 2020-02-22 15:09
对·味
阅读(450)
评论(0)
推荐(0)
摘要：
一. 解析本地Json数据并展示（待定） 1. 创建服务{ 创建一个接口对象用于接收Json数据 通过HttpClient获得本地Json文件 } 2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性，其中调用服务方法放在组件ts的构造方法中 3. 再 阅读全文
posted @ 2020-02-22 15:07
对·味
阅读(1589)
评论(0)
推荐(0)
摘要：
监听滚动条scrollbar（适配手机） 1. document.documentElement.scrollHeight：整个html的高度，含被隐藏界面高度 2. window.pageYOffset：被滚动卷去的高度 3. window.innerHeight：可见窗口高度，不变的 4. 其中 阅读全文
posted @ 2020-02-22 14:56
对·味
阅读(874)
评论(0)
推荐(0)
摘要：
AJAX传输 例：const xhr = new XMLHttpRequest(); // 此方法因为状态改变被调用多次，实测执行三次（1->2->4） xhr.onreadystatechange = () => { if (xhr.readystate 4 && xhr.status 200) 阅读全文
posted @ 2020-02-22 14:52
对·味
阅读(1131)
评论(0)
推荐(0)
摘要：
利用内置iframe进行通讯 1. 在当前网页设置iframe网页（监听iframe发来postmessage消息事件） a. 外部网页接收数据： 回调方法,其中e.data为传入数据： const onmessage = (e: any) => { e.data }; If (typeof win 阅读全文
posted @ 2020-02-22 14:51
对·味
阅读(753)
评论(0)
推荐(0)
摘要：
四. Ts数据类型 tuple（元组类型）：可以给数组指定位置存指定类型数据 例：let arr:[number, string] = [123, ‘123’]; enum（枚举）：将数字转化为标识符 例： enum 枚举名 { 标识符 = 整形常数，...}； 调用：枚举名.标识符 （注：标识符可 阅读全文
posted @ 2020-02-22 14:47
对·味
阅读(354)
评论(0)
推荐(0)
摘要：
一. RxJs：针对异步数据流编程工具 1. 创建subject类对象（发送方） 2. subject.subscribe(观察者); （注册观察者对象observer，可以注册多个相当于回调函数取数据，返回消费者） 3. 消费者有取消订阅的方法unsubscribe,相当于取消监听 4. 发送数据 阅读全文
posted @ 2020-02-22 14:45
对·味
阅读(127)
评论(0)
推荐(0)
摘要：
一. 路由：根据不同URL地址，动态让根组件挂载其他组件来实现单页面应用，相对地址 1. 项目一开始创建就会询问是否添加路由（Angular routing） 2. 有无路由区别{ 1. 多了一个routing的ts文件（配置路由的ts文件） 2. 在app中module中引入路由并配置 3. ap 阅读全文
posted @ 2020-02-22 14:43
对·味
阅读(170)
评论(0)
推荐(0)
摘要：
1. 绑定数据 { 1.在组件ts文件中定义属性：public 属性名 = ‘数据’ 2.在组件中html中定义：{{属性名}} } 2. 在html获得ts中的值（也可以绑定图片src） { 静态属性：title = ‘ming’ 动态属性：[title] = ‘ts中属性名字’ } 3. Htm 阅读全文
posted @ 2020-02-22 14:40
对·味
阅读(280)
评论(0)
推荐(0)
摘要：
一. 组件间通信（组件间不能互相调用，公共方法放在服务中） （目前项目采用将公共方法直接写在ts文件中没使用服务） ng g service services/服务名 App.module.ts{ 引入服务：import {ts类名} from ‘./services/服务名.service’; 配 阅读全文
posted @ 2020-02-22 14:39
对·味
阅读(129)
评论(0)
推荐(0)
摘要：
一. Angular常用命令 1. ng new 文件夹名 （新建项目，选择y使用路由） 2. ng serve --open （默认浏览器运行项目） 3. ng serve --port 6060 （运行多个项目在不同端口） 4. ng g （提示能创建的各种东西） 5. ng g compone 阅读全文
posted @ 2020-02-22 14:37
对·味
阅读(196)
评论(0)
推荐(0)
浙公网安备 33010602011771号