Posted on | In
在学习了es6的常见常用的知识之后，工作需要好好学习一下TS。一些与es6相同的特性就不写了。 在开始之前，可以通过npm安装TypeScript 1$ npm install -g typescript 之后通过 1$ tsc greeter.ts 会输出一个greeter.js文件 TypeScript 的特点和意义特点： JavaScript 的超集，包含了 JavaScript 的特性，并扩展了 JavaScript 的语法 增加了静态类型、类、模块、接口、泛型和类型注解 可用于开 ...
Read more »

Posted on | In
了解Generator，以及为对象添加Iterator接口 概念为数据结构提供的访问机制，数据只要部署了Iterator接口，就能完成遍历。 Symbol.iterator属性与for…of首先看个🌰，已知对象是没有Iterator接口的，那么让它获得一个 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646 ...
Read more »

Posted on | In
Generator 参考资料 https://juejin.im/post/5a6db41351882573351a8d72 概念1）函数声明方式：在function关键字与函数名之间有个 * 号2）函数体内：可以使用yield表达式3）执行时：返回一个iterator对象，可以用过调用next方法，遍历iterator对象里的每个yield表达式定义的状态yield表达式1234567function *test(){ console.log(1); yield ...
Read more »

Posted on | In
今天被问到优先级问题，这个问题只是有稍微了解一下，但是答不清楚。 不同级别1）id选择器与类选择器123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="./test.css"> <title>D ...
Read more »

Posted on | In
关于移动端1px在某些机型上变粗的问题原因在我们写border-bottom:1px solid red;的时候，在有些设备下看起来会变粗 物理像素：出厂就设定好的了 逻辑像素：就是css中写的像素 当我们在css中写了1px是逻辑像素，它与物理像素有个比例，通过window.devicePixelRatio获取（也就是DPR），1px逻辑像素因为DPR不同，所以会被放大。 而在我平时用的flexible适配方案，它会根据设备的DPR，在meta标签里设置不同的缩放比（前提是没有设置name为v ...
Read more »

Posted on | In
1.字符串反转 abc -> cba方法一： 1234var str = 'abc';var newStr = str.split('').reverse().join('');console.log(newStr); 方法二： 12345var str = 'abc';var newStr1 = str.split('').reduce(function (total, value) { return value + total;})console.log(n ...
Read more »

Posted on | In
需求背景继上一个扫码登录的需求之后，需要在APP里实现，产品希望扫码登录成功之后，有个缩小的动画让客户了解到入口在哪。其实也是想稍微了解一下CSS3动画，效果大概如图： 实现思路1.写出页面 1.使用偏移与缩放 2.再一段时间内完成动画，并让画面停在最后一帧 具体实现1.实现点击之后的modal页面，附带一个遮罩层。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 ...
Read more »

Posted on
SVGSVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可以概括为以下几点： SVG 指可伸缩矢量图形 SVG 用来定义网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG ...
Read more »

Posted on | In
Dependency Injection依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分，从定位的依赖，依赖配置。这有助于使组件可重用，维护和测试。 其实就是模块与模块之间的解耦，依赖由别人管理，当我需要的时候，从依赖的那个人那里拿来就好了。 简单实现 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950var inj ...
Read more »

Posted on | In
内联格式化上下文(Inline Formatting Contexts)1）在一个IFC中，从父元素的顶部开始，盒子一个接着一个的横向安放。横向的margin、padding、border才生效。垂直方向的padding，margin，border都未生效，如图： 2）盒子在垂直方向上可以以不同的方式对齐（它们顶部或底部对齐，或者文字的基线对齐），可通过 vertical-align 来设置，默认对齐为 baseline，包含这些框的方形区域叫做行框（line box）。不同对齐方式： 3） ...
Read more »