Taotao's Blog

Try your best to touch what you want.

JS高级-Javascript各种继承

JavaScript 继承

概述 当谈到继承时,JavaScript只有一种结构:对象。每个实例对象( object )都有一个私有属性(称之为 proto )指向它的构造函数的原型对象(prototype )。该原型对象也有一个自己的原型对象( proto ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。几乎所有JavaScript 中的对象都是位于...

JS高级-call, apply, bind模拟实现

JavaScript call, apply, bind

call实现 **call()**  方法使用一个指定的  this  值和单独给出的一个或多个参数来调用一个函数。 // 原函数 function.call(thisArg, arg1, arg2, ...) /* thisArg可选的。在 function 函数运行时使用的 this 值。请注意,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 null...

JS高级-New关键字模拟实现

JavaScript New

1. 概述 new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例或具有构造函数的内置对象的实例。new关键字会进行如下操作: 创建一个空的简单JavaScript对象; 链接该对象(即设置该对象的构造函数)到另一个对象; 将步骤1新建的对象作为 this 的上下文; 如果该函数没有返回对象...

Mocha+Travis-CI实现自动化前端单元测试

Mocha

Mocha+Travis-CI实现自动化前端单元测试 1.基本工程初始化 2.美化测试报告 1.基本工程初始化 VUE项目初始化 安装vue/cli脚手架 https://cli.vuejs.org/guide/installation.html npm install -g @vue/cli # OR yarn global add @vue/cli 初始化项目 vu...

Angular+ionic+cordova实现天气App

Ionic

开发环境及工具 参考教程:Cordova+Vue实现Android APP开发中的环境配置(https://www.jianshu.com/p/fd7448e2985a) Angular,ionic,cordova版本 angualr@5.0.0 ionic@3.16.0 cordova@8.0.0 创建项目 1.安装ionic和cordova CLI npm install -g i...

Cordova+Vue实现Android APP开发

Cordova+vue

Cordova是使用HTML,CSS,JavaScript构建的混合移动应用程序的平台。此篇教程的目的是将Vue项目融合到Cordova,正文开始。 开发环境及工具 操作系统:Windows 10 Pro,1709 node.js:v8.11.2 (https://nodejs.org/dist/latest-v8.x/) Java环境: 1.下载安装JDK (http:...

从零开始用webpack+vue搭建前端工程的基本过程

webpack+vue

webpack+vue 搭建前端工程的基本过程 目标: 配置开发时的前端工程 环境 win10家庭中文版+node6.13.1 提示 此教程不适合没有vue和webpack基础的人看,若要自己构建前端工程,请先了解一些vue和webpack的基础知识 详细步骤 1.初始化项目 1.1创建项目文件 1.2初始化package.json文件 npm in...

Canvas画板实现

Canvas

步骤及方法 1.首先建立canvas画板 <canvas id="draw" width="800" height="800"></canvas> canvas元素创造了一个固定大小的画布,它公开了一个或多个渲染上下文,其可以用来绘制和处理要展示的内容。 2.渲染上下文 const canvas = document.querySelector('#draw...

关于CSS Variables

CSS变量

什么是CSS变量 CSS 变量当前有两种形式: 变量,就是拥有合法标识符和合法的值。可以被使用在任意的地方。可以使用var()函数使用变量。例如:var(–example-variable)会返回–example-variable所对应的值 自定义属性。这些属性使用–where的特殊格式作为名字。例如–example-variable: 20px;即使一...

学习Tasking的笔记

关于过去编程的思考 做事情需要有相应的任务列表,按照任务列表去完成每一项任务。列出任务列表各有差异,衡量一个任务列表的好坏也没有相应的评分标准,不同应用场景的任务列表衡量标准可能有所差异。如果只是谈写程序解决问题这件事应该是有一个衡量标准的,即任务列表能不能达到完全穷尽以及各自独立。以上衡量标准只是《编程的精进之法》提到的,至于是否有道理,还需在实战之中验证。 但是我认为还是很有道理的,...