Light.T的博客

运行环境运行环境即浏览器( server端有 Node.js )，下载网页代码，渲染出页面，期间会执行若干JS。运行环境要保证代码在浏览器中稳定且高效。重点包括网页加载过程、性能优化、安全。页面加载与渲染过程加载资源的形式HTML代码媒体文件，如图片、视频等JavaScript、CSS加载资源的过程DNS解析：域名->IP地址浏览器根据IP地址向服务器发起http请求服务器处理http请求，并返回给浏览器渲染页面的过程根据 HTML 代码生..

请描述一下 cookies，sessionStorage 和 localStorage 的区别？cookie 是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）cookie 数据始终在同源的 http 请求中携带（即使不需要），记会在浏览器和服务器间来回传递。sessionStorage 和 localStorage 不会自动把数据发给服务器，仅在本地保存。存储大小：cookie 数据大小不能超过 4k。sessionStorage..

关于开发环境面试官想通过开发环境了解候选人的实际工作情况开发环境的工具，能体现工作产出的效率会以聊天形式为主，不会问具体的问题git最常用的代码版本管理工具大型项目需要多人协作开发，必须熟用git如果你不知道或者之前不用git ，不会通过面试常用命令git add.git checkout XXXgit commit -m "XXX"git push origin mastergit pull origin mastergit branchgit c..

