摘要：
一. 开始断点调试 点击debug开始调试 阅读全文
posted @ 2020-02-22 19:14
对·味
阅读(179)
评论(0)
推荐(0)
摘要：
1. 页面优化 优化内容： 提升网页响应速度：减少请求，文件大小，页面性能 对搜索引擎，屏幕阅读器友好： 提高可读性，可维护性：规范代码 优化操作： 减少请求：小图标使用sprite拼图合并为一个图片，减少图片请求，通过background去定位显示图标，多个css文件进行合并 页面性能：css建议 阅读全文
posted @ 2020-02-22 15:32
对·味
阅读(399)
评论(0)
推荐(0)
摘要：
1. 写一个reset.css 用于清除浏览器标签默认样式并定义全局样式，这样就不会因为浏览器默认样式出现问题，因为不同浏览器的默认样式还是不一样的 2. 巧用 display: contents 说明：设置了该属性值的元素本身将不会产生任何盒子，但是它的从保留其子代元素的正常展示。 1. 最近写微 阅读全文
posted @ 2020-02-22 15:31
对·味
阅读(103)
评论(0)
推荐(0)
摘要：
1. 水平垂直居中 方案一：兼容性好 方案二：不影响其他元素，兼容性差点 方案三：只设置父容器，但兼容性差 阅读全文
posted @ 2020-02-22 15:29
对·味
阅读(115)
评论(0)
推荐(0)
摘要：
1. 父子容器不固定垂直居中方案 方案一：要兼容ie6,7要换表结构 方案二：不影响其他元素，兼容性问题，不支持低版本 方案三：兼容性问题，不支持低版本，但只要设置父容器 方案四：自找，利用padding上下扩展空间进行中间内容垂直居中 <style> .center { padding: 70px 阅读全文
posted @ 2020-02-22 15:27
对·味
阅读(102)
评论(0)
推荐(0)
摘要：
1. 父子容器不固定水平居中方案 方案一：兼容性好能兼容ie6,7 方案二：要兼容ie6,7需要换表结构table,不支持属性table 方案三：Ie6,7,8不兼容 方案四：ie6,7,8不支持 阅读全文
posted @ 2020-02-22 15:25
对·味
阅读(118)
评论(0)
推荐(0)
摘要：
H5强制手机横屏 1. 通过screen.orientation可以定义手机屏幕的方向，但是lock()方法仅在浏览器已经通过requestFullscreen()切换到全屏模式时起作用，例：强制手机横屏window.screen.orientation.lock("landscape-primar 阅读全文
posted @ 2020-02-22 15:12
对·味
阅读(4507)
评论(0)
推荐(0)
摘要：
一．ts文件结构 DEMO{ 1. .vscode：特有文件夹，调试的配置文件，启动浏览器 2. Js：放ts编译后的文件，不管 3. Ts：放ts文件，敲代码 4. tsconfig.json：ts的编译配置文件，命令行输入：tsc --init（生成默认文件） } 阅读全文
posted @ 2020-02-22 15:11
对·味
阅读(588)
评论(0)
推荐(0)
摘要：
一．ts环境搭建 安装node.js,用dos命令npm全局安装typescripe包环境 进入vscode官网下载zip文件解压后使用code.exe 阅读全文
posted @ 2020-02-22 15:10
对·味
阅读(245)
评论(0)
推荐(0)
摘要：
异步加载多图（可能没啥用，加载慢）（图片预加载，提前给浏览器缓存图片） 1. 用一个计数变量记录需要加载的图片个数 2. 用new Image()去加载，加载完给此对象的src赋值要加载的url路径（事先加载好图片） 3. 每次加载成功计数加一，加载完成全部调用回调进行下一步操作 4. 此方法可以得 阅读全文
posted @ 2020-02-22 15:09
对·味
阅读(464)
评论(0)
推荐(0)
摘要：
一. 解析本地Json数据并展示（待定） 1. 创建服务{ 创建一个接口对象用于接收Json数据 通过HttpClient获得本地Json文件 } 2. 组件中引入服务调用服务方法拿文件用subscribe将文件Json解析成对象再传给本地组件属性，其中调用服务方法放在组件ts的构造方法中 3. 再 阅读全文
posted @ 2020-02-22 15:07
对·味
阅读(1607)
评论(0)
推荐(0)
摘要：
监听滚动条scrollbar（适配手机） 1. document.documentElement.scrollHeight：整个html的高度，含被隐藏界面高度 2. window.pageYOffset：被滚动卷去的高度 3. window.innerHeight：可见窗口高度，不变的 4. 其中 阅读全文
posted @ 2020-02-22 14:56
对·味
阅读(902)
评论(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
对·味
阅读(1160)
评论(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
对·味
阅读(766)
评论(0)
推荐(0)
摘要：
四. Ts数据类型 tuple（元组类型）：可以给数组指定位置存指定类型数据 例：let arr:[number, string] = [123, ‘123’]; enum（枚举）：将数字转化为标识符 例： enum 枚举名 { 标识符 = 整形常数，...}； 调用：枚举名.标识符 （注：标识符可 阅读全文
posted @ 2020-02-22 14:47
对·味
阅读(373)
评论(0)
推荐(0)
摘要：
一. RxJs：针对异步数据流编程工具 1. 创建subject类对象（发送方） 2. subject.subscribe(观察者); （注册观察者对象observer，可以注册多个相当于回调函数取数据，返回消费者） 3. 消费者有取消订阅的方法unsubscribe,相当于取消监听 4. 发送数据 阅读全文
posted @ 2020-02-22 14:45
对·味
阅读(145)
评论(0)
推荐(0)
摘要：
一. 路由：根据不同URL地址，动态让根组件挂载其他组件来实现单页面应用，相对地址 1. 项目一开始创建就会询问是否添加路由（Angular routing） 2. 有无路由区别{ 1. 多了一个routing的ts文件（配置路由的ts文件） 2. 在app中module中引入路由并配置 3. ap 阅读全文
posted @ 2020-02-22 14:43
对·味
阅读(195)
评论(0)
推荐(0)
摘要：
1. 绑定数据 { 1.在组件ts文件中定义属性：public 属性名 = ‘数据’ 2.在组件中html中定义：{{属性名}} } 2. 在html获得ts中的值（也可以绑定图片src） { 静态属性：title = ‘ming’ 动态属性：[title] = ‘ts中属性名字’ } 3. Htm 阅读全文
posted @ 2020-02-22 14:40
对·味
阅读(295)
评论(0)
推荐(0)
摘要：
一. 组件间通信（组件间不能互相调用，公共方法放在服务中） （目前项目采用将公共方法直接写在ts文件中没使用服务） ng g service services/服务名 App.module.ts{ 引入服务：import {ts类名} from ‘./services/服务名.service’; 配 阅读全文
posted @ 2020-02-22 14:39
对·味
阅读(136)
评论(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
对·味
阅读(229)
评论(0)
推荐(0)
摘要：
一. Angular目录结构 e2e：在e2e/下是端到端测试 node_modules：安装的第三方模块都在这，使用npm install安装的1 Src：我们项目的所有文件 { App：组件，以app.module.ts定义根模块1 Assets：静态资源1 environments：各个目标环 阅读全文
posted @ 2020-02-22 14:35
对·味
阅读(399)
评论(0)
推荐(0)
摘要：
1. 百度angular官网按照官方文档创建简单demo 2. 可以使用vscode导入angular创建好的项目 3. Vscode无提示可在最后搜angular安装最新版就好 4. 修改package.json中ng build --prod，优化编译后文件 5. 注意：错误ng不是内部或外部命 阅读全文
posted @ 2020-02-22 14:34
对·味
阅读(144)
评论(0)
推荐(0)
摘要：
一. 网站搜索 1. 设置：<meta name=”keywords”> ：用于搜索引擎关键字，没发现这有啥用 2. 设置：<meta name=”description”> ：用于搜索引擎网站内容，搜索输入此内容越多越容易定位网站，直接整段内容可直接定位网站 3. 设置：<meta name=”t 阅读全文
posted @ 2020-02-22 14:32
对·味
阅读(128)
评论(0)
推荐(0)
摘要：
一. H5屏幕适配 1. 原理：监听屏幕宽度，动态改变html的根节点font-size 2. 换算：font-size的px 相当于 1rem 3. 缺陷：只能做到宽度布局会一样，但是高度布局也相同但由于不同手机比例不同可能会超出屏幕范围，高度做可滚动 4. 注意：高度布局要从上往下布局，不然可能 阅读全文
posted @ 2020-02-22 14:31
对·味
阅读(2019)
评论(0)
推荐(0)
摘要：
一. Css吃豆人动画 1. 上半圆：两个div，内部一个圆div，外部设置宽高截取半圆 外部div动画：animation: 动画样式 1s(时长) ease(动画先低速后快速) infinite(动画无限播放) 动画样式：@keyframes：设置50%转45度，100%转0度 transfor 阅读全文
posted @ 2020-02-22 14:27
对·味
阅读(345)
评论(0)
推荐(0)
摘要：
Css做到横竖屏适配：定义两个样式 { @media screen and (orientation: portrait){ Css[竖向定义样式] } @media screen and (orientation: landscape){ Css[横向定义样式] } } 阅读全文
posted @ 2020-02-22 14:26
对·味
阅读(955)
评论(0)
推荐(0)
摘要：
一. 设置py环境 去官网下载Windows x86-64 executable installer安装 安装后会自动配置py的bin路径和pip的路径 Pip用于安装python库的 二. 设置windows10下双击执行python文件 1. 选择一个.Py文件，右键打开方式=》选择其他应用=》 阅读全文
posted @ 2020-02-22 14:15
对·味
阅读(1529)
评论(0)
推荐(0)
摘要：
接入谷歌登录 H5接入谷歌登录打包apk使用webview谷歌登录不上（谷歌不支持用户代理被归类为嵌入式用户代理（也称为网络视图），因此不允许向Google发出OAuth授权请求） 解决办法：替换ua标识符(最新版的webview会标识wv用于区分) String userAgent = webSe 阅读全文
posted @ 2020-02-22 14:08
对·味
阅读(1208)
评论(0)
推荐(0)
摘要：
一. 使用SVN 1. 下载tortoiseSVN 2. 右键SVN checkout（下载项目到本地） 3. 更新和提交 二. 使用GIT 1. 下载git 2. 下载tortoiseGit 3. 右键Git clone获得项目 4. 看版本差异，找到显示日志可以看到每次提交修改代码 5. 解决冲 阅读全文
posted @ 2020-02-22 14:04
对·味
阅读(356)
评论(0)
推荐(0)
摘要：
可以去官网引入最新样式： <link rel=”stylesheet” href=”http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css”> 阅读全文
posted @ 2020-02-22 13:53
对·味
阅读(115)
评论(0)
推荐(0)
摘要：
1. 环境变量的理解：快速找到程序并执行，配置在path的目录下有系统环境和用户环境，配置在此的只要目录路径就好，在cmd输入名字就会去此路径找匹配程序执行 2. 将git安装目录下的....\Git\bin配置环境变量 3. 在vscode可以输入bash进入bash模式 注意：vscode要是已 阅读全文
posted @ 2020-02-22 13:49
对·味
阅读(812)
评论(0)
推荐(0)
摘要：
Android Webview H5资源本地化 一. 创建读取资源项目独立模块 1. 项目依赖的好处 符合模块化的思想，他们相互独立。一个项目持有另一个项目的引用，修改更加方便。 (注：compile project编译引用的项目其内容必须包含有java代码、xml布局文件、AndroidManif 阅读全文
posted @ 2020-02-22 10:03
对·味
阅读(2110)
评论(0)
推荐(0)
浙公网安备 33010602011771号