Wmt3344-CSDN博客

转载什么是WebPack，为什么要使用它？

什么是 webpack？webpack是一款模块加载器兼打包工具，它能把各种资源，例如JS（含JSX）、coffee、样式（含less/sass）、图片等都作为模块来使用和处理。我们可以直接使用 require(XXX) 的形式来引入各模块，即使它们可能需要经过编译（比如JSX和sass），但这不用我们理会，因为 webpack 有着各种健全的加载器（loader）在处理这些事情。为什么要使用...

2019-08-28 11:12:16 1063

转载 vue项目的快速构建工具 cli 【脚手架】

什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求cli如何使用？cli的安装npm/cnpm/yarn 都可以使用【 yarn 配置国内镜像】使用国内镜像加速npm和yarnnpm config set registry=https://registry.np...

2019-08-27 18:56:07 248

转载虚拟DOM & DIff算法

一、真实DOM和其解析流程？浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting 第一步，用HTML分析器，分析HTML元素，构建一颗DOM树(标记化和树构建)。第二步，用CSS分析器，分析CSS文件和元素上的inline样式，生成页面的样式表。第三步，将DOM树和样式表，关...

2019-08-26 19:54:23 609

转载 vue生命周期

首先每个vue实例在被创建之前都要经历一系列初始化过程，这个过程就被称为vue的生命周期，下图是官方文档的图片相信大家都不会陌生吧：可以看到在vue整个生命周期中会有很多钩子函数提供给我们在vue生命周期不同时刻进行操作，那么就先列出所有的钩子函数在给大家详解beforeCreate (创建前状态)created （创建完毕状态）beforeMount（挂载前状态）mounted（挂...

2019-08-26 19:50:51 234

转载自定义指令实现选项卡

自定义指令主要是为了对底层DOM实现操作，虽然说vue主要是以数据驱动视图，但是总有一些只能操作DOM的应用场景，例如最常见的：拖拽。此时，就是自定义指令大显身手的时候了。在移动端，常见这么一个需求，以微信为例，在微信主屏左右滑动时候，可以随着滑动法相更改工具栏，也就是随着滑动，可以在“微信”、“通讯录”、“发现”、“我”之间随意切换。这类需求，必须是操作DOM实现的，而无法通过数据来驱动，所...

2019-08-23 16:48:44 236

转载组件通讯

组件通信为什么要进行组件通信？组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接在一起时，这些组件相互之间要建立联系，这个联系我们就称之为通信组件通信的方式有以下几种（王者级）父子组件通信：使用props来实现在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上<Son :money = "money"/>在子组件的配置项中可以使用一个pro...

2019-08-23 11:05:21 278

原创初识vue.js (2)

一.模板语法mustache 语法中是支持写js的用法：内容：必须加 {{ js语法 }}属性: 属性中属性值可以直接写js语法，并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img中的src就是已有属性//data-index就是自定义属性， web网页中建议我们使用data-形式来定义自定义属性<img data-index = "0...

2019-08-21 16:41:55 216

原创初识vue.js

官网地址：英文官网中文官网1. Vue.js框架项目介绍1.1- 作者：尤雨溪Vue.js是尤雨溪的个人项目Vue.js也是一个MVVM框架Vue.js它是一个单项数据流的框架Vue.js是一个Js渐进式框架渐进式：越学越难1.2学习Vue的必要性1.3 MV*模式介绍[ MV*模式图示 ]1.4Vue实现数据绑定的原理书写第一个V...

2019-08-21 11:30:00 195

转载前端发展简史

起源1990 HTML1990 年，Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。1991 年，Tim 作为布道者在 Internet 上广泛推广 Web 的理念，与此同时，美国国家超算应用中心（National Center for Supercomputer Applications）对此表现出了浓厚的兴趣，并开发了名为 Mosaic 的浏览器...

2019-08-21 11:08:19 302

原创如何使用Node.js原生代码实现静态服务器

使用Node.js原生代码实现静态服务器const http = require( ‘http’ )//获取nodejs里的http模块const port = 3000 //设置端口（3000-5000-8000-9000）const hostname = ‘localhost’ //设置主机名，或者127.0.0.1http.createServer((request,response...

2019-08-14 19:18:36 188

转载什么是AMD；什么是CMD

AMD异步模块定义（AMD）API指定了一种定义模块的机制，以便可以异步加载模块及其依赖项。这特别适用于浏览器环境，其中模块的同步加载会导致性能，可用性，调试和跨域访问问题。id名字第一个参数，id，是个字符串。它指的是定义中模块的名字，这个参数是可选的。如果没有提供该参数，模块的名字应该默认为模块加载器请求的指定脚本的名字。如果提供了该参数，模块名必须是“顶级”的和绝对的（不允许相对...

2019-08-13 22:10:20 1266