随笔分类 -  javascript

摘要:当我们需要找工作的时候,面试对于我们每个程序员来说都是非常重要的环节,掌握一些面试题技巧是非常有必要的,今天主要分享几个js有关的面试题 作用域 值类型和引用类型的传递 封装函数将字符串进行驼峰命名 根据某个字符进行切割 javascript var arr=[5,4,3,2,1] //轮数 for 阅读全文
posted @ 2020-04-13 13:12 前端岚枫 阅读(250) 评论(0) 推荐(0)
摘要:let ES6新增的用于声明变量的关键字 let声明的变量只在所处于的块级有效 不存在变量提升 暂时性死区 注意: 使用let 关键字声明的变量才具有块级作用域,使用var声明的变量不具备块级作用域特性。 在一个大括号中,使用let 关键字声明的变量才具有块级作用域,var关键字是不具备这个特点的。 阅读全文
posted @ 2020-03-07 22:08 前端岚枫 阅读(409) 评论(0) 推荐(0)
摘要:1 正则表达式概述 1.1 什么是正则表达式 正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在Javascript中,正则表达式也是对象。正则表通常被用来检索,替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线,昵称输入 阅读全文
posted @ 2020-03-06 09:37 前端岚枫 阅读(548) 评论(0) 推荐(0)
摘要:1. 函数的定义和调用 1.1 函数的定义方式 1. 函数声明方式function关键字(命名函数) 1. 函数表达式(匿名函数) 1. new Function() Function里面参数都必须是字符串格式 第三种方式执行效率低,也不方便书写,用的比较少 所有函数都是Function的实例(对象 阅读全文
posted @ 2020-03-02 14:13 前端岚枫 阅读(271) 评论(0) 推荐(0)
摘要:1. ES5中新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括以下几个方面 数组方法 字符串方法 对象方法 2. 数组方法 迭代遍历方法:forEach()、map()、filter()、some()、every()判断方法:isArray() 2.1 forEach跟jQuery的 阅读全文
posted @ 2020-03-01 20:46 前端岚枫 阅读(479) 评论(0) 推荐(0)
摘要:在ES6之前,javascript不跟其他语言一样,有直接继承的方法,它需要借助于构造函数+原型对象模拟实现继承。现在我们可以利用ES6的extends方法实现继承,如果想了解更多有关ES6实现的继承请查看《 "ES6学习笔记(二):教你玩转类的继承和类的对象" 》,在这里不再做更多的介绍。 ES6 阅读全文
posted @ 2020-02-29 17:26 前端岚枫 阅读(301) 评论(0) 推荐(0)
摘要:1.1 概述 在典型的OOP的语言中,都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没有引入类的概念。对象不是基于类创建的,而是用一种构造函数的特殊函数来定义对象和它们的特征。 创建对象可以通过以下三种方式: 1. 对象字面量 2. new Object 3. 自定义构 阅读全文
posted @ 2020-02-28 22:50 前端岚枫 阅读(628) 评论(0) 推荐(0)
摘要:前两篇文章主要介绍了类和对象、类的继承,如果想了解更多理论请查阅《 "ES6学习笔记(一):轻松搞懂面向对象编程、类和对象" 》、《 "ES6学习笔记(二):教你玩转类的继承和类的对象" 》,今天主要来分享关于如何用js面向对象的思维来实现tab栏的一些相关的功能。 要实现的功能分析 1. 点击ta 阅读全文
posted @ 2020-02-28 22:49 前端岚枫 阅读(776) 评论(2) 推荐(1)
摘要:继承 程序中的继承: 子类可以继承父类的一些属性和方法 super关键字 super关键字用于访问和调用对象父类上的函数,可以通过调用父类的构造函数,也可以调用父类的普通函数 继承的特点: 1. 继承中,如果实例化子类输出一个方法,先看子类有没有这个方法,如果有就先执行子类,(就近原则) 1. 继承 阅读全文
posted @ 2020-02-27 23:26 前端岚枫 阅读(263) 评论(0) 推荐(0)
摘要:@[TOC] 面向过程编程P OP(Process oriented programming) 面向过程就是分析出解决问题的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用就可以了。 优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程 缺点:没有 阅读全文
posted @ 2020-02-25 22:37 前端岚枫 阅读(711) 评论(0) 推荐(0)
摘要:不知不觉地春节要来临了,今天已经是放假的第二天,想想回老家之后所有的时间就不是自己的了,要陪孩子玩,走亲戚等等,我还是趁着在郑州的这两天,把几天后春节要发布的文章给提前整整。在此,提前祝大家春节快乐!! 前面我已写了6篇相关的Webpack方面的技术知识点,今天我主要分享有关PostCSS方面的技术 阅读全文
posted @ 2020-02-25 10:34 前端岚枫 阅读(1626) 评论(0) 推荐(0)
摘要:2020年春节已过,本来打算回郑州,却因为新型冠状病毒感染肺炎的疫情公司推迟了上班的时间,我也推迟了去郑州的时间,在家多陪娃几天。以前都是在书房学习写博客,今天比较特殊,抱着电脑,在楼顶晒着太阳,陪着家人,写着博客。 前面的几篇文章主要告诉大家如何安装、配置webpack、webpack实现样式分离 阅读全文
posted @ 2020-02-25 10:32 前端岚枫 阅读(723) 评论(0) 推荐(0)
摘要:上一篇文章中,我主要分享了《 "Webpack如何分离样式文件" 》CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序,css预处理指的是在开发中我们经常会使用一些样式预编译语言,在项目打包过程中再将这些预编译语言转换成css。这些预编译语言具有便捷的特性,使用这些,可以减少代 阅读全文
posted @ 2020-01-21 09:20 前端岚枫 阅读(471) 评论(0) 推荐(0)
摘要:在上一篇文章中我给大家分享了预处理器(loader),里面讲到了style loader 和css loader,有关样式引入的问题,但是上面的样式文件只是引入到style标签里面,并不是我想要的样式文件独立分离。 如果想了解有关css loader和style loader可以参考以下地址: "W 阅读全文
posted @ 2020-01-19 11:40 前端岚枫 阅读(321) 评论(0) 推荐(0)
摘要:前面三节,我主要给大家分享了有关webpack的一些配置的知识点,如何打包js文件,而如果我们遇到其他类型的资源如图片、css、字体font等等,我们该如何处理呢?今天会介绍预处理器(loader),它赋予了Webpack可处理不同资源类型的能力,极大丰富了其可扩展性。 如果想了解Webpack的基 阅读全文
posted @ 2020-01-19 11:39 前端岚枫 阅读(990) 评论(0) 推荐(0)
摘要:关于Webpack前两篇跟大家分享的主要是Webpack的一些基本的配置,今天开始我们详细了解一下有关Webpack的各种配置,今天主要跟大家分享的是Webpack的资源入口和资源出口的配置。 如果想了解前两篇的文章请访问下面的地址: "Webpack实战(一):Webpack打包工具安装及参数配置 阅读全文
posted @ 2020-01-11 09:46 前端岚枫 阅读(756) 评论(0) 推荐(0)