zoukankan      html  css  js  c++  java
  • 前端知识点整理(二)

    1.html怎么解析的?

    把html解析为dom树,使用css渲染dom,js操作dom。
    2.window中的onload和jQ中的ready有什么区别?
    a) window中的onload是在页面中的包括图片的所有元素加载玩之后才会执行,
    jQ中的$(document).ready()是dom加载完之后就可以执行,不必等所有元素执行完。
    b) window中的onload如果有多个方法只会执行一次
    jQ中的$(document).ready()可以编写多个,并且可以之执行多次
    3.jQ中让一个元素消失怎么实现?
    a) dispaly:none
    b) hide()
    c) visibility:hidden
    d) $("p").fadeOut()
    4.ajax.get发送数据成功后会把请求的url和结果保存缓存中,当下一次请求时直接取出来,这是为了提高页面响应速度和用户体验,因为我们业务需要怎么解决缓存?
    a) 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“Cache-Control”,”no-cache”);
    b) 在服务端加 header(“Cache-Control: no-cache, must-revalidate”);
    c) 在ajax发送请求前加上 xmlHttpRequest.setRequestHeader(“If-Modified-Since”,”0″);
    d) 在 Ajax 的 URL 参数后加上 "?fresh=" + Math.random(); //加随机数
    e) 第五种方法和第四种类似,在 URL 参数后加上 "?timestamp=" + new Date().getTime();//加时间戳
    f) 用POST替代GET:不推荐
    5.vue-router第一次加载组件资源过多导致加载缓慢,如何解决?
    vue-router 懒加载(按需加载)
    非懒加载:component:index
    懒加载: component:resolve => require(['@/components/index'],resolve)
    6.vue - webpack 中并没有scss,我们要在vue中使用sass需要怎么配置?
    a) npm 安装 scss依赖包
    b) npm i sass-loader node-sass -D
    c) 在build文件夹下webpack.base.conf.js的rules中添加配置
    {
      test:/sass$/,
      loaders:['style','css','sass']
    }
    d) 在vue文件style里更改lang='scss'
    e) 启动webpack

    7.常见dom操作和事件
    通过使用 getElementById() 方法匹配元素的id属性来访问元素节点,对元素节点进行操作
    通过使用 getElementsByTagName() 方法匹配元素的tagName来访问元素节点,对元素节点进行操作
    通过使用 getElementsByClassName() 方法匹配元素的className来访问元素节点,对元素节点进行操作

    onclick事件---当用户点击时执行
    onload事件---当用户进入时执行
    onunload事件---用用户离开时执行
    onmouseover事件---当用户鼠标指针移入时执行
    onmouseout事件---当用户鼠标指针移出时执行
    onmousedown事件---当用户鼠标摁下时执行
    onmouseup事件---当用户鼠标松开时执行

    工欲善其事 必先利其器
  • 相关阅读:
    Vertica 业务用户指定资源池加载数据
    Vertica 数据库知识汇总篇
    Oracle OCP 1Z0-053 Exam Topics
    Oracle 11gR2 RAC修改监听默认端口
    Oracle 11.2.0.4 RAC安装最新PSU补丁
    Openfiler配置RAC共享存储
    ORACLE 11gR2 DG(Physical Standby)日常维护01
    oracle 存储过程 返回结果集
    exception javax.crypto.BadPaddingException: Given final block not properly padded
    plsql 连接oracle数据库的2种方式
  • 原文地址:https://www.cnblogs.com/fengyouqi/p/9562545.html
Copyright © 2011-2022 走看看