事件绑定const btn = document.getElementById('btn1')btn.addEventListener('click', event => { console.log('clicked')}// 事件绑定函数function bindEvent (elem, type, fn) { elem.addEventListener(type, fn)}const btn1 = document.getElementById('btn1')..

navigator// navigator 识别浏览器的类型const ua = navigator.userAgentconst isChrome = ua.index0f('Chrome')console.log(isChrome)screen// screenconsole.log(screen.width)console.log(screen.height)location// location 分析拆解url各个部分console.log(location.h..

【前端学习指南】JS-Web-API-AjaxXMLHttpRequest// get 请求const xhr = new XMLHttpRequest()xhr.open("GET", "/api/data.json", true) // true 指函数异步执行xhr.onreadystatechange = function () { if (xhr.readyState === 4) { console.log('请求完成') if (xhr.sta

代码class jQuery { constructor(selector) { const result = document.querySelectorAll(selector) // DOM查询 const length = result.length for (let i = 0; i < length; i++) { this[i] = result[i] } this.len

浅拷贝定义：浅拷贝是拷贝第一层的拷贝方法：使用Object.assign解决这个问题。let a = { age: 1}let b = Object.assign({}, a)a.age = 2console.log(b.age) // 1通过展开运算符 ... 来实现浅拷贝let a = { age: 1}let b = {...a};a.age = 2;console.log(b.age) // 1深拷贝定义：深拷贝是拷贝所有..

边框圆角效果div.a { /* 上右下左都是 10px */ border-radius: 10px; /* 上右下左参数不一 */ border-radius: 10px 20px 30px 40px; }实心圆div.a { height: 100px; width: 100px; backgrou..

CSS有两种盒模型，宽度=内容宽度+padding+border+margin标准盒模型：设置为box-sizing=content-boxwidth=内容宽度IE盒模型:width=内容+padding+border设置为box-sizing=border-boxwidth=内容宽度+padding+borderCSS有三种布局方式：Flow-文档流Layer-层模型Float-浮动文档流就是按元素的属性，按顺序垂直延伸显示，内联元素不单独占据一行，块..

【前端面试指南】JS编程题汇总总结：数组拷贝方法//slicefunction copy(arr) { ans = arr.slice(0); return ans}//push.applyfunction copy(arr) { let ans = [] ans = [].push.apply(ans, arr); return ans}//concatfunction copy(arr) { let ans = arr.conc

文章目录1.居中布局2.多列布局3.圣杯\双飞翼布局4.等分布局5.等高布局1.居中布局水平居中布局inline-block + text-algin属性 配合使用table + margin属性 配合使用\3. absolute + transform属性 配合使用垂直居中布局table-cell 和 vertical-algin 配合实现absolute 和 tran...

心得：拿到一个面试题，第一时间看到的是考点。如何应对做不完的题海？以不变应万变，考点是不会变的。练习面试题，要从题目到知识点，再从知识点回到题目。高效学习三部曲：找准知识体系、刻意训练、及时反馈;涵盖所有知识点：结构化、有组织、易扩展知识结构：W3C标准ES6开发环境运行环境知识体系是结构化的知识范围：JS基本语法JS-Web-API开发环境运行环境...

前端常见面试流程一面:基础知识JS基础知识框架基本使用二面:高级特性+原理框架高级特性框架原理三面: 设计+经验项目设计能力工作经验和环境通过面试如何应对上述面试题?框架的使用(基本使用,高级特性,周边插件)框架的原理(基本原理的了解,热门技术的深度,全面性)框架的实际应用,即设计能力(组件结构,数据结构)面试官为何要这样考察?保证候选人能正常工作一考察使用多个候选人竞争时,选择有技术追求的一考察原理看候选人是否能独立承担项目一考察设计能.

前言Vue和React框架应用广泛，封装了DOM操作但DOM操作一直都是前端工程师的基础、必备知识只会vue而不懂DOM操作的前端程序员，不会长久知识点DOM本质DOM性能DOM节点操作DOM结构操作DOM节点操作获取DOM节点attributeproperty获取DOM节点const div1 = document.getElementById('div1') //元素const divList = document.getElementsByTa..

作用域全局作用域函数作用域块级作用域( ES6新增)只有变量会向外部寻找，找到就不不管了·闭包//函数作为返回值function create() { let a=100 return function () { console. log(a) }}let fn = create( )let a=200fn()//fn()都是100//函数作为参数function print(fn) { let a=200 fn() }let a=10..

class和继承类型判断instanceof原型和原型链类型判断 - instanceofxialuo instanceof Student // truexialuo instanceof People // truexialuo instanceof object //true[] instanceof Array // true [] instanceof Object // true{} instanceof Object // true...

【前端面试指南】JS-异步和单线程知识点单线程和异步应用场景callback hell和Promise单线程和异步遇到等待(网络请求,定时任务)不能卡住需要异步回调callback函数形式异步和同步//异步console. log (100)setTimeout( function ( ) console.log (200) J,1000)console.log(300)//同步console.log( 100

心得：拿到一个面试题，第一时间看到的是考点。如何应对做不完的题海？以不变应万变，考点是不会变的。练习面试题，要从题目到知识点，再从知识点回到题目。知识结构：W3C标准ES6开发环境运行环境知识体系：JS基本语法JS-Web-API开发环境运行环境变量：值类型和应用类型 由于对内存和空间管理的考虑，值类型用栈，变量直接直向值，引用类型用堆，变量指向的是堆里的内存地址。对象 数组都是引用类型，null是特殊的引用类型，指针指向空地址函数是一个特..

babel作用：转换，把高版本的ES6转换成低版本的ES5babel安装步骤安装node.js,需要使用其npm在dos界面,进入工程目录,生成package.json文件安装babel ,用于转码安装转码规则创建.babelrc文件babel安装命令npm init --ynpm install -g babel-clinpm install --save babel-preset-es2015babel es6.js --presets-es2015bab..

文章目录1. ES和JS的关系2. JS变量的作用范围3. 字符串处理4. 函数扩展5. 循环6. Set7. Map8. Module语法1. ES和JS的关系JS的组成：ECMAScript + DOM + BOMJS包含了ES，JS的语法是遵循ES的ES5是经典语法，ES6+做了很多改进，增加了很多新特性2. JS变量的作用范围let命令不存在变量提升，如果在let前使用，会导致报错console.log(k);var k = 20; // undefinedconsole

岗位要求总结：计算机基础计算机理论知识体系完善，熟悉计算机网络、计算机组成原理、操作系统；数据结构和算法基础扎实前端技术基础编程基础扎实，良好的设计和编码品味，热爱写代码，能产出高质量的设计和代码，具有良好的代码风格、接口设计与程序架构；具备良好的编码习惯，结构清晰，命名规范，逻辑性强，代码冗余率低；良好的抽象设计和工程设计能力；是个细节控，信仰【代码是写给人看的，顺便给机器运...

前端三大件：HTML定义了结构，CSS定义了样式，JS定义了行为HTML的常见元素有：|head区| ||–|--|| | ||–|--|| | |List item

文章目录1. HTTP的几种请求方法用途2. 介绍一下你对浏览器内核的理解？3. 主流浏览器机器内核4. 请描述一下 cookies，sessionStorage 和 localStorage 的区别？5. HTML5的离线储存怎么使用，工作原理能不能解释一下？6. 如何实现浏览器内多个标签页之间的通信?7. webSocket 如何兼容低浏览器？8. 浏览器是怎么对 HTML5 的离线储存资源进...

一句话总结：基于目标岗位要求，具象描述你独特的竞争力。具体包括以下3个技巧：通过量化的数据描述你的能力和经历，如绝对能力和相对排名；具体地描述你所达成的成果，拉开你和其他竞争者的差距；强调自己独特的思考和创新，展示你有超出常人的思考和创新能力；举例说明，假设你要应聘一个搬砖的岗位，应该如何写你的简历？错误的写法：我热爱搬砖，我身强体壮，我每天都在搬砖……正确的写法：我一...

交谈之前首先要确定个人的薪资底线。做好两个方面准备：面试前提前了解该企业岗位的薪资范围，了解本地区该岗位的平均薪资情况。切忌面试提问的时候，一开口就问薪资情况，要先问企业发展、行业情况、入职培训情况，最后才是薪资问题。面试官考察角度：你对自身价值的判断你对待薪酬的态度你期望薪资与企业的新资标准是否一致示例如下：“薪资是个人价值的体现，应该与个人的表现相匹配，刚毕业...

前端交流经常会用到很多专业的英文单词和术语，但有些同学并不注意其拼写格式，甚至有同学在简历上的拼写也不规范，以下是错误的书写方式和正确的书写，供大家参考：错误拼写正确拼写JavascriptJavaScriptcssCSShtmlHTMLphpPHPpythonPythonvue.jsVue.jsreact.jsReact.j...