gloria_chenjing

慕课网前端JS面试技巧笔记

前言

关于面试

前端水平的三个层次

基层工程师-基础知识
高级工程师-项目经验
架构师- 解决方案

几个面试题

题目很多，做具有代表的题目，举一反三

js 中使用 typeof 能得到哪些类型（==js 变量类型==）
何时使用 === 何时使用 == ？（==强制类型转换==）
window.onload 和 DOMContentLoaded 的区别（==浏览器渲染过程==）
用 js 连续创建 10 个标签，点击的时候弹出来对应的序号 (==作用域==)

简述如何实现一个模块加载器，实现类似 require.js 的基本功能（==js 模块化==）

实现数组的随机排序（==JS 基础算法==）

思考

拿到面试题第一时间看到的是什么（==考点==）
如何看待永远做不完的题海（==以不变应万变==）
如何对待接下来遇到的面试题？（==总结考点并扩展再反思题目==）

基础知识

js 基础三座大山

原型原型链
作用域闭包
异步单线程

面试题

1. js 中使用 typeof 能得到哪些类型

2. 何时使用 === 何时使用 ==

if (obj.a == null){
    // 这里相当于 obj.a === null || obj.a ===undefined ，因为 undefined == null 值为true
    // 这是 JQuery 中推荐的写法， 其余情况全部用 === （避免代码风险有代码洁癖）
}

3. JS 中有哪些内置函数

4. JS 变量按照存储方式区分为哪些类型，并描述其特点

5. 如何理解 JSON

知识点

变量类型：值类型和引用类型（指针）

引用类型包括：数组函数对象;引用类型公共空间，是指针

        var a=100;
        var b=a;
        a=200;
        console.log(b) //100

        var a={age:20};
        var b=a;
        b.age=21;
        console.log(a.age) //21

typeof只能区分值类型的详细类型，对引用类型无能为力，但可以区分出函数来

        typeof undefined;//undefined
        typeof 'abc';//string
        typeof 123;//number
        typeof true;//boolean
        typeof {};//object
        typeof [];//object
        typeof null;//object
        typeof console.log//function

强制类型转换(值类型的计算)
- ①字符串拼接
- ②==运算符
- ③if语句
- ④逻辑运算（布尔操作符逻辑非、逻辑与、逻辑或）
  - 逻辑非！ (结果总是 true/fasle )
    - 如果操作数是一个对象，返回 false
  - 逻辑与 &&
    - ==如果第一个操作是对象则返回第二个操作数==
    - 如果第二个操作数是对象，则只有在第一个操作数的求值结果为 true 的情况下才会返回该对象
    - 如果两个操作数都是对象，则返回第二个操作数
    - 如果第一个操作数是 null，则返回 null
    - 如果第一个操作数是 NaN，则返回 NaN
    - 如果第一个操作数是 undefined ，则返回 undefined。
    - 逻辑与操作符属于断路操作，如果第一个操作符能够决定结果，那么就不会再对第二个操作数求值。
  - ==逻辑或 ||==
    - 如果第一个操作数是对象，则返回第一个操作数
    - 如果两个操作数都是对象，则返回第一个操作数
    - 如果第一个操作数的求值结果为 false ，则返回第二个操作数
    - 如果两个操作数都是 NaN/null/undefined ，则返回 NaN/null/undefined

上面四种操作可能导致强制类型转换

       var a=100+10;//110
       var b=100+'10'//'10010'

       100 =='100'//true
       0==''//true
       null==undefined//true

       var a=true;
       if(a){
          //...
       }
       var b=100;
       if(b){
          //...
       }
       var c='';
       if(c){
          //...
       } 

       console.log(10&&0)//0
       console.log(''||'abc')//abc
       console.log(!window.abc)//true
       
       var a=100;
       console.log(!!a)//true

面试题解答 1

    面试题1、JS中使用typeof能得到的哪些类型？
            typeof undefined;//undefined
            typeof 'abc';//string
            typeof 123;//number
            typeof true;//boolean
            typeof {};//object
            typeof [];//object
            typeof null;//object
            typeof console.log//function

            typeof只能区分值类型的详细类型，对引用类型无能为力，但可以区分出函数来
     面试题2、何时使用===何时使用==？
            if(obj.a==null){
                //这里相当于obj.a===null||obj.a===undefined,简写形式
                //这是jquery源码中推荐的方法，其他的都用===
            }
     面试题3、JS中有哪些*内置函数*--数据封装类对象？
          //JS作为单纯语言的内置函数
            Object
            Array
            Boolean
            Number
            String
            Function
            Date
            RegExp
            Error
            //Global浏览器内置对象
            //Math是对象，不是函数
     面试题4、JS变量按照存储方式区分为哪些类型，并描述其特点
            //分为值类型和引用类型
            //值类型
            var a=10
            var b=a
            a=11
            console.log(b)//10

            //引用类型
            var obj1={x:100}
            var obj2=obj1
            obj1.x=200
            console.log(obj2.x)//200
            值类型直接存储的是值
            引用类型存储的是指向值的指针，这样做是为了节省内存
            值类型的值赋值后不会相互干预
            引用类型的赋值是变量指针的赋值，不是真的值的拷贝，他们的赋值是相互干预的。
     面试题5、如何理解JSON?
            //JSON只不过是一个JS对像而已，和MATH一样
            JSON.stringfy({a:10,b:20})
            JSON.parse('{"a":10,"b":20}')
            //注意:JS中为false的为 0 NaN null undefined '' false

