JavaScript基础学习
夯实Angular基础之Javascript语言,基础知识分享和扩展
Angular baby
软妹前端开发工程师自留地,专注Angular、Vue。
展开
-
Vue:在特定页面(route)执行定时任务
首先在项目的入口App.vue中使用watch对路由route进行判断,当路由不是指定的"Dashboard"路由时执行事件触发,关闭定时任务:watch: { $route: { handler (newValue) { if (newValue.name != "Dashboard") { events.$emit('clearInterval') } }, immediate: true }原创 2022-02-07 14:05:51 · 1105 阅读 · 0 评论 -
AngularJs:跨一级导航进行路由跳转时,自动刷新对应二级导航栏的内容
对AngularJs初学者来说,有了Angular6的经验,直接上手项目时,有的用法还是不太清晰:之前我在AngularJs做导航之间的路由跳转的时候,都没有接触过跨一级导航跳转的情况,所以没有接触过需要刷新二级导航列表的情况,今天遇到时候,发现使用之前传统的$state.go()方法没有对二级导航的列表做处理,结果就是一级导航跳转过去了,二级导航栏还是维持原有的列表——原本的代码:$scope.transforOut = function (item) {原创 2020-07-06 09:15:12 · 492 阅读 · 0 评论 -
Vue:单文件组件-学习笔记
在很多 Vue 项目中,我们使用Vue.component来定义全局组件,紧接着用new Vue({ el: '#container '})在每个页面内指定一个容器元素。这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的视图。但当在更复杂的项目中,或者你的前端完全由 JavaScript 驱动的时候,下面这些缺点将变得非常明显:全局定义...原创 2020-03-13 14:28:22 · 2954 阅读 · 0 评论 -
前端笔试题整理:活到老学到老③
18、改造下面的代码,使之输出0 - 9,写出你能想到的所有解法。for (var i = 0; i< 10; i++) { setTimeout(() => { console.log(i); }, 1000) }答案:首先我们先要复习一下setTimeout的用法:方法一:我们可以使用setTimeout的第三个参数,会作为回调函数的第一个参数...原创 2020-02-13 17:30:47 · 303 阅读 · 0 评论 -
Angular:正则表达式的使用
正则表达式:e.g:(?0\d{2}[) -]?\d{8}首先是一个转义字符(,它能出现0次或1次(?),然后是一个0,后面跟着2个数字(\d{2}),然后是)或-或空格中的一个,它出现1次或不出现(?),最后是8个数字(\d{8})。ps:?表示出现1次或者不出现。1:匹配身份证号正则表达式:(^\d{15}$)|(^\d{17}([0-9]|X)$)2:匹...原创 2019-11-12 16:28:10 · 4777 阅读 · 0 评论 -
Javascript基础——DOM
Javascript基础——DOMDOM学习要点DOM介绍1、节点2、节点种类查找元素DOM节点1、node节点属性2、层次节点的属性DOM学习要点DOM( Document Object Model)即文档对象模型, 针对 HTML和 XML文档的 API( 应用程序接口)。 DOM描绘了一个层次化的节点树,运行开发人员添加、移除和修改页面的某一部分。 DOM脱胎于 Netscape及微软...原创 2019-05-21 15:03:38 · 689 阅读 · 0 评论 -
Javascript基础——浏览器检测
Javascript基础——浏览器检测浏览器检测学习要点navigator对象1、浏览器及版本号2、浏览器嗅探器3、检测插件4、ActiveX5、MIME类型客户端检测1、能力监测2、怪癖检测(bug检测)3、用户代理检测浏览器检测学习要点由于每个浏览器都具有自己独到的扩展,所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力, 努力的去支持最常用的公...原创 2019-05-21 10:53:08 · 365 阅读 · 0 评论 -
Javascript基础——BOM
Javascript基础——BOMBOM学习要点Window对象1、对象的属性和方法2、系统对话框3、新建窗口4、窗口的位置和大小5、间歇调用和超时调用location对象history对象BOM学习要点BOM也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。 BOM缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准。所以, BOM本身是没有标准的...原创 2019-05-21 10:07:11 · 170 阅读 · 0 评论 -
Javascript基础——匿名函数和闭包
Javascript基础——匿名函数和闭包匿名函数和闭包学习要点匿名函数闭包闭包返回局部变量循环中包含匿名函数关于this对象内存泄漏模仿块级作用域私有变量静态私有变量模块模式匿名函数和闭包学习要点匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数。匿名函数//普通函数function box() { //函数名是 box return 'Mao';}/...原创 2019-05-16 16:18:40 · 183 阅读 · 0 评论 -
Javascript基础——面向对象及原型
Javascript基础——面向对象及原型面向对象及原型学习要点创建对象原型继承面向对象及原型学习要点ECMAScript有两种开发模式:1.函数式(过程化);2.面向对象(OOP)。面向对象的语言有一个标志,那就是类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。但是, ECMAScript没有类的概念,因此它的对象也与基于类的语言中的对象有所不同。创建对象创建一个对象...原创 2019-05-15 08:14:35 · 150 阅读 · 0 评论 -
Javascript基础——内置对象
Javascript基础——内置对象内置对象学习要点Global对象1.URI编码方法2.eval()方法3.Global对象属性4.window对象Math对象1.Math对象的属性2.min()和max()方法3.舍入方法4.random()方法4.其他方法内置对象学习要点ECMA-262对内置对象的定义是:“ 由 ECMAScript实现提供的、不依赖宿主环境的对象,这些对象在 ECM...原创 2019-05-13 14:11:45 · 161 阅读 · 0 评论 -
Javascript基础——基本包装类型
Javascript基础——基本包装类型基本包装类型学习要点基本包装类型概述1.字面量写法2.new运算符写法Boolean类型Number类型String类型基本包装类型学习要点为了便于操作基本类型值, ECMAScript提供了 3个特殊的引用类型: Boolean、 Number和 String。这些类型与其他引用类型相似,但同时也具有与各自的基本类型相应的特殊行为。实际上,每当读取一...原创 2019-05-13 11:25:16 · 189 阅读 · 0 评论 -
Javascript基础——变量作用域和内存
Javascript基础——变量作用域和内存变量作用域和内存学习要点变量及作用域1.基本类型和引用类型的值2.动态属性3.复制变量值4.传递参数5.检测类型6.执行环境及作用域7.没有块级作用域内存问题变量作用域和内存学习要点JavaScript的变量与其他语言的变量有很大区别。 JavaScript变量是松散型的(不强制类型),其本质决定了它只是在特定时间用于保存特定值的一个名字而已。由于...原创 2019-05-10 17:27:54 · 209 阅读 · 0 评论 -
Javascript基础——正则表达式
Javascript基础——正则表达式正则表达式学习要点什么是正则表达式创建正则表达式1.两种创建方式2.测试正则表达式3.使用字符串的正则表达式方法获取控制常用的正则正则表达式学习要点什么是正则表达式正则表达式(regular expression)是一个描述字符模式的对象。 ECMAScript的 RegExp类表示正则表达式, 而 String和 RegExp都定义了使用正则表达式进...原创 2019-05-08 14:11:21 · 419 阅读 · 0 评论 -
Javascript基础——运算符
Javascript基础——运算符运算符学习要点什么是表达式一元运算符算术运算符关系运算符逻辑运算符*位运算符赋值运算符其他运算符运算符优先级运算符学习要点什么是表达式?一元运算符算术运算符关系运算符逻辑运算符*位运算符赋值运算符其他运算符运算符优先级什么是表达式表达式是 ECMAScript中的一个“ 短语”,解释器会通过计算把它转换成一个值。最简单的表达式是字面量...原创 2019-05-07 11:34:49 · 247 阅读 · 0 评论 -
Javascript基础——数据类型
Javascript基础——数据类型数据类型学习要点typeof操作符Undefined类型Null类型Boolean类型Number类型string类型object类型数据类型学习要点ECMAScript中有 5种简单数据类型: Undefined、 Null、 Boolean、 Number和 String。还有一种复杂数据类型——Object。typeof操作符typeof操作符是用...原创 2019-05-05 17:58:06 · 166 阅读 · 0 评论 -
前端笔试题整理:活到老学到老①
1、求两个日期之间的有效日期:答案:function rangeDay(day1,day2) { const result = [] const dayTimes = 24*60*60*1000 // ms和day换算 const startTime = day1.getTime() const range = day2.getTime()-startTime...原创 2019-09-18 15:42:18 · 633 阅读 · 0 评论