zoukankan      html  css  js  c++  java
  • 汇总02

    汇总 02

    移动端适配

    各机型字体基准值
    media query 机型 改变基准值
    js 改变基准值
    rem

    移动端实现真正的1px

    等宽三列

    移动端懒加载组件设计

    移动端实现 dialog 垂直居中

    webpack常用插件

    有没有开发过 gulp/grunt的插件

    跨域解决

    react 生命周期

    • 实例化
      • getDefaultProps
      • getInitialState
      • componentWillMount render之前调用 业务逻辑 state的操作
    • 存在期
      • componentWillReceiveProps
      • shouldComponentUpdate
      • componentWillUpdate
    • render // 渲染返回一个虚拟dom
    • componentDidMount // render之后 会使用render生成的虚拟Dom创建真实的Dom
    • componentDidUpdate
    • 销毁 清理
    • componentWillUnmount

    promise

    实现一个函数 一个参数 一个返回值

    1 =》 1
    2 =》 6
    3 =》 7
    4 =》13

    phoneGap 调摄像头

    jquery api

    div 为基准
    prev()
    next()
    append()
    prepend()

    数组排序

    react vue mvvm实现原理

    虚拟DOM

    类型判断

    typeof(null) => object
    typeof(Object) = function
    "5"+4 = 54
    void(0) = undefined
    NaN*4 = NaN
    Boolean('') = false
    Boolean(' ') = true
    Boolean('false') = true
    Number('100px') = NaN
    parseInt('100px') = 100

    请写出javascript的数据类型有哪几种

    基本数据类型:Undefined、Null、Boolean、Number、String
    引用数据类型:Object

    元素的alt 和title 有什么异同

    alt 替换文字 必要属性
    title 鼠标放上去的 非必要属性

    .box 宽度为 100% 其中 column 1 的宽度为 200px; columu2和column3的宽度相等,请使用css3中的功能实现他们的布局

    <div class="box">
    	<div class="item">column 1</div>
    	<div class="item">column 2</div>
    	<div class="item">column 3</div>
    </div>
    // flex 兼容写法 TODO
    .box{
    	display: flex;
    	.item:first{
    		 200px;
    	}
    	.item::(nth-child>2){
    		flex:1;
    	}
    }
    

    列举几种IE和FF脚本兼容性问题

    (1) window.event:
    表示当前的事件对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象
    firefox 下的 event.target
    IE 下的 event.srcElement
    obj(obj = event.srcElement ? event.srcElement : event.target;)

    (2) 获取事件源
    IE用srcElement获取事件源,而FF用target获取事件源

    (3) 添加,去除事件
    IE:element.attachEvent(“onclick”, function) element.detachEvent(“onclick”, function)
    FF:element.addEventListener(“click”, function, true) element.removeEventListener(“click”, function, true)

    (4) 获取标签的自定义属性
    IE:div1.value或div1[“value”]
    FF:可用div1.getAttribute(“value”)

    (5) document.getElementByName()和document.all[name]
    IE;document.getElementByName()和document.all[name]均不能获取div元素
    FF:可以

    (6) input.type的属性
    IE:input.type只读
    FF:input.type可读写

    (7) innerText textContent outerHTML
    IE:支持innerText, outerHTML
    FF:支持textContent

    (8) 是否可用id代替HTML元素
    IE:可以用id来代替HTML元素
    FF:不可以

    写一段正则表达式验证字符串匹配邮箱格式

    请分别写出你知道的 html5 和css3的新特性

    分别写一个闭包和继承的例子

    20170407 汇总

    with() 公司禁用吗

    js 几种加载方式 造成的性能问题

    • 页面内
    • document.write /document.create ('script') 同步异步

    js 设置 defer sync 的区别

    继承原型链 原型

    scope局部变量性能提升 闭包 作用域

    一个网页输入发生了什么?后端发生了什么?

    new Array() 发生了什么? 实现一个 new ..

    数组去重

    如何是 block 呈现为 inline-block

    面向对象特性 封装继承多态

    写一个继承

    css 隐藏 的几种方式 区别

    span img 设置为什么会有间隙 什么导致的

    ie盒模型 ff盒模型 区别

    inline-block 怎么去除空隙

    两个div 的margin 是怎么计算的

    垂直居中实现几种方式

    写一个布局 左侧 10px 右侧10% 中间撑满

    em rem的区别

  • 相关阅读:
    MySQL的Date()函数拼接
    org.osgi.framework.BundleException: Exception in org.eclipse.core.resources.ResourcesPlugin.start()
    js判断对象是否为空对象的几种方法
    json,js中typeof用法详细介绍及NaN、 null 及 undefined 的区别
    将[object Object]转换成json对象
    升级d7的代码到2010以上版本注意事项(SetLength的参数就是字符长度,而不是字节长度,但Move函数要改)
    我是如何用 10 天自学编程,改变一生的?(学习编程的时候,不要死记硬背,要培养感觉)
    Anbox —— 在 Linux 系统中运行 Android 应用
    一定要在commit之前做RAR备份,这样在出问题的时候,可以排除别人代码的干扰
    排序算法总结
  • 原文地址:https://www.cnblogs.com/yingwo/p/6685633.html
Copyright © 2011-2022 走看看