原型和原型链

  *构造函数*
     function Foo(name,age){
        this.name=name;
        this.age=age;
        this.class="class-1";
        //return this;//默认有这一行
     }
     var f=new Foo('zhangsan',20)
     var f1=new Foo('lisi',22)//创建多个对象
     //new对象时函数中的this初始化为空对象，参数赋值完后返回this给f和f1
  *构造函数--扩展*
     var a={}其实是var a=new Object()的语法糖
     var a=[]其实是var a=new Array()的语法糖
     function Foo(){...}其实是var Foo=new Function(...)
     //使用instanceof判断一个函数是否是一个变量的构造函数
     //对象，数组，函数的构造函数其实是Object,Array,Function
     //判断一个变量是否是'数组'  变量 instanceof Array

原型规则(是学习原型链的基础)

所有的引用类型(数组，对象，函数)，都具有对像特性，即可自由扩展属性（除了null）
所有的引用类型（数组，函数，对象），都有一个 _proto_ 属性，属性值是一个普通对象
所有的函数，都有一个 prototype 属性，属性值也是一个普通的对象
函数的 prototype 称显式原型，引用类型的 _proto 成为隐式原型
所有的引用类型（数组，函数，对象），其 _proto_ 属性值都指向其构造函数的 prototype 属性值
当试图获取一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的_prot__(即它的构造函数的prototype)

image

         var obj={};obj.a=100;
         var arr=[];arr.a=100;
         function fn(){}
         fn.a=100;

         console.log(obj.__proto__);
         console.log(arr.__proto__);
         console.log(fn.__proto__);

         console.log(fn.prototype)

         console.log(obj.__proto__===Object.prototype)


        function Foo(name,age){
            this.name=name;
        }             
        Foo.prototype.alertName=function(){
             alert(this.name)
        }
        var f=new Foo('zhangsan');
        f.printName=function(){
            console.log(this.name);
        }
        f.printName();
        f.alertName();

        //循环对象自身的属性
        var item;
        for(item in f){
          //高级浏览器已经在for in中屏蔽了来自原型的属性
          //但是这里建议大家还是加上这个判断，保证程序的健壮性
          if(f.hasOwnProperty(item))
              console.log(item);
        }

  *原型链*
     f.toString()//要去f.__proto__.__proto__中去找
  *instanseof*
     **注意:** //用于判断引用类型属于哪个构造函数的方法
      f instanceof Foo的判断逻辑是:
         f的__proto__一层一层向上找，能否对应到Foo.prototype
      f instanceof Object也是正确的

面试题解答 2

