奔跑的飞牛-CSDN博客

原创 es6--js异步编程Generator、Promise、Async

Generator简介基本概念generator本身并不是用于处理异步的，但是能够实现！！！Generator函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。跟普通函数的区...

2018-10-29 11:41:48 838

原创 node.js事件events详解

nodejs基于事件驱动事件发布，事件订阅大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构，其中某些类型的对象（又称触发器，Emitter）会触发命名事件来调用函数（又称监听器，Listener）。同步函数，异步触发，通过回调函数处理异步。例如，net.Server 会在每次有新连接时触发事件，fs.ReadStream 会在文件被打开时触发事件，stream会在数据可...

2018-10-28 12:45:15 996

原创 git详细教程--光速学会安装、提交托管与sshkey创建

git安装首先，我们要去git的官网下载一个git安装包，双击到无关紧要的步骤我就不详细描述了，直接介绍我们关键的步骤。选择git包含的内容和打开方式选择都很清晰,具体情况我不是很清楚，不过选择中间集成资源管理器的好处是左面右键菜单添加了bash和gui，如下图选择你使用git的方式bash就是git安装后自带的类似于cmd或者说是powershell...

2018-05-10 23:10:50 13054 6

原创 Vue cli3 cli2 项目创建electron项目多入口，多模块

情景分析一个electron项目如果是公司的企业项目，一般包含了开启后台master的功能，这样就会带来一些列的问题：如果将起master直接放再路由里，在开发的时候，热重载会或者刷新（Ctrl + R）这一类操作会造成master掉线的情况；当同时存在web环境和electron环境时，路由的切换和准备将是一大麻烦事儿！可能存在一个需求需要不影响当前路由的同时，开启另一个页面...

2019-08-20 14:42:51 2715

原创 Vue使用Echarts

v-charts此文章持续更新，每个配置都会以例子来讲解，对比v-charts，vue-charts和原生echarts分别描述。v-charts是一个Echarts的封包，饿了么官方前端团队开发的Echarts基于Vue的图表组件。v-charts的封装理念是将部分属性暴露在组件属性上，同时也可以通过哦extend属性设置对应属性。echarts最重要的属性label,tooltip...

2019-06-20 14:08:21 1108

原创函数式组件思想与简单例子说明

单文件组件简单来说，单文件组件就是组件的行为、数据、结构等等统一放在一个文件里由Vue的构建系统识别并渲染的*.vue文件；随着vue cli 的更新迭代，任然使用new Vue的方式建立全局组件并在各个页面选择容器进行投放显然已经落伍了，单文件组件开发在大型项目中已经非常的普遍！请看下图：(这是官方文档里给出的单文件组件示例图)或者说这样的结构<template>...

2019-04-12 17:05:29 645

原创前端开发环境搭建和VSCode插件配置超详细图解一次配置完成（19年8月19日更新福利）

前端开发环境篇包管理器node包管理器请下载官网较新的稳定版！地址=》双击msi安装包安装，可以自定义安装目录；安装完成后检查全局环境：检查版本>node --versionv10.15.3 #2019年3月27日最新稳定版如果没有出现版本号，检查全局系统变量是否配置好（cmd、powershell和bash会通过系统环境变量到对应目录下找同名命令的exe并传入后...

2019-03-28 13:28:55 15834 1

原创 Vue全局

Vue.extend(options)Vue构造器，创建一个’子类’。参数是一个包含组件的对象。data必须是一个函数，通过处理和返回值确定参数的值。如果不是函数，那么在复用组件的时候，会因为数据唯一使得更改同一个组件时会影响到其他的组件里的数据，各有用法差异；&lt;div id="mount-point"&gt;&lt;/div&gt;// 创建构造器var Profile = ...

2018-11-19 17:12:05 523

原创 Vue的全局配置

Vue 全局配置以下笔记来自Vue官方文档并截取个人觉得较为重要的知识点，带了一点自己的改动。Vue.config启动之前修改全局的属性silent 静默Vue.config.silent = true静默(取消)日志与警告提醒optionMergeStrategies 自定义选项策略合并策略选项分别接收在父实例和子实例谁给定义的该选项的值作为第一个和第二个参数，Vue实...

2018-11-19 16:43:55 5086

原创 Vue的开始以及基本指令详解

为什么学vue？vue是中国大神尤雨溪创建的js框架。Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。任何描述都不及...

2018-11-04 20:14:32 1052

