DJCai7-CSDN博客

原创前端工程化---搭建模板框架(一)

搭建模板框架(一)初始化mkdir vueTpl && cd vueTpl && npm init -y安装webpacknpm i -D webpack webpack-cli安装vuenpm i vue安装解析vue的单文件组件的依赖和相关配置npm i -D vue-loader vue-template-compiler4.1 vue-...

2019-09-10 08:08:07 722

原创 javascript基础(五)---class类

Javascript 类介绍在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。class 的本质是 function。// 类的数据类型就是函数，类本身就指向构造函数class Point {// ...}typeof Point // 'function'Point ...

2019-08-30 08:20:06 218

原创 javascript基础(四)---继承

继承概念JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依次层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。实例化的对象, 只能继承构造函数内函数体中设置的属性和方法以及构造函数对应的原型对象中里的成员继承的方法原型链继承// 假设有一个需要继承的一个类型 Anim...

2019-08-18 07:44:33 170

原创 javascript基础(三)---原型和原型链

原型定义JavaScript 只有一种结构：对象.简称原型, 每个实例对象（ object ）都有一个私有属性（称之为__proto__）指向它的构造函数的原型对象（prototype ）相关属性prototype: 构造函数属性, 指向构造函数对应的原型构造函数名.prototype === 构造函数对应的原型对象__proto__ : 实例对象属性, 指向创建实例...

2019-08-15 07:49:11 159

原创 javascript基础(二)---变量提升

变量提升1. var提升原则: 在Javascript中执行上下文中先创建变量，并初始化为 undefined, 在执行代码地方赋值 // demo , 变量在全局环境或函数内声明均适用 function fn(){ var x = 1 var y = 2 } fn()在执行 fn 时，JS 引擎会有以下过程（不完全）：进入 fn, 为 fn 创建一个环境。找...

2019-08-14 08:22:06 205

原创 javascript基础(一)---this

javascript的this值当前执行代码的环境对象全局环境不管是否是严格模式, 在全局执行环境中（在任何函数体外部）this 都指向全局对象。在浏览器中, window 对象同时也是全局对象console.log(this === window); // true在node.jsconsole.log(this ===module.exports); // true...

2019-08-11 08:01:10 226

原创前端测试(4) ---Jest 相关参考文档

Jest 断言归纳Jest断言归纳–woodcccvue项目中的snapshot测试Jest测试官方文档前端单元测试之Jest

2019-08-06 23:23:08 542

原创前端测试(3) ---单元测试学习记录

单元测试学习总结单元测试类型BDDBehavior Driven Development , 行为驱动开发是一种敏捷软件开发的技术 , 它鼓励软件项目中的开发者、QA和非技术人员或商业参与者之间的协作。BDD侧重设计 , 其描述的行为就像一个个的故事(Story)，系统业务专家、开发者、测试人员一起合作，分析软件的需求 , 然后将这些需求写成一个个的故事。开发者负责填充这些故事的内容 ,...

2019-08-05 08:24:57 231

原创前端测试(2) --- assert断言库

assert断言库介绍assert 模块提供了一组简单的断言测试，可用于测试不变量。存在严格模式（strict）和遗留模式（legacy），官方推荐只使用严格模式。 const assert = require('assert').strict;常用apiassert(value[, message])value <any> 检查是否为真的输入。messa...

2019-08-04 08:12:17 481

转载前端测试(1) --- mocha测试框架

mocha测试框架介绍Mocha（发音"摩卡"）是JavaScript测试框架之一，可在浏览器和Node环境都可以使用。所谓"测试框架"，就是运行测试的工具。通过它，可以为JavaScript应用添加测试，从而保证代码的质量。安装`$ npm install --global mocha`测试脚本的写法Mocha的作用是运行测试脚本，首先必须学会写测试脚本。所谓"测试脚本"，就是...

2019-08-04 08:11:39 232

原创学习webpack--基础篇(3):webpack的常用用法(一)

###webpack的常见用法解析ES6 和解析React JSX1.1 介绍使用babel-loader,配置文件为.babelrc1.2 .babelrc介绍1.2.1 两块内容plugin:一个plugin对应一个功能preset: 一系列plugin的集合1.2.2 解析ES6的安装解析ES6npm i @babel/core @babel/preset-en...

2019-07-28 10:49:53 206

原创学习webpack--基础篇(1):webpack的基本介绍

基础篇内容webpack的核心概念和开发必备技巧为什么要深入掌握webpack与应用场景的开发方式息息相关手机移动平板和可穿戴设备的普及, web前端开发触角从传统的pc页面开发发展到多终端的开发, 我们需要兼顾pc/H5等多种不同分辨率的页面开发. 因此针对不同的应用场景, 做不同的打包就显得很重要,如pc端的中后台应用,我们需要针对支持单页应用的打包构建, H5页面对性能和可...

2019-07-28 06:27:37 478

原创学习webpack--基础篇(2):webpack的核心概念

环境搭建安装nvm1.1 安装nvm(http://github.com/nvm-sh/nvm), 可通过如下两种方式安装通过curl安装: curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh|bash通过wget安装: wget -qO- https://raw.githubusercon...

2019-07-28 05:05:10 145

原创前端配置环境及个人推荐安装必备软件

环境配置安装 node 下载最新版本自动配置好npm 安装cnpmcnpm npm i cnpm -g 镜像设置为淘宝镜像: npm config set registry https://registry.npm.taobao.org检测是否连接上淘宝镜像: npm config get registry 安装nodemon 监控node源代码的更改 ...

2018-10-14 21:53:09 811

转载 vue组件的创建

vue组件的创建核心目标为了可重用性高，减少重复性开发，我们可以按照template、style、script的拆分方式，放置到对应的.vue文件中。组件概括vue组件可以理解为预先定义好的ViewModel类。一个组件可以预定义很多选项，最核心的有：模板template：模板反映了数据和最终展现给用户的DOM之间的映射关系，初始数据data：一个组件的初始数据状态，对于可...

2018-10-03 16:01:29 250

DJCai7的博客