js面试题-----运行环境

题目1:从输入URL到得到html的详细过程

答案:浏览器根据DNS服务器得到域名的IP地址

　　 向这个IP的机器发送http请求

　　 服务器收到、处理并返回http请求

　　 浏览器得到返回内容进行页面渲染

题目2:window.onload和DOMContentLoaded

答案:页面的全部资源都加载完才会执行，包括图片视频等

　　 DOM渲染完即可执行，此时图片、视频还没有加载完

题目3:性能优化

答案:多使用内存、缓存或者其他方法

　　  减少CPU计算、减少网络

　　  静态资源

　　  静态资源的压缩合并，静态资源缓存，使用CDN让资源加载更快

　　  使用SSR后端渲染，数据直接输出到HTML中

　　  渲染优化

　　  css放前面，JS放后面

　　  懒加载（图片懒加载、下拉加载更多）

         减少DOM查询，对DOM查询做缓存

         减少DOM操作，多个DOM操作尽量合并在一起执行

         事件节流

         尽早执行操作（如DOMContentLoaded）　  

时间： 2024-10-12 20:47:04

js面试题-----运行环境的相关文章

NodeJs>------->>第二章：Node.js中交互式运行环境--------REL

第二章:Node.js中交互式运行环境--------REL 一:REPL运行环境概述 1 C:\Users\junliu>node 2 > foo = 'bar' ; 3 'bar' 4 > 二:在REPL运行环境中操作变量 1 C:\Users\junliu>node 2 > foo='bar' 3 'bar' 4 > var foo='bar' 5 undefined 6 > 1 console.log("foo='bar'"); //控

js面试题-----开发环境

题目1:git常用命令 答案: git add .(把修改的内容添加到本地分支)  git commit -m 'xxx'(生成一个提交,并添加注释)  git pull (把远程代码pull到本地)git push(把本地代码提交) git checkout  -b xxx(创建分支) git checkout xxx(切换分支) git branch(检查当前所在分支) git  diff(检查代码修改的地方) git  merge xxx(合并分支代码) 题目2:什么是模块化 答案:模块化

使用js 判断当前运行环境实在浏览器还是在手机

转: 在跨平台,各种浏览器,移动设备兼容的时候,经常要根据设备.浏览器做特定调整,所以判断设备和浏览器的工作,经常会用到,这里做一下总结. 有关浏览器类型的信息都藏在USER-AGENT里面,首先读取navigator.userAgent里面的信息,为了方便利用toLowerCase方法转成小写的形式.然后用MATCH方法进行匹配版本信息,这里提供了多个版本的测试信息,可以用来做后续代码的接口. 1)     判断移动端设备,区分android,iphone,ipad和其它 var ua = n

Vue.js 运行环境搭建详解（基于windows的手把手安装教学）及vue、node基础知识普及

Vue.js 是一套构建用户界面的渐进式框架.他自身不是一个全能框架——只聚焦于视图层.因此它非常容易学习,非常容易与其它库或已有项目整合.在与相关工具和支持库一起使用时,Vue.js 也能完美地驱动复杂的单页应用. 在配置环境之前呢,有些基础的东西还是要和大家普及一下的.如果你已经对Vue.js有所了解,那请点击 配置步骤  跳转到配置环境的阅读,否则,请耐心看完看完. 首先,介绍一下Vue.js的概念,他是干啥的呢?一定要配置vue的运行环境吗? 如上述Vue.js不是个全能的框架,因为他的

Vue.js项目的开发环境搭建与运行

写作背景:手上入一个用Vue框架写的微信公众号项目,根据公司安排,我负责项目源代码的验收工作(当然专业的工作检测会交给web开发人员,我只是想运行起来看一看). 1 开发环境安装步骤: (一)安装node.js(JavaScript运行环境runtime) 从node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以完成. 完成之后,开发命令行工具,输入 node -v 如果出现相应的版本号,则说明安装成功. 另外,npm是node.js下的包管理器,npm能很好的和诸如webp

vue.js初级教程--02.环境搭建

node.js 如何安装 官方网址  https://nodejs.org/en/ 如何验证node.js安装成功 node -v 能够解决什么问题 相较于其他服务器框架,它给系统性能能提升所带来的好处? node.js特性 javascript运行环境 依赖Chrome v8引擎进行代码解释 事件驱动 非阻塞I/O 轻量/可伸缩的 实时交互的应用面比较广(I/O密集型的服务器模型里面性能比较好) 单进程.单线程 解决的问题 并发连接数 案例 利用node.js http模块 我们监听端口888

node.js中的交互式运行环境-REPL

<Node.js权威指南>第2章Node.js中的交互式运行环境--REPL 开发者可以在该环境中很方便地输入各种JavaScript表达式并观察表达式的运行结果. 在学习Node.js框架的过程中,通过该运行环境的使用,我们可以很方便地了解Node.js中定义的各种对象所拥有的各种属性及方法.本节为大家介绍在REPL运行环境中操作变量 2.2 在REPL运行环境中操作变量 在REPL运行环境中,可以使用var关键字来定义一个变量并为其赋值,但是在输入了对其赋值进行的表达式后,该表达式的执行结

第二节：Node.js中的交互式运行环境——REPL

1.什么是REPL运行环境:为了使开发者方便测试javascript代码,提供了一个名为REPL(Read-Eval-Print-Loop)的可交互式运行环境. 2.怎么使用:在命令行窗口中,输入"node"命令并按下回车键,即可进入REPL运行环境. 3.声明对象并给属性赋值: > user=new Object();{}> user.name='yjh';'yjh'> user.age=20;20> user.setName=function(name){t

Egg.js运行环境配置场景

没有NODE_ENV和EGG_SERVER_ENV环境变量的场景 执行npm run dev,默认读取config.default.js. 执行npm run start,默认读取config.prod.js 有NODE_ENV和EGG_SERVER_ENV环境变量的场景 EGG_SERVER_ENV优先级高于NODE_ENV. 比如,要为开发流程增加集成测试环境 SIT.将 EGG_SERVER_ENV 设置成 sit(并建议设置 NODE_ENV = production,也可以不设置),启