个人笔记

作者: 地球村多了个好人 | 来源:发表于2019-07-03 10:10 被阅读0次

    同步/异步

    回调函数=> 回调地狱 setInterval/setTimeout =>Promise=>Generator =>asyn/await

    GitHub  ssh key秘钥的获取

    $ ssh-keygen-t rsa-C "your_email@youremail.com"

    $ ssh-keygen-t rsa-C "huajin.jin@ronds.com.cn"

    Array.isArray()

    isNaN()

    //bad

    const arr = [];

    const key = '';

    for (key in obj) {

      arr.push(obj[key]);

    }

    //good

    const arr = [];

    const key = '';

    for (key in obj) {

      if (obj.hasOwnProperty(key)) {

        arr.push(obj[key]);

      }

    }

    //在组件中获取真实的DOM

    class MyComponent extends React.Component<iProps, iState> {

      constructor(props) {

        super(props);

        this.inputRef = React.createRef();

      }

      render() {

        return <input type="text" ref={this.inputRef} />;

      }

      componentDidMount() {

        this.inputRef.current.focus();

      }

    }

    undefined === void 0 //true

    //跨域问题

    出现原因  同源策略  域名  协议  端口

    JSONP 引入不同的js脚本 通过回调函数获取可以运行的javaScript语句 JavaScript只能用Get发送请求  document.domain 方法  window.name 属性 

    //http https 协议  Http协议是以明文方式发送信息的,超文本传输协议 Https 是以安全为目标的Http通道,是Http的安全版,Https的安全基础是SSL, http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443

    //实例  构造函数    实例的__proto__属性(原型)等于其构造函数的prototype属性

    //最小容器的scss实现

    //面试题

    HTML5新特性(新增的标签, API等),如localstorage的用法以及与cookie的区别,如何理解web语义化

    CSS3新特性,如动画等

    CSS特性,如position的用法,如何实现居中,bootstrap源代码的理解,盒模型(W3C和IE),flex的使用

    前端兼容性处理(CSS hack技术)

    JS基础,如this用法,new关键字的过程,call与apply的区别,闭包,原型以及JS如何实现继承

    前端基础,浏览器缓存,跨域,从输入url到渲染的整个过程,事件(W3C和IE),TCP三次握手过程,如何实现懒加载(跟预加载的区别)

    之前有看过你做的一个移动页简历,请问如何实现?我主要是使用REM+Media Query,根据不同尺寸的设备进行不同的font-size设置。然后问我REM和EM的区别,如果父元素的font-size也是采用em表示,那么子元素的font-size怎么计算等。

    有没有遇到过margin重叠的现象,如何解决?BFC

    常见的清除浮动的方法有哪些?bootstrap是怎么做的?bootstrap是怎么实现grid系统的?

    怎么理解JS模块化?有没有使用过webpack?

    //csss3新特性:盒子模型(布局方式,),渐变色,颜色透明,nth-child(1)

    //浏览器内核如下

    IE内核为:trident;

    Chrome内核为:blink(基于webkit,谷歌与Opera software共同开发);

    Firefox内核为:gecko;

    Safari内核为:webkit内核;

    Opera内核为:blink (跟Chrome一样) 之前为presto;

    //ES6新特性

    const let 块级作用域 {} 定义 剪头函数=> //${expression} 模板字面量  //let {a,b} = this.props 解构  //对象简写法 //数组的循环 map  for..of  for  forEach for  in continue //展开运算符 ... 三个点

    call apply的区别  剪头函数默认参数

    //reduce  数组之间的求和求乘  累积值  原数组 索引  //filter 数组的筛选 创建一个新的数组 不会改变原数组

    //webpack 打包器  严格的单向数据流是 Redux 架构的设计核心。

    //基础知识(HTML、CSS、JS)、高级部分(源码、优化等)、积极性(开源项目、博客积累等)、视野(新技术的了解和学习)

    相关文章

      网友评论

        本文标题:个人笔记

        本文链接:https://www.haomeiwen.com/subject/qmgfhctx.html