TS函数

函数:可以被调用的对象

函数的几种写法

    //先写类型再赋值
     type F = {

阅读更多 >>

TS类

  1. 写一个ts的类
    ` bash
    class Human {
    name: string
    age: number
    constructor(name: string, age: number) {
     this.name = name

阅读更多 >>

TS变量,枚举,接口

变量

跟JS一样

let a:string = 's'
let b:number = 1
let c:boolean = true

阅读更多 >>

使用TS写一个计算器

  1. 将TS热更新为JS
tsc -w demo.ts

在html里引入demo.js

阅读更多 >>

TypeScript基础

安装

npm install typescript -g //安装ts
npm install ts-node@7.0.0 -g //ts-node,让node可以运行ts

阅读更多 >>

手写一个深拷贝

  1. 递归
  2. 判断类型
  3. 检测循环引用(环)
  4. 不可能拷贝 proto

阅读更多 >>

css继承

无继承性的属性

  1. display:
    规定元素应该生成的框的类型
    

阅读更多 >>

css3伪类

:target 选择页面局部

假如锚点与页面的hash匹配(#),那么对应元素可用:target定义样式

阅读更多 >>

移动端开发的几个常见问题

移动端适配

原理: 动态 rem,淘宝 flexilble
设备像素比(dpr) = 物理像素 / 设备独立像素
window.devicePixelRatio 获取到当前设备的 dpr
在 html 上加上 data-dpr 值,通过 css 媒体查询
flexible 实际上就是能过 JS 来动态改写 meta 标签,动态改变 html data-dpr 属性,动态改变 rem
使用 px2rem 把设计搞的 px 改成 rem
可查看官方文档
解决方案:

阅读更多 >>

面试题

HTML

  1. html语义化

  2. meta viewport
    github head

     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">

阅读更多 >>