昼猫-CSDN博客

原创昼猫笔记 JavaScript -- 异步执行|定时器真的定时执行？

本篇主要内容：异步、定时器引发的思考预计阅读时间：8分钟了解我们都知道在js中定时器有两种 setInterval() 、setTimeout()setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout()：在指定的毫秒数后调用函数或计算表达式。那么问题来了，...

2019-01-06 19:31:53 1376 2

原创 TypeScript 中的修饰符

装饰器了解装饰器是一种特殊类型的声明，它能够被附加到类的声明、方法、属性或参数上，可以修改类的行为通俗的来讲修饰器就是一个方法，可以注入到类、方法、属性参数上来扩展类、属性、方法、参数的功能常见的修饰器有类修饰器、方法修饰器、参数修饰器装饰器全家桶装饰器家族有 4 种装饰形式，注意，装饰器能装饰在类、方法、属性和参数上，但不能只装饰在函数上！写法普通修饰器（无法传参）、修饰器工...

2019-06-28 10:23:10 710

文章目录准备为何要用 typescript起步编译代码常见错误处理tsconfig.json类型布尔值数字字符串数组任意类型数组枚举（更友好的名称，相当于键值对）ViodNull 和 Undefined类型断言类基本使用（里面不要放 let / const ）继承语句公共，私有与受保护的修饰符公共（默认和不写一样）readonly 只读修饰符静态属性（static）get/set 存储器抽象类接口...

2019-06-25 14:39:47 683

原创 Webpack 更详细的配置安装说明

文章目录webpack 简要说明什么是 webpack为什么要使用 webpackwebpack4 安装须知安装依赖包webpack-dev-server 工具安装配置文件引入html-webpack-plugin 插件安装配置样式处理（loader）处理第三方文件类型的过程CSSLessSasswebpack.comfig.jswebpack 简要说明什么是 webpackwebpack是...

2019-05-26 20:55:49 600

转载解决 html5 中 video 标签无法播放 m3u8

步入正题前段时间写项目时候遇到一个问题，在 H5 页面上无法播放 m3u8 后缀的视频，经过不断的查阅资料发现，通过一段代码可解决，但是！除非浏览器支持，否则请转码。<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script> // 必须！！！<video id="video"...

2019-05-23 09:51:25 25449 3

转载 Chrome调试技巧

Chrome 调试技巧写在前面：本文包括浏览器调试，不包括web移动端调试。本文调试均在chrome浏览器进行。alert这个不用多说了，不言自明。console想必大家都在用console.log在控制台输出点东西，其实console还有其它的方法：console.log( "打印字符串" ); //在控制台打印自定义字符串console.error( "我是个错误" ...

2019-02-25 14:52:13 255

原创 js面试题隐式转换、原型链分析

昼猫笔记 – 面试题第二期（2019.1.15）从今天开始呢，关于Js的干货、还有面试题可能不会达到一天一更，不过我会在间隔的时间找更多的有意思的题分享给大家一、查看下列代码，请问执行后弹出什么值var name = "World!";(function () { var name; if (typeof name === 'undefined') { ...

2019-01-15 20:54:31 3798 13

原创昼猫笔记 -- 闭包、隐式转换面试题集合

昼猫笔记 – 面试题集合主要内容：闭包、函数声明方式、隐式转换一、如下代码输出的结果是什么：(function () { var x = foo(); var foo = function foo() { return 'foobar' }; return x;})();分析：首先看到这道题，我们最先看到这是以一个匿名自执...

2019-01-14 09:36:02 353

原创昼猫笔记 JavaScript -- 闭包

本次主要内容：闭包所需阅读时间：约3分钟记得点个赞支持支持我哦文章来自个人公众号昼猫笔记文章目录初步了解闭包如何产生闭包呢?那闭包到底是什么呢?产生闭包的条件常见的闭包闭包作用思考总结初步了解闭包先看下代码,输出结果是多少?function fn1 () { var a = 2 function fn2 () { console.log(a) }...

2019-01-11 10:00:42 195

转载昼猫笔记 JavaScript -- 作用域技巧!!

昼猫笔记 JavaScript – 作用域技巧!!简单理解var zm = function (x) { var code = 'bb' return code};学过js的老哥们都知道，当这样简单的一个函数进入浏览器，浏览器开始解释代码，会将window分两个模块：存储模块、执行模块。存储模块，找到所有的var和function关键字，给这些变量添加内存地址执行模块，代码从上到...

2019-01-10 15:34:14 175

原创昼猫笔记 JavaScript -- 面向对象（II）-- 继承

继承由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念。所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现，还有就是js可以通过构造函数和原型的方式模拟实现类的功能。另外，js类式继承的实现也是依靠原型链来实现的。继承方法call继承：子类继承父类，将父类的私有属性继承为子类的私有属性function Xx() ...

2019-01-09 15:56:47 208

原创昼猫笔记 JavaScript -- 面向对象（I）

面向对象的方式单例模式（字面量定义） var obj = {}类的实例 var obj = new Object()工厂创建构造函数扮演了三种角色，（普通函数、普通对象、类）面向对象相关问题构造函数里的属性怎么看？看this，谁前面有this谁就是属性function Zhoumao(name, age) { var name = '昼猫' this.name = n...

2019-01-07 16:33:20 140

weixin_44176774的博客