- 博客(17)
- 收藏
- 关注
原创 关于项目主题换肤的一些方案
前言前端换肤技术实施的核心是替换项目中定义的各种颜色值,一般来讲,需要将这些所有的颜色值整理在一个文件中,以便于统一管理、统一配色。所以在实际开发过程中,为页面各个模块设置对应的颜色值时,都需要在这个文件中获取。Es6的模块化提供了非常友好的文件读取方式,我们可以结合webpack编译工具来编译不同颜色文件的css样式,以实现一种统一的换肤方案应用在公司的不同项目中。本文主要介绍如何利...
2020-04-09 09:18:44
933
原创 TypeScript技术知识整理
TypeScript技术知识整理文章目录TypeScript技术知识整理一、环境搭建与编译执行1.安装 `TypeScript` 编译器2.编写代码**代码编辑器 - vscode**3.编译执行5.一些有用的编译选项--outDir--target--watch6.编译配置文件7.指定加载的配置文件二、类型系统初识1.什么是类型2.动态类型语言 & 静态类型语言**动态类型语言****...
2019-11-22 18:47:02
549
原创 JavaScript数组及常用方法汇总
JavaScript数组及常用方法汇总数组类型在JavaScript中经常用到。数组中可以包含任何类型的数据,包括对象。数组的检测检测一个数组不能用typeof方法,因为数组不是基本类型数据,typeof只适合用于检测基本数据类型。在实际工作中常用的数组检测方法:instanceofinstanceof可以检测一个对象是否是Array类型的数据:let arr = [1,2,3,...
2019-08-17 12:31:38
265
原创 JavaScript基本包装类型
JavaScript基本包装类型JavaScript引用类型主要包含基本包装类型、Array类型、Object类型、Date类型、regExp类型等,本文主要介绍基本包装类型及其常用方法。基本包装类型JS基本包装类型主要包含三种:Boolean、Number和String类型。String类型String类型的变量需要通过String()构造函数来创建,通过new操作符初始化一个St...
2019-08-10 11:15:05
304
原创 JavaScript隐式类型转换进阶
JavaScript隐式类型转换进阶JavaScript中有许多的隐式类型转换,合理运用它们能对项目的开发提供更便捷的处理方式,目前涉及到隐式类型转换的的运算符主要有:数学运算符(加减乘除,取模,自增等)、if,alert语句、逻辑运算符(&&,||,!等)、关系运算符(==, >,<等)数学运算符的隐式转换规则变量表达式在进行数学运算时,会根据变量的类型进行相关...
2019-08-03 16:14:53
148
原创 JavaScript的基础数据类型进阶
JavaScript的几种基础数据类型进阶JavaScript常见的有五种基本类型:boolean,undefined,null,number,string。ES6新增了symbol。所以从严格意义上来说,目前JavaScript有六中数据类型。基本类型的判断使用typeof操作符,所有基础类型不可改变。下面,我们来一探究竟这些数据类型与其转换规则吧!Boolean类型Boolea...
2019-07-28 19:28:39
166
原创 JavaScript基础进阶
JavaScript基础进阶开篇需要理解的你可能不知道的JS系列... ...本文主要总结归纳一些不太常见或者重要的知识点,理解它们能帮助我们更好地学习JavaScript。 web中涉及到三大交互的细节 这三个交互是:行为交互、数据交互、逻辑交互。 行为交互:用户行为操作,如:点击按钮,缩放页面。 数据交互:用于显示页面展示的数据信息,如:图片,文字等。 逻辑交互:...
2019-07-21 21:36:19
235
原创 JavaScript工厂模式
JavaScript工厂模式1.简单工厂模式简单工厂模式的概念就是创建对象,将我们需要使用的方法封装在一个函数中,通过这个函数调用并创建新的方法的实例,也就是说我们不需要显式的new一个新的实例,工厂模式自动返回新的实例化对象。//假设有一个大型奥运会比赛,通过工厂模式将其封装在奥运会的工厂模式中function OlympicsFactory(sports){ switch(sports
2017-09-21 12:37:35
411
原创 JavaScript跨域与解决方案详解
JavaScript跨域与解决方案详解跨域往往是JS中的一个重难点,不管我们是通过在HTML页面中使用<link>标签引入外部CSS样式,还是使用<javascript>引入外部JavaScript文件,或者在页面中使用<a>标签引用超链接,甚至是在页面中加载一张图片,都会涉及到跨域相关的知识。那么,什么是跨域呢? 跨域是指在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或
2017-09-12 11:23:26
351
原创 JavaScript窗口
JavaScript窗口属性JS中窗口是window对象的属性之一,我们常用于测试浏览器以及浏览器页面的分辨率,即宽高,但是在不同的浏览器有不同的测试方式,这就会导致兼容性问题,本文终点介绍各属性在不同浏览器的实现方式以及兼容性处理方法。window中的窗口位置各主流浏览器都提供了screenLeft和screenTop两个属性,分别同于测试浏览器窗口左上角的坐标位置(相对于显示器左上角)。但是Fi
2017-09-08 15:42:38
451
原创 JavaScript原型从入门到精通
JavaScript原型从入门到精通ps:原型里面涉及的到的各种属性单独讲解很难将通,所以一个属性经常会结合其他属性来理解(文章中如有错误,欢迎指正)。1.prototype属性当我们创建一个函数的时候,这个函数就会具有一个原型(prototype)属性,所以只有函数才会有prototype属性。function Book(Name, Version){this.Name = Name;this
2017-09-02 15:24:04
455
原创 JavaScript类与封装
JavaScript类与封装1.JavaScript类类与面向对象编程密不可分,面向对象编程就是将需求抽象成一个对象(类),然后针对这个对象分析其特征(属性)与动作(方法)。它的一个特点就是封装,即把需要的功能放在一个对象里。 如何在JavaScript中创建一个类? 1.ES5 首先声明一个函数保存在一个变量里,然后在这个函数(这个函数就可以称为类)的内部通过对thi
2017-09-02 14:49:47
2394
原创 CSS的四种引入方式与特点
CSS样式单导入和优缺点CSS样式单可以控制HTML文档的显示,在HTML文档中,CSS主要有四种引入方式:链接外部样式文件,导入外部样式文件,使用内部样式定义以及内联样式。1.引入外部样式文件外部引入CSS样式文件是通过标签实现的,它只能位于HTML文档的head标签内,且必须有href属性,用于指定需要引入的CSS文件的绝对路径<link type="text/css" rel="styles
2017-08-30 16:59:51
8198
原创 JS中的DOM与BOM学习日志
文档对象模型DOM文档对象模型的定义:针对XML但经过扩展用于HTML的应用程序编程接口。我们常说的DOM树就是其实是一种映射页面的节点结构,合理地安排DOM树节点对开发者团队之间的合作非常重要,DOM树的重要结构如下: W3C明确地将DOM数分为3个不同的部分: 1.核心 DOM - 针对任何结构化文档的标准模型 2.XML DOM - 针对 XML 文档的标准模型
2017-08-29 15:43:58
446
原创 JavaScript常见的排序算法(一)
前言学习C/C++或者Java的都知道,程序员面试基本都会问到算法问题,尤其是常见的排序算法与查找算法,而我们的前端也不例外,虽然前端开发者的大多数都只会注重界面的开发以及JavaScript的API,有很少会去查看JS底层代码的,对于那些正在学习后台,或者正忙于找工作的程序员来说,学习这些算法师非常有用的。
2017-08-20 17:11:29
313
原创 JavaScript执行环境详解
深入浅出JavaScript执行环境JavaScript执行环境是非常重要的一个概念,理解执行环境对JS的原型(prototype),作用域(scope)以及作用域链能有更深刻的理解。 执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为,JS执行环境主要分为全局执行环境以及函数执行环境。探清两种执行环境的虚实以及弄懂它们之间的关系,相信你会在以后有的JS代码开发中更能得心应手。一、全
2017-08-16 17:16:04
1678
原创 JavaScript块级作用域与函数作用域
一、JavaScript块级作用域我们都知道,在ECMAScript6之前,JavaScript没有块级作用域。块级作用域是由一对花括号封闭的代码组成,在JavaScript中也叫他们自己的执行环境(请参考我的另一篇博文JavaScript执行环境详解),我们可以通过如下代码来进行验证:{ var a = 12;}console.log(a); //12
2017-08-16 14:33:54
751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人