wx1211-CSDN博客

原创关于项目主题换肤的一些方案

前言前端换肤技术实施的核心是替换项目中定义的各种颜色值，一般来讲，需要将这些所有的颜色值整理在一个文件中，以便于统一管理、统一配色。所以在实际开发过程中，为页面各个模块设置对应的颜色值时，都需要在这个文件中获取。Es6的模块化提供了非常友好的文件读取方式，我们可以结合webpack编译工具来编译不同颜色文件的css样式，以实现一种统一的换肤方案应用在公司的不同项目中。本文主要介绍如何利...

2020-04-09 09:18:44 906

原创 TypeScript技术知识整理

TypeScript技术知识整理文章目录TypeScript技术知识整理一、环境搭建与编译执行1.安装 `TypeScript` 编译器2.编写代码**代码编辑器 - vscode**3.编译执行5.一些有用的编译选项--outDir--target--watch6.编译配置文件7.指定加载的配置文件二、类型系统初识1.什么是类型2.动态类型语言 & 静态类型语言**动态类型语言****...

2019-11-22 18:47:02 509

原创 JavaScript数组及常用方法汇总

JavaScript数组及常用方法汇总数组类型在JavaScript中经常用到。数组中可以包含任何类型的数据，包括对象。数组的检测检测一个数组不能用typeof方法，因为数组不是基本类型数据，typeof只适合用于检测基本数据类型。在实际工作中常用的数组检测方法：instanceofinstanceof可以检测一个对象是否是Array类型的数据：let arr = [1,2,3,...

2019-08-17 12:31:38 254

原创 JavaScript基本包装类型

JavaScript基本包装类型JavaScript引用类型主要包含基本包装类型、Array类型、Object类型、Date类型、regExp类型等，本文主要介绍基本包装类型及其常用方法。基本包装类型JS基本包装类型主要包含三种：Boolean、Number和String类型。String类型String类型的变量需要通过String()构造函数来创建，通过new操作符初始化一个St...

2019-08-10 11:15:05 286

原创 JavaScript隐式类型转换进阶

JavaScript隐式类型转换进阶JavaScript中有许多的隐式类型转换，合理运用它们能对项目的开发提供更便捷的处理方式，目前涉及到隐式类型转换的的运算符主要有：数学运算符（加减乘除，取模，自增等）、if,alert语句、逻辑运算符（&&，||，！等）、关系运算符（==， >，<等）数学运算符的隐式转换规则变量表达式在进行数学运算时，会根据变量的类型进行相关...

2019-08-03 16:14:53 133

原创 JavaScript的基础数据类型进阶

JavaScript的几种基础数据类型进阶JavaScript常见的有五种基本类型：boolean，undefined，null，number，string。ES6新增了symbol。所以从严格意义上来说，目前JavaScript有六中数据类型。基本类型的判断使用typeof操作符，所有基础类型不可改变。下面，我们来一探究竟这些数据类型与其转换规则吧！Boolean类型Boolea...

2019-07-28 19:28:39 152

原创 JavaScript基础进阶

JavaScript基础进阶开篇需要理解的你可能不知道的JS系列... ...本文主要总结归纳一些不太常见或者重要的知识点，理解它们能帮助我们更好地学习JavaScript。 web中涉及到三大交互的细节这三个交互是：行为交互、数据交互、逻辑交互。行为交互：用户行为操作，如：点击按钮，缩放页面。数据交互：用于显示页面展示的数据信息，如：图片，文字等。逻辑交互：...

2019-07-21 21:36:19 222

原创 JavaScript工厂模式

JavaScript工厂模式1.简单工厂模式简单工厂模式的概念就是创建对象，将我们需要使用的方法封装在一个函数中，通过这个函数调用并创建新的方法的实例，也就是说我们不需要显式的new一个新的实例，工厂模式自动返回新的实例化对象。//假设有一个大型奥运会比赛，通过工厂模式将其封装在奥运会的工厂模式中function OlympicsFactory(sports){ switch(sports

2017-09-21 12:37:35 401

原创 JavaScript跨域与解决方案详解

JavaScript跨域与解决方案详解跨域往往是JS中的一个重难点，不管我们是通过在HTML页面中使用<link>标签引入外部CSS样式，还是使用<javascript>引入外部JavaScript文件，或者在页面中使用<a>标签引用超链接，甚至是在页面中加载一张图片，都会涉及到跨域相关的知识。那么，什么是跨域呢？跨域是指在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或

2017-09-12 11:23:26 331

JavaScript窗口属性JS中窗口是window对象的属性之一，我们常用于测试浏览器以及浏览器页面的分辨率，即宽高，但是在不同的浏览器有不同的测试方式，这就会导致兼容性问题，本文终点介绍各属性在不同浏览器的实现方式以及兼容性处理方法。window中的窗口位置各主流浏览器都提供了screenLeft和screenTop两个属性，分别同于测试浏览器窗口左上角的坐标位置（相对于显示器左上角）。但是Fi

2017-09-08 15:42:38 430

原创 JavaScript原型从入门到精通

JavaScript原型从入门到精通ps:原型里面涉及的到的各种属性单独讲解很难将通，所以一个属性经常会结合其他属性来理解（文章中如有错误，欢迎指正）。1.prototype属性当我们创建一个函数的时候，这个函数就会具有一个原型（prototype）属性，所以只有函数才会有prototype属性。function Book(Name, Version){this.Name = Name;this

2017-09-02 15:24:04 440

原创 JavaScript类与封装

JavaScript类与封装1.JavaScript类类与面向对象编程密不可分，面向对象编程就是将需求抽象成一个对象（类），然后针对这个对象分析其特征（属性）与动作（方法）。它的一个特点就是封装，即把需要的功能放在一个对象里。如何在JavaScript中创建一个类？ 1.ES5 首先声明一个函数保存在一个变量里，然后在这个函数(这个函数就可以称为类)的内部通过对thi

2017-09-02 14:49:47 2367

原创 CSS的四种引入方式与特点

CSS样式单导入和优缺点CSS样式单可以控制HTML文档的显示，在HTML文档中，CSS主要有四种引入方式：链接外部样式文件，导入外部样式文件，使用内部样式定义以及内联样式。1.引入外部样式文件外部引入CSS样式文件是通过标签实现的，它只能位于HTML文档的head标签内，且必须有href属性，用于指定需要引入的CSS文件的绝对路径<link type="text/css" rel="styles

2017-08-30 16:59:51 8083

原创 JS中的DOM与BOM学习日志

文档对象模型DOM文档对象模型的定义：针对XML但经过扩展用于HTML的应用程序编程接口。我们常说的DOM树就是其实是一种映射页面的节点结构，合理地安排DOM树节点对开发者团队之间的合作非常重要，DOM树的重要结构如下： W3C明确地将DOM数分为3个不同的部分： 1.核心 DOM - 针对任何结构化文档的标准模型 2.XML DOM - 针对 XML 文档的标准模型

2017-08-29 15:43:58 422

原创 JavaScript常见的排序算法（一）

前言学习C/C++或者Java的都知道，程序员面试基本都会问到算法问题，尤其是常见的排序算法与查找算法，而我们的前端也不例外，虽然前端开发者的大多数都只会注重界面的开发以及JavaScript的API，有很少会去查看JS底层代码的，对于那些正在学习后台，或者正忙于找工作的程序员来说，学习这些算法师非常有用的。

2017-08-20 17:11:29 305

原创 JavaScript执行环境详解

深入浅出JavaScript执行环境JavaScript执行环境是非常重要的一个概念，理解执行环境对JS的原型（prototype），作用域（scope）以及作用域链能有更深刻的理解。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为，JS执行环境主要分为全局执行环境以及函数执行环境。探清两种执行环境的虚实以及弄懂它们之间的关系，相信你会在以后有的JS代码开发中更能得心应手。一、全

2017-08-16 17:16:04 1658

原创 JavaScript块级作用域与函数作用域

一、JavaScript块级作用域我们都知道，在ECMAScript6之前，JavaScript没有块级作用域。块级作用域是由一对花括号封闭的代码组成，在JavaScript中也叫他们自己的执行环境（请参考我的另一篇博文JavaScript执行环境详解），我们可以通过如下代码来进行验证：{ var a = 12;}console.log(a); //12

2017-08-16 14:33:54 735

a1396531115的博客