原创 React——组件基本结构及其生命周期

组件基本结构es6类与继承点击跳转构造函数constructor功能：子级继承父级的时候，通过构造函数获取父级的属性和方法，并通过super()传递的参数进行构造。constructor(){super()}组件构造函数会在组件实例的时候最先调用！ constructor() { super() console.log('constructor 初始化数据')...

2018-10-30 17:42:37 823

原创 node.js——http和服务、服务代理、后台跨域

httpHTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效，使网络传输减少。它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等。http请求头四中协议基础：通用头域、请求消息、响应消息、实体信息；就是访问每个...

2018-10-29 21:47:04 1733

原创 node.js文件读写-fs，Stream文件流

文件流fsfs 模块提供了一些 API，用于以一种类似标准 POSIX 函数的方式与文件系统进行交互。const fs = require('fs');异步形式的最后一个参数都是完成时回调函数。传给回调函数的参数取决于具体方法，但回调函数的第一个参数都会保留给异常。如果操作成功完成，则第一个参数会是 null 或 undefined。const fs = require('f...

2018-10-29 17:21:22 22365

原创 node.js事件循环详解

谁先执行？global里的将来执行的函数setInterval(callback, delay[, ...args])callback 当定时器到点时要调用的函数。delay 调用 callback 之前要等待的毫秒数。…args 当调用 callback 时要传入的可选参数。预定每隔 delay 毫秒重复执行的 callback。返回一个用于 clearInterval(...

2018-10-27 17:04:20 452

原创 React脚手架

React脚手架和vue一样，react也有它开发用的脚手架，能够快速的创建一个项目结构，并下载部分依赖。安装之前的准备准备好node.js运行环境，大家可以去搜索node的安装和配置，这里不做详细介绍，整篇文章默认大家已经安装并配置了nodejs及其全局环境；全局安装create-react-app工具:npm install create-react-app -g;可能要花上几...

2018-10-25 11:22:44 8717

原创强大的webpack-dev-server

万能本地运行环境webpack-dev-server是一个用来快速搭建本地运行环境的工具。命令简单webpack-dev-server或配置命令脚本快捷运行。使用情况：解决本地运行跨域很多框架使用时其实是用了ajax的请求的，在本地运行时会发生跨域请求（啊擦嘞，我只是在html里引入一个js文件还能跨域？没错，就是这么神奇！！！）模拟服务器运行情况，进行上线前调试等。环境...

2018-10-24 10:52:36 14523

原创 js面向对象，es5和es6的区别，构造继承

class——类？js是一个伪面向对象的语言，没有完整的面向对象的体系，至少es5及之前没有面向对象的体系，但是聪明的人自然有聪明的办法模拟其功能，到es6或以后，js的面向对象逐渐的展露头角。不是对象的对象，我用函数也能构造对象：js虽然开始没有对象，但是因为保留了new的功能，实际上也能做出面向对象的感觉来。&lt;script&gt; function Person(na...

2018-10-23 15:35:23 1917

原创 React事件、函数式声明组件、有状态组件

事件react的事件到底常不常用我也不清楚，因为js里是能不用行内事件就坚决不用行内事件，但是既然html里有事件这一属性，那么react实现其功能也是无可厚非的。事件触发调用函数利用好插值符号，因为插值符号里就是给你写js的地方；&lt;script type="text/babel"&gt; function alertThis() { alert("C...

2018-10-22 21:35:55 7617

原创 React节点属性，列表渲染

节点属性渲染由于jsx语法是和js语法相包容的，所以，jsx里的语法会和js的语法相冲突，比如说，元素的属性值class和js里的关键字class重名，所以，html的元素在jsx的语法里，使用这些属性名的时候就要注意与js的关键字等冲突，这里的class被替换成了className：&lt;script type="text/babel"&gt; const element = ...

2018-10-22 10:22:02 955

原创 React基本语法，注释、插值

元素渲染ReactDOMrender接收两个参数，一个jsX语法的节点模板，一个是渲染到那个元素对象上（会成为其子节点）<script type="text/babel"> const element = ( <h1>hello React</h1> ); ReactDOM.render( el...

2018-10-21 20:56:48 2977

原创 React简介，安装与使用

React框架一. 插件或框架的好处从久远的时代到现在，我们的网页更加动态化与强大，大家在学习的过程中，发现或了解过很多很多的插件或框架，用过的都知道，方便、快速、简单上手快、重用性高、维护成本低、兼容性好、稳定性强这些插件或框架的出现，是因为JavaScript的越来越强大，都成为服务端语言了。在之前我们开发大型的项目，由于业务逻辑非常复杂，html结构累赘，css样式庞大，造成了资源...

2018-10-21 17:40:03 1454

原创 Webpack——CSS打包，CSS、SASS处理

处理style文件话说html都打包过去了，js也打包过去了，新的html文件和js产生，如果更换了存储文件夹(一般都会)，那么这些打包生成的文件对于资源的引入就会产生错误，那么我们css文件也需要重新处理过，避免路径但不限于的错误；安装相关工具模块css-loader style-loader#-D = --save-dev 放在前面后面都无所谓npm i -D css-loa...

2018-10-15 18:41:14 2552

原创 Webpack——ES6转ES5

万恶的IE遗臭万年仍然需要填坑ie标准对html/css甚至js的规范简直相差甚远，所以，一般要解决的兼容问题很大一部分是为了解决ie的不兼容，虽然目前流行的ES6语法及规范将IE的考虑抛弃掉，默认放弃对IE的治疗，但是IE的兼容仍然是个问题！即使IE的使用率已经不到1%的市场占比。我们使用着舒服的ES6规范但是为IE又很头疼怎么办呢？Webpack开发了非常厉害的打包转换功能：转ES5！...

2018-10-15 17:14:13 14036 2

原创 Webpack——html-webpack-plugin 插件

安装插件html-webpack-plugin插件这是一个webpack插件，可以简化HTML文件的创建，为您的webpack捆绑服务提供服务。这对于webpack包含文件名中包含哈希值的bundle 来说尤其有用，它会更改每个编译。您可以让插件为您生成HTML文件，使用lodash模板提供您自己的模板或使用您自己的加载器。在开发时使用插件npm i -D html-webpack...

2018-10-15 10:38:55 33392

原创 git超详细图文教程——分支管理，分支创建、合并，bug分支

分支管理git作为分布式代码管理工具，强大的地方当然不止代码托管那么简单，还包括git强大的团队项目管理能力和分支合并功能！话不多说创建分支：我们进入到以前的项目里：git branch你会看到我们当前所出的分支为master。git branch #查看当前分支状态git branch BobBranch #创建名为BobBranch的分支git checkout B...

2018-10-14 20:24:50 3036

原创 git超详细图文教程——代码github托管，新建项目或本地项目上传

push前准备git除了本地托管代码的强大功能外，当然还包括强大的git的网络代码托管功能了！知名的便是国际的github和国内的码云了！那么我们首先需要一个网络上的代码仓库，即先再github上注册一个账户或者码云上的也可以，我这里以github为例进行介绍。创建你的网络管理仓库值得注意的是下面有个gitignore忽略部分上传的文件：以nodejs为例，node项目的开发...

2018-10-14 19:04:02 910

原创 git超详细图文教程——本地托管，仓库创建，提交撤销，误删恢复

分布式管理虐杀集中式管理在以前，代码都是通过集中式管理，大家从一个共享的或者说中央服务器里下载下来项目，在各自的电脑上完成项目的各个部分，然后上传回中央服务器，这样一来，就会产生很多的问题：比如同事之间代码版本不一致、文件过大效率低下，最后上传了还要主动整合项目等等；而分布式管理就能很好的解决问题。分布式管理下每个人的电脑都像是一台中央服务器，每个人的电脑上都有一个版本仓库，当然，为了方便所...

2018-10-14 17:29:50 2946

原创 html2canvas实现指定文档元素截图

html2canvas.jshtml2canvas脚本允许您直接在用户浏览器上截取网页或部分网页的“屏幕截图”。屏幕截图基于DOM，因此它可能不是真实表示的100％准确，因为它没有制作实际的屏幕截图，而是根据页面上可用的信息构建屏幕截图。参数或者说组态名称默认描述asynctrue是否异步解析和呈现元素allowTaintfalse是否允许跨原始图像污...

2018-10-13 19:46:00 10240

原创手把手教你搭建网站环境——基于node后台的web服务

战前准备下载好xftp(必备，用于上传你要部署的文件)；xshell作为windows而言是个非常好用的工具，不过像阿里本来就有控制台，倒不是必备，但是那个控制塔的字符丑得一匹，实在看不下去，我用xhell只是因为字符好看一点！另外，有mac或者使用虚拟机的同志就可以更方便啦，mac和linux虚拟机的控制台可以直接连服务器无隔阂！安装过程略，一切下一步即可！购买服务器淘宝是个好地...

2018-10-10 09:26:44 3083

原创 js进阶——this、call和apply详解

this的指向很多情况下，经常会出现this指向概念模糊的情况！this指向和函数作用域是时间线上完全相反的两个东西，函数作用域是在你定义的时候就已经决定了归属，而this是在执行代码时，有调用的“对象”决定！this指向的大致情况this在对象内部的函数方法里调用；在普通函数的内部调用；在构造器中调用；在call、apply中调用；在对象内部函数的方法里调用此时，thi...

2018-10-10 09:20:34 590

原创 js API 高德开放平台

平台介绍高德是阿里旗下的偏向地面服务的一个开放服务平台，提供了众多稳定、质量高、数据结构清晰明了的开放api；开放api接口涵盖web应用、移动端、pc端各种语言以及微信小程序等的数据接口；接口面向个人开发者和企业开发者，申请方便！解决方案行业解决方案：出行O2O电商社交运动游戏智能硬件货运提供自定义地图、数据可视化和数据分析管理控制台。详细的开发者...

2018-10-05 18:43:16 1153

原创 Webpack的开始--安装和使用

webpack简介本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。简单来说就是把多个同类型的文件打包成一个文件！webpack是...

2018-09-28 11:06:54 549

原创 NodeJS必知基础知识(非巨详细)

Node.js是啥?node.js是构建在Chrome v8 引擎上的一个javascript 运行环境node和Chrome一样都是基于事件驱动的异步架构！Chrome是基于事件的交互，而node是基于事件的I/O；node没有HTML、Webkit和显卡驱动等UI技术支持；文件引入如果当前文件夹下有index.js和2.js2.js 里包含变量a(let a=1)//2.jsl...

2018-09-18 16:35:17 14298

原创 es6 对象的扩展，对象的解构和深拷贝

对象的扩展属性的简洁表示法ES6 允许直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};方法也可以简写。const o = { method() { return "...

2018-09-16 16:12:24 5453

原创 es6 数组扩展，解构赋值和新的api

数组的扩展扩展运算符含义扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div'...

2018-09-16 10:56:24 1738

原创 es6 Let声明和块级作用域

let命令基本用法跟使用es5的var一样 BUT不存在变量提升var会存在变量提升现象，let和const则不会有这种情况暂时性死区简称 TDZ 暂时性死区可以简单的理解为变量赋值之前的作用域区域，而在变量在使用之前被引用或使用都是错误的，不被允许的！只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的...

2018-09-16 10:53:58 340

原创 es6 函数扩展，参数作用域和箭头函数

函数的扩展函数参数的默认值基本用法ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y = 'World') { console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '')...

2018-09-16 10:53:26 522

原创 es6 严格模式概要

严格模式严格模式是ES5引入严格模式主要有以下限制:变量必须声明后再使用函数的参数不能有同名属性，否则报错不能使用with语句不能对只读属性赋值，否则报错不能使用前缀0表示八进制数，否则报错不能删除不可删除的属性，否则报错不能删除变量delete prop，会报错，只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和argu...

2018-09-16 10:45:11 238

原创 js06-js事件、事件委托、冒泡和捕获！

事件简述事件事件起始于IE3，作为一种分担服务器运算负载的一种手段。用于键盘、鼠标等工具对于网页的交互！事件对于不同浏览器来说，有不同的标准，尤其是IE、Chrome两大巨头浏览器上，虽然现如今Chrome已经占据大部分市场，但是对于IE8及以上的兼容也是个不小的问题。事件类型UI事件：用户与页面上的元素交互时触发；焦点事件：当元素获取失去焦点是触发；鼠标事件：当...

2018-07-25 21:59:59 1468

原创 js04DOM操作和数组详解

前言看着这个浮夸的标题是不是觉得不靠谱，因为我是在想不出什么非常好的题目！这一节的内容我将记录自己对于jsDOM操作的一些心得，一些数组方面的操作！常见的DOM操作Node类型在DOM1级里定义了一组节点类型，每个节点都有一个nodeType属性，用于表明节点在DOM中扮演的角色，同时每一个类型对应着一个值，文档中的每一个节点一定属于其一： NodeTyp...

2018-07-06 13:20:15 776