面试题1、如何准确判断一个变量时数组类型？
           var arr=[]
           arr instanceof Array //true
           typeof arr//object,typeof是无法判断是否是数组的
    面试题2、写一个原型链继承的例子
       ①function Animal(){
          this.eat=function(){
             console.log('animal eat');
          }
       }
       function Dog(){
          this.bark=function(){
             console.log('dog bark')
          }
       }
       Dog.prototype=new Animal();
       var hashiqi=new Dog()

       ②function Elem(id){
           this.elem=document.getElementById(id);
       }
       Elem.prototype.html=function(val){
          var elem=this.elem;
          if(val){
              elem.innerHTML=val;
              return this;//链式操作
          }else{
             return elem.innerHTML;
          }
       }
      Elem.prototype.on=function(type,fn){
         var elem=this.elem;
         elem.addEventListener(type,fn);
         return this;
      }
      var elem=new Elem("div1");
      elem.html("hello world
").on("click",function(){alert("clicked")}).html("javascript
");
    面试题3、描述new一个对象的过程
       ①创建一个新对象
       ②this指向这个新对象
       ③执行代码，即对this赋值
       ④返回this
    面试题4、zepto(或其他框架)源码中如何使用原型链
       ①阅读源码是高效提高技能的方式
       ②但不能“埋头苦钻”有技巧在其中
       ③慕课网搜索“zepto设计和源码分析”

执行上下文

js 是解释型语言不是编译型语言，所以有些错误在编写程序时不会报错，什么时候执行什么时候报错

范围：一段

你可能感兴趣的:(前端常见问题)

SpringBoot后端服务重定向 m0_74825634 面试学习路线阿里巴巴 spring boot 后端 java
SpringBoot后端服务重定向方法引言方案使用SpringMVC的重定向功能使用SpringBoot的路径匹配功能使用反向代理使用SpringCloudGateway直接调用Controller层接口最后引言SpringBoot开发中，后端服务对代码进行重构后，计划更改一个功能接口的URL地址。但是却不想更改前端代码。这时就需要用到重定向，将前端原来的URL请求重定向到新的URL地址。方案使用
前端力扣刷题 | 5：hot100之普通数组酒酿泡芙1217 力扣hot100 leetcode 前端算法
53.最大子数组和给你一个整数数组nums，请你找出一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。子数组是数组中的一个连续部分。示例：输入：nums=[-2,1,-3,4,-1,2,1,-5,4]输出：6解释：连续子数组[4,-1,2,1]的和最大，为6。法一：双指针初始化：res用来存储当前的最大和，初始值为负无穷大。left是子数组的左边界，但它并不在实际计算中起作用，因
【编程小白必看】Python 开发工具操作秘籍一文全掌握 6个q python基础知识 python 开发语言
【编程小白必看】Python开发工具操作秘籍一文全掌握文章目录前言一、什么是Python开发工具？二、环境搭建三、常用开发工具介绍1.PyCharm2.VisualStudioCode(VSCode)3.JupyterNotebook4.Spyder5.SublimeText五、常见问题与解决方法1.缺少依赖库2.编辑器卡顿3.代码提示不准确总结前言嘿，小伙伴们！今天我们要一起走进Python开发
影视仓—2025年最新源接口，最强大便捷的影视盒子工具 SunnyRun！智能电视电视盒子 tvbox 影视仓影视仓最新接口源 2025影视仓最新接口电视安装三方软件
《前端开发面试题进阶秘籍》：前端登顶-前端知识点梳理小米盒子丨小米丨红米电视安装第三方软件教程！华为荣耀电视智慧屏安装第三方软件教程！天猫魔盒安装第三方软件、设置第三方软件自启方法！海信电视安装第三方软件通用教程！创维电视安装第三方软件！影视仓配置教程与使用小技巧！影视仓最新接口,2025免费API接口,TVBox源,影视仓源,4K配置接口,免费数据调用,绛州速寄,五折快递,寄大件物流,TV盒子配
（React组件基础）前端八股文修炼Day6 筱语悠里前端 react.js 前端框架
一类组件与函数组件有什么异同在React中，类组件和函数组件是创建组件的两种主要方式。随着React的发展，尤其是自Hooks在React16.8中引入以来，函数组件的功能变得更加强大，使得它们能够更加方便地与类组件相竞争。下面是类组件与函数组件在不同方面的异同：类组件特征:使用ES6的类语法定义。必须包含render()方法，其返回React元素。可以使用React生命周期方法（如compone
基于SpringBoot的模拟证券交易系统 SAFE20242034 #一 SpringBoot spring boot 后端 java
模拟证券交易系统项目概述本项目是一个基于Java的模拟证券交易系统，主要功能包括用户注册、登录、账户管理、股票查询、股票买卖以及交易记录查询等操作。系统采用SpringBoot实现后端，MySQL作为数据存储，前端使用HTML和JavaScript提供简单交互。主要功能模块1.用户注册与登录用户可以注册一个账户，包括用户名、密码、初始余额。用户登录后可访问其账户信息和进行股票交易操作。2.股票查询
【自己动手开发Webpack插件：开启前端构建工具的个性化定制之旅】 Orange301511 大前端前端 webpack node.js javascript typescript
在前端开发的世界里，Webpack无疑是构建工具中的“明星”。它强大的功能可以帮助我们高效地打包和管理前端资源。然而，有时候默认的Webpack功能可能无法完全满足我们的特定需求，这时候就需要自定义Webpack插件来大展身手啦！今天，我们就来一起探索如何开发自己的Webpack插件。一、什么是Webpack插件？Webpack插件就像是一个神奇的小助手，在Webpack打包的过程中，在特定的时刻
在 Vue 3 中，怎么管理环境变量＆白帝＆ vue3 vue.js 前端 javascript
在Vue3中，环境变量管理是通过.env文件来进行的，利用这些文件可以让开发者根据不同的环境（开发、生产、测试等）配置不同的变量。这一机制由Vite构建工具支持，它帮助开发者根据不同的环境需求做出相应配置。1.环境变量的基本概念在前端开发中，环境变量通常用于存储配置信息、密钥、API地址等，这些信息可能会因不同的部署环境而有所不同。通过.env文件，开发者可以确保在开发环境、生产环境等不同环境下使
SQLAlchemy 使用(一)创建单一model dehaili6776 数据库运维 python
前言最近项目等待前端接接口,比较空闲.就想学习一些新东西.学啥呢?考虑到ORM的易用性,还是学习一下ORM.那么与Flask搭配的ORM有flask-sqlalchemy但是该组件专为Flask定制.如JWT与Flask-JWT,考虑到适用性,还是觉得学SQLAlchemy好一些.正文安装要想使用SQLAlchemy,首当其冲的当然是安装啦pipinstallsqlalchemy建立model文件
常用的前端4种请求方式紫水木鱼前端
文章目录一、GET请求1.1使用方式1.2优缺点1.3应用场景二、POST请求2.1使用方式2.2优缺点2.3应用场景三、PUT请求3.1使用方式3.2优缺点3.３应用场景四、DELETE请求4.1使用方式4.2优缺点4.3应用场景五.总结一、GET请求GET请求用于向指定资源发出请求，请求中包含了资源的URL和请求参数。服务器端通过解析请求参数来返回相应的资源，不会修改服务器端的状态。1.1使用
【前端】Node.js使用教程大雨淅淅编程语言 vim 编辑器 linux node.js 开发语言前端
目录一、Node.js开发环境和编译1.1安装Node.js1.2创建一个Node.js项目1.3编写Node.js程序1.4运行Node.js程序1.5使用Node.js模块二、高级的Node.js编程概念和示例2.1异步编程2.2错误处理2.3网络请求2.4构建Web服务器2.5数据库交互三、Node.js开发中重要方面和概念3.1环境变量和配置文件3.1.1使用环境变量3.1.2使用配置文件
前端开发设计模式——单例模式夜月还山岚 JavaScript设计模式设计模式单例模式前端 javascript
目录一、单例模式的定义和特点：1.定义：2.特点：二、单例模式的实现方式：1.立即执行函数结合闭包实现：2.ES6类实现：三、单例模式的应用场景1.全局状态管理：2.日志记录器：3.数据库连接：四、单例模式的优点1.减少资源消耗：2.全局访问：3.易于管理：五、单例模式的缺点1.测试困难：2.违法单一职责原则：3.可能导致内存泄漏：六、单例模式的注意事项1.线程安全：2.延迟加载：3.可扩展性：在
前端开发设计模式——原型模式夜月还山岚 JavaScript设计模式原型模式前端设计模式
一、定义和特点1.定义原型模式是一种创建对象的方式，它通过复制一个已经存在的实例（称为原型）来创建新的实例，而不是通过传统的构造函数调用和初始化过程。2.特点高效创建对象：避免了重复执行复杂的构造过程，尤其是当对象的创建成本较高时，原型模式可以显著提高创建效率。灵活性：可以根据不同的需求对原型进行修改和扩展，从而创建出具有不同特性的新对象。动态性：在运行时可以动态地改变原型，使得创建的对象能够适应
前端开发常用的设计模式有哪些我有一棵树设计模式
模块模式：将代码封装成独立的模块，提高代码的可维护性和重用性。构造函数模式：使用构造函数来创建对象，每个对象都有自己的属性和方法。工厂模式：定义一个创建对象的接口，但由子类决定实例化哪个类2。单例模式：确保一个类只有一个实例，并提供全局访问点2。订阅-发布模式（观察者模式）：定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知12。装饰者模式：动态地给一个对
跨域问题及解决方案八月五实战项目 spring boot 后端
跨域问题不仅影响开发效率，还可能导致项目进度延误。因此，理解和掌握跨域问题的原理及其解决方案对于前端开发者和后端开发者来说都至关重要。本文将详细介绍什么是跨域、跨域产生的原因，以及常见的后端跨域解决方案。文章目录一、什么是跨域二、跨域产生的原因三、解决策略：1.CORS（跨域资源共享）2.在SpringBoot中配置CORS2.1在目标方法中添加`@CrossOrign`注解2.2添加Cors过滤
如何0基础自学网络安全技术，推荐一个非常稳的网络安全学习路线_网络安全入门学习路线星空真懒程序员 web安全学习安全
青铜（筑基期）度过了石器时代，你已经储备了一些计算机的基础知识：操作系统的使用，网络协议，前端基础，数据库初识，但这距离做网络安全还不够，在第二个青铜阶段，你还需要再进一步学习基础，在第一阶段之上，难度会开始慢慢上升。这一阶段需要学习的知识有：Web进阶在前面的石器时代，咱们初步接触了网页编程，了解了网页的基本原理。不过那时候是纯前端的，纯静态的网页，没有接触后端。在这个进阶的阶段，你要开始接触W
Electron常见问题 49 - module was compiled against a different Node.js version usingNODE_MODULE_VERSION Data-Mining Electron实战 node.js webview javascript electron 编译
目录问题解决《Electron实战》系列-总览_liuzhen007的专栏-CSDN博客欢迎大家阅读Data-Mining的《Electron实战》专栏。这里简单的罗列一下专栏的文章目录，一方面方便大家阅读，另一方面可以快速的查找对应的文章。需要说明的是，本专栏会持续更新，不断增加新的文章，同时，也会动态更新原有文章。https://liuzhen.blog.csdn.net/article/de
eggjs部署宝塔常见问题雾恋 eggjs 前端 eggjs javascript
最近在考虑做一个智能问答相关的网站，在选择后端服务器的时候觉得eggjs相对来说更适合我，然后就根据eggjs官网开始了搭建的工作，在搭建成功以后开始了部署工作，在此过程中发现了很多问题。一键安装依赖配置在项目跟路径创建index.js，我们在部署的时候宝塔会自动帮我们安装依赖，所以需要配置该文件。constegg=require('egg');constworkers=Number(proces
CRM客户管理系统前端基础配置信息------CRM项目旧约Alatus CRM项目前端 #VUE框架 json html5 javascript jquery css ajax echarts
CRM系统body{margin:0;}CRM系统body{margin:0;}{"name":"netcrm-front","private":true,"version":"0.0.0","type":"module","scripts":{"dev":"vite","build":"vitebuild","preview":"vitepreview"},"dependencies":{"@e
Azure AI-102 认证全攻略: (三十四)基本提示工程与 API 指南海棠AI实验室 AI-102 认证考试全攻略深度学习 azure microsoft AI-102
基本提示工程与API指南（修订版）本指南将详细介绍如何在AzureAIStudio中配置和使用AzureOpenAI服务，从创建和管理AIHub，到部署GPT-3.5Turbo及其他大语言模型（LLM），再到通过PromptEngineering优化交互体验。此外，我们将探讨API调用的最佳实践、安全合规要点，以及如何进行成本管理与常见问题排查。通过这些步骤，您可以在实际业务场景中快速上手并发挥模
由于直接提供完整的游戏商城代码超出了简单回答的范围，并且游戏商城的实现可以相当复杂，涉及前端展示、后端逻辑、数据库设计等多个方面，我会分别用几种流行的编程语言和技术栈概述如何开始搭建一个基本的游戏商城编程小飞侠a 游戏前端数据库
前端（HTML/CSS/JavaScript+React）React示例:fengbaoshun.com首先，你需要安装Node.js和npm（Node包管理器），然后使用CreateReactApp来快速启动你的前端项目。bashnpxcreate-react-appgame-store-frontendcdgame-store-frontendnpmstart接下来，你可以使用React组件来
由于直接提供完整的大型项目代码（如购物商城）在单一回答中是不切实际的，我将为你概述如何在几种流行的编程语言中设置购物商城的基本框架和思路。这包括前端（如HTML/CSS/JavaScript）和后端（ SigridFelix 前端 html css
前端（HTML/CSS/JavaScript）dz61.comHTML:创建基础的页面结构，如主页、商品列表页、购物车页和结账页。html我的购物商城欢迎来到我的购物商城商品列表购物车CSS:简单的样式表，用于美化页面。css/*styles.css*/body{font-family:Arial,sans-serif;}h1{color:#333;}ul{list-style-type:none
2025年创业公司技术栈选择：React与Vue对比硅基创想家编程语言 vue.js react.js 前端
前端开发、React、Vue、TypeScript有个残酷的事实：在2025年为你的技术栈挑选合适的框架，不是看哪个更酷炫或更热门，而是看哪个最契合你的特定需求。在前端开发领域，React和Vue这两大巨头正激烈竞争，吸引着你的目光。但有一点要明确：不存在“一刀切”的答案。React和Vue都是出色的框架，不过各自都有优势、特点和适用场景。你的决策不应只着眼于框架本身，而更应考虑团队、项目以及长期
C#导出excel： weixin_44120543 c#开发语言
前端：exportfunctionxxxx(query){returnrequest({url:'xxxx/xxxxx',method:'get',params:query,responseType:'blob'//设置响应类型为二进制数据})}xxxx(){this.queryForm.wayExport=0;//这里标记导出类型xxx(this.queryForm).then((respons
【前沿聚焦】机器学习的未来版图：从自动化到隐私保护的技术突破网罗开发人工智能 AI 大模型机器学习人工智能
网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
Nginx前端后端共用一个域名如何配置 Misnice Nginx nginx 前端运维
在Nginx中配置前端和后端共用一个域名的情况，通常是通过路径或子路径将请求转发到不同的服务。以下是一个示例配置，假设：前端静态文件在/var/www/frontend/。后端API服务运行在http://127.0.0.1:5000。域名是example.com，其中：静态前端通过example.com访问。后端API通过example.com/api/访问。server{listen80;se
LeetCode - #195 Swift 实现打印文件中的第十行网罗开发 Swift vue.js leetcode swift
网罗开发（小红书、快手、视频号同名）大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
Monorepo 在网易的工程改造实践若川视野前端 javascript npm vue.js 开发语言
大家好，我是若川。我持续组织了近一年的源码共读活动，感兴趣的可以点此扫码加我微信lxchuan12参与，每周大家一起学习200行左右的源码，共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》包含20余篇源码文章。历史面试系列。另外：目前建有江西|湖南|湖北籍前端群，可加我微信进群。背景目前云音乐内有多个RN收银台场景分布在不同的工程，比如页面收银台，浮层收银台，个性收银台等，后续可能还会有别
docker部署redis最佳实践 kucoll docker docker redis 容器
使用docker部署mysql最佳实践拉取镜像创建目录及配置文件Redis配置说明创建目录创建配置文件运行容器redis数据管理进入容器并登录redisredis基本命令备份RedisRDB数据恢复RedisRDB数据备份RedisAOF数据恢复RedisAOF数据防火墙配置常见问题处理日志警告WARNINGovercommit_memory拉取镜像dockerpullredis:6.2.6创建目
【前端】--- ES6上篇（带你深入了解ES6语法）心.c javascript es6 开发语言 ecmascript html css
前言：ECMAScript是JavaScript的标准化版本，由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6是ECMAScript的第六个版本，于2015年发布，引入了许多重要的新特性，使JavaScript更加现代化。目录变量声明：let声明:var声明:const声明:解构（数组，对象，字符串）：数组解构：对象解构：字符串解构
Spring4.1新特性——Spring MVC增强 jinnianshilongnian spring 4.1
目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
mysql 性能查询优化 annan211 java sql 优化 mysql 应用服务器
1 时间到底花在哪了？ mysql在执行查询的时候需要执行一系列的子任务，这些子任务包含了整个查询周期最重要的阶段，这其中包含了大量为了检索数据列到存储引擎的调用以及调用后的数据处理，包括排序、分组等。在完成这些任务的时候，查询需要在不同的地方花费时间，包括网络、cpu计算、生成统计信息和执行计划、锁等待等。尤其是向底层存储引擎检索数据的调用操作。这些调用需要在内存操
windows系统配置 cherishLC windows
删除Hiberfil.sys ：使用命令powercfg -h off 关闭休眠功能即可： http://jingyan.baidu.com/article/f3ad7d0fc0992e09c2345b51.html 类似的还有pagefile.sys msconfig 配置启动项 shutdown 定时关机 ipconfig 查看网络配置 ipconfig /flushdns
人体的排毒时间 Array_06 工作
======================== || 人体的排毒时间是什么时候？|| ======================== 转载于： http://zhidao.baidu.com/link?url=ibaGlicVslAQhVdWWVevU4TMjhiKaNBWCpZ1NS6igCQ78EkNJZFsEjCjl3T5EdXU9SaPg04bh8MbY1bR
ZooKeeper cugfy zookeeper
Zookeeper是一个高性能，分布式的，开源分布式应用协调服务。它提供了简单原始的功能，分布式应用可以基于它实现更高级的服务，比如同步，配置管理，集群管理，名空间。它被设计为易于编程，使用文件系统目录树作为数据模型。服务端跑在java上，提供java和C的客户端API。 Zookeeper是Google的Chubby一个开源的实现，是高有效和可靠的协同工作系统，Zookeeper能够用来lea
网络爬虫的乱码处理随意而生爬虫网络
下边简单总结下关于网络爬虫的乱码处理。注意，这里不仅是中文乱码，还包括一些如日文、韩文、俄文、藏文之类的乱码处理，因为他们的解决方式是一致的，故在此统一说明。网络爬虫，有两种选择，一是选择nutch、hetriex，二是自写爬虫，两者在处理乱码时，原理是一致的，但前者处理乱码时，要看懂源码后进行修改才可以，所以要废劲一些；而后者更自由方便，可以在编码处理
Xcode常用快捷键张亚雄 xcode
一、总结的常用命令：隐藏xcode command+h 退出xcode command+q 关闭窗口 command+w 关闭所有窗口 command+option+w 关闭当前
mongoDB索引操作 adminjun mongodb 索引
一、索引基础： MongoDB的索引几乎与传统的关系型数据库一模一样，这其中也包括一些基本的优化技巧。下面是创建索引的命令： > db.test.ensureIndex({"username":1}) 可以通过下面的名称查看索引是否已经成功建立： &nbs
成都软件园实习那些话 aijuans 成都软件园实习
无聊之中，翻了一下日志，发现上一篇经历是很久以前的事了，悔过~~ 　　断断续续离开了学校快一年了，习惯了那里一天天的幼稚、成长的环境，到这里有点与世隔绝的感觉。不过还好，那是刚到这里时的想法，现在感觉在这挺好，不管怎么样，最要感谢的还是老师能给这么好的一次催化成长的机会，在这里确实看到了好多好多能想到或想不到的东西。　　都说在外面和学校相比最明显的差距就是与人相处比较困难，因为在外面每个人都
Linux下FTP服务器安装及配置 ayaoxinchao linux FTP服务器 vsftp
检测是否安装了FTP [root@localhost ~]# rpm -q vsftpd 如果未安装：package vsftpd is not installed 安装了则显示：vsftpd-2.0.5-28.el5累死的版本信息安装FTP 运行yum install vsftpd命令，如[root@localhost ~]# yum install vsf
使用mongo-java-driver获取文档id和查找文档 BigBird2012 driver
注：本文所有代码都使用的mongo-java-driver实现。在MongoDB中，一个集合（collection）在概念上就类似我们SQL数据库中的表（Table），这个集合包含了一系列文档（document）。一个DBObject对象表示我们想添加到集合（collection）中的一个文档（document），MongoDB会自动为我们创建的每个文档添加一个id，这个id在
JSONObject以及json串 bijian1013 json JSONObject
一.JAR包简介要使程序可以运行必须引入JSON-lib包，JSON-lib包同时依赖于以下的JAR包： 1.commons-lang-2.0.jar 2.commons-beanutils-1.7.0.jar 3.commons-collections-3.1.jar &n
[Zookeeper学习笔记之三]Zookeeper实例创建和会话建立的异步特性 bit1129 zookeeper
为了说明问题，看个简单的代码， import org.apache.zookeeper.*; import java.io.IOException; import java.util.concurrent.CountDownLatch; import java.util.concurrent.ThreadLocal
【Scala十二】Scala核心六：Trait bit1129 scala
Traits are a fundamental unit of code reuse in Scala. A trait encapsulates method and field definitions, which can then be reused by mixing them into classes. Unlike class inheritance, in which each c
weblogic version 10.3破解 ronin47 weblogic
版本：WebLogic Server 10.3 说明：%DOMAIN_HOME%：指WebLogic Server 域(Domain）目录例如我的做测试的域的根目录 DOMAIN_HOME=D:/Weblogic/Middleware/user_projects/domains/base_domain 1.为了保证操作安全，备份%DOMAIN_HOME%/security/Defa
求第n个斐波那契数 BrokenDreams
今天看到群友发的一个问题：写一个小程序打印第n个斐波那契数。自己试了下，搞了好久。。。基础要加强了。 &nbs
读《研磨设计模式》-代码笔记-访问者模式-Visitor bylijinnan java 设计模式
声明：本文只为方便我个人查阅和理解，详细的分析以及源代码请移步原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; interface IVisitor { //第二次分派，Visitor调用Element void visitConcret
MatConvNet的excise 3改为网络配置文件形式 cherishLC matlab
MatConvNet为vlFeat作者写的matlab下的卷积神经网络工具包，可以使用GPU。主页： http://www.vlfeat.org/matconvnet/ 教程： http://www.robots.ox.ac.uk/~vgg/practicals/cnn/index.html 注意：需要下载新版的MatConvNet替换掉教程中工具包中的matconvnet： http
ZK Timeout再讨论 chenchao051 zookeeper timeout hbase
http://crazyjvm.iteye.com/blog/1693757 文中提到相关超时问题，但是又出现了一个问题，我把min和max都设置成了180000，但是仍然出现了以下的异常信息： Client session timed out, have not heard from server in 154339ms for sessionid 0x13a3f7732340003
CASE WHEN 用法介绍 daizj sql group by case when
CASE WHEN 用法介绍 1. CASE WHEN 表达式有两种形式 --简单Case函数 CASE sex WHEN '1' THEN '男' WHEN '2' THEN '女' ELSE '其他' END --Case搜索函数 CASE WHEN sex = '1' THEN
PHP技巧汇总:提高PHP性能的53个技巧 dcj3sjt126com PHP
PHP技巧汇总:提高PHP性能的53个技巧　　用单引号代替双引号来包含字符串，这样做会更快一些。因为PHP会在双引号包围的字符串中搜寻变量，　　单引号则不会，注意：只有echo能这么做，它是一种可以把多个字符串当作参数的函数译注：　　PHP手册中说echo是语言结构，不是真正的函数，故把函数加上了双引号)。　　1、如果能将类的方法定义成static，就尽量定义成static，它的速度会提升将近4倍
Yii框架中CGridView的使用方法以及详细示例 dcj3sjt126com yii
CGridView显示一个数据项的列表中的一个表。表中的每一行代表一个数据项的数据,和一个列通常代表一个属性的物品(一些列可能对应于复杂的表达式的属性或静态文本)。　　CGridView既支持排序和分页的数据项。排序和分页可以在AJAX模式或正常的页面请求。使用CGridView的一个好处是,当用户浏览器禁用JavaScript,排序和分页自动退化普通页面请求和仍然正常运行。实例代码如下：
Maven项目打包成可执行Jar文件 dyy_gusi assembly
Maven项目打包成可执行Jar文件在使用Maven完成项目以后，如果是需要打包成可执行的Jar文件，我们通过eclipse的导出很麻烦，还得指定入口文件的位置，还得说明依赖的jar包，既然都使用Maven了，很重要的一个目的就是让这些繁琐的操作简单。我们可以通过插件完成这项工作，使用assembly插件。具体使用方式如下： 1、在项目中加入插件的依赖： <plugin>
php常见错误 geeksun PHP
1. kevent() reported that connect() failed (61: Connection refused) while connecting to upstream, client: 127.0.0.1, server: localhost, request: "GET / HTTP/1.1", upstream: "fastc
修改linux的用户名 hongtoushizi linux change password
Change Linux Username 更改Linux用户名，需要修改4个系统的文件： /etc/passwd /etc/shadow /etc/group /etc/gshadow 古老/传统的方法是使用vi去直接修改，但是这有安全隐患（具体可自己搜一下），所以后来改成使用这些命令去代替： vipw vipw -s vigr vigr -s 具体的操作顺
第五章常用Lua开发库1-redis、mysql、http客户端 jinnianshilongnian nginx lua
对于开发来说需要有好的生态开发库来辅助我们快速开发，而Lua中也有大多数我们需要的第三方开发库如Redis、Memcached、Mysql、Http客户端、JSON、模板引擎等。一些常见的Lua库可以在github上搜索，https://github.com/search?utf8=%E2%9C%93&q=lua+resty。 Redis客户端 lua-resty-r
zkClient 监控机制实现 liyonghui160com zkClient 监控机制实现
直接使用zk的api实现业务功能比较繁琐。因为要处理session loss，session expire等异常，在发生这些异常后进行重连。又因为ZK的watcher是一次性的，如果要基于wather实现发布/订阅模式，还要自己包装一下，将一次性订阅包装成持久订阅。另外如果要使用抽象级别更高的功能，比如分布式锁，leader选举
在Mysql 众多表中查找一个表名或者字段名的 SQL 语句 pda158 mysql
在Mysql 众多表中查找一个表名或者字段名的 SQL 语句：　　方法一：SELECT table_name, column_name from information_schema.columns WHERE column_name LIKE 'Name'; 　　方法二：SELECT column_name from information_schema.colum
程序员对英语的依赖 Smile.zeng 英语程序猿
1、程序员最基本的技能，至少要能写得出代码，当我们还在为建立类的时候思考用什么单词发牢骚的时候，英语与别人的差距就直接表现出来咯。 2、程序员最起码能认识开发工具里的英语单词，不然怎么知道使用这些开发工具。 3、进阶一点，就是能读懂别人的代码，有利于我们学习人家的思路和技术。 4、写的程序至少能有一定的可读性，至少要人别人能懂吧... 以上一些问题，充分说明了英语对程序猿的重要性。骚年
Oracle学习笔记(8) 使用PLSQL编写触发器 vipbooks oracle sql 编程活动 Access
时间过得真快啊，转眼就到了Oracle学习笔记的最后个章节了，通过前面七章的学习大家应该对Oracle编程有了一定了了解了吧，这东东如果一段时间不用很快就会忘记了，所以我会把自己学习过的东西做好详细的笔记，用到的时候可以随时查找，马上上手！希望这些笔记能对大家有些帮助！这是第八章的学习笔记，学习完第七章的子程序和包之后

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他

慕课网 前端JS面试技巧 笔记

前言

关于面试

几个面试题

思考

基础知识

js 基础三座大山

面试题

1. js 中使用 typeof 能得到哪些类型

2. 何时使用 === 何时使用 ==

3. JS 中有哪些内置函数

4. JS 变量按照存储方式区分为哪些类型，并描述其特点

5. 如何理解 JSON

知识点

面试题解答 1

原型和原型链

原型规则(是学习原型链的基础)

面试题解答 2

执行上下文

你可能感兴趣的:(前端常见问题)

慕课网前端JS面试技巧笔记