码迷,mamicode.com
首页 > 其他好文 > 详细

每日思考(2020/03/12)

时间:2020-03-13 01:22:06      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:含义   性能   hello   布局   原型模式   splay   迭代器   定位元素   适配器模式   

题目概览

  • 什么是html的字符实体?版权符号代码怎么写?
  • 说说position的absolute和fixed共同与不同点分别是什么
  • 举例子说明javascript的变量声明提升和函数声明提升
  • 什么是设计模式,你最常用的设计模式有哪些?

题目解答

什么是html的字符实体?版权符号代码怎么写?

HTML 原代码 显示结果 描述
&lt; < 小于号或显示标记
&gt; > 大于号或显示标记
&amp; & 可用于显示其它特殊字符
&quot; 引号
&reg; ? 已注册
&copy; ? 版权
&trade; ? 商标
&ensp; 半个空白位
&emsp; 一个空白位
&nbsp; 不断行的空白

说说position的absolute和fixed共同与不同点分别是什么

  • 相同点:

    • 都是用来给元素定位的属性,具有定位元素的一切特点(例如脱离文本流、不占据空间等等);
  • 改变元素的呈现方式为display:block;
    • 都能触发BFC,与外界布局互不影响
  • 设置z-index属性能够产生层叠上下文
  • 不同点:
    • fixed的父元素永远是浏览器窗口,不会根据页面滚动而改变位置;
    • absolute的父元素是可以设置的,永远跟随父元素的位置的改变而改变。
    • position根据第一个不为static的祖先元素定位,fixed定位当元素祖先的 transform 属性非 none 时,容器定位由相对于视口改为相对于该祖先元素

举例子说明javascript的变量声明提升和函数声明提升

  • 变量声明:只提升声明 不提升赋值操作

    console.log(a);// undefinde
    var a = "hello world";
    console.log(a);//  "hello world"
  • 函数声明: 函数体整体被提升

    f()
    function f(){
        console.log('hello world');// "hello world"
    }

什么是设计模式,你最常用的设计模式有哪些?

  • 含义:设计模式是一种让代码可重用/可拓展/可解偶的拟物化思维,比如接口不同就用适配器之类的。
  • 常用:
    • 创建型设计模式:简单工厂模式、工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式
    • 结构型设计模式:外观模式、适配器模式、代理模式、装饰者模式、桥接模式、组合模式、享元模式
    • 行为型设计模式:模板方法模式、观察者模式、状态模式、策略模式、职责链模式、命令模式、访问者模式、中介者模式、备忘录模式、迭代器模式、解释器模式
    • 技巧型设计模式:链模式、委托模式、数据访问对象模式、节流模式、简单模板方式、惰性模式、参与者模式、等待者模式
    • 架构型设计:同步模块模式、异步模块模式、widget模式、mvc模式、mvp模式、mvvm模式

每日思考(2020/03/12)

标签:含义   性能   hello   布局   原型模式   splay   迭代器   定位元素   适配器模式   

原文地址:https://www.cnblogs.com/EricZLin/p/12483877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!