Vue cli3 cli2 项目 创建electron项目多入口,多模块 情景分析一个electron项目如果是公司的企业项目,一般包含了开启后台master的功能,这样就会带来一些列的问题: 如果将起master直接放再路由里,在开发的时候,热重载会或者刷新(Ctrl + R)这一类操作会造成master掉线的情况; 当同时存在web环境和electron环境时,路由的切换和准备将是一大麻烦事儿! 可能存在一个需求需要不影响当前路由的同时,开启另一个页面...
Vue使用Echarts v-charts此文章持续更新,每个配置都会以例子来讲解,对比v-charts,vue-charts和原生echarts分别描述。v-charts是一个Echarts的封包,饿了么官方前端团队开发的Echarts基于Vue的图表组件。v-charts的封装理念是将部分属性暴露在组件属性上,同时也可以通过哦extend属性设置对应属性。echarts最重要的属性label,tooltip...
函数式组件思想与简单例子说明 单文件组件简单来说,单文件组件就是组件的行为、数据、结构等等统一放在一个文件里由Vue的构建系统识别并渲染的*.vue文件;随着vue cli 的更新迭代,任然使用new Vue的方式建立全局组件并在各个页面选择容器进行投放显然已经落伍了,单文件组件开发在大型项目中已经非常的普遍!请看下图:(这是官方文档里给出的单文件组件示例图)或者说这样的结构<template>...
前端开发环境搭建和VSCode插件配置超详细图解一次配置完成(19年8月19日更新福利) 前端开发环境篇包管理器node包管理器请下载官网较新的稳定版!地址=》双击msi安装包安装,可以自定义安装目录;安装完成后检查全局环境:检查版本>node --versionv10.15.3 #2019年3月27日最新稳定版如果没有出现版本号,检查全局系统变量是否配置好(cmd、powershell和bash会通过系统环境变量到对应目录下找同名命令的exe并传入后...
Vue全局 Vue.extend(options)Vue构造器,创建一个’子类’。参数是一个包含组件的对象。data必须是一个函数,通过处理和返回值确定参数的值。如果不是函数,那么在复用组件的时候,会因为数据唯一使得更改同一个组件时会影响到其他的组件里的数据,各有用法差异;&lt;div id="mount-point"&gt;&lt;/div&gt;// 创建构造器var Profile = ...
Vue的全局配置 Vue 全局配置以下笔记来自Vue官方文档并截取个人觉得较为重要的知识点,带了一点自己的改动。Vue.config启动之前修改全局的属性silent 静默Vue.config.silent = true静默(取消)日志与警告提醒optionMergeStrategies 自定义选项策略合并策略选项分别接收在父实例和子实例谁给定义的该选项的值作为第一个和第二个参数,Vue实...
Vue的开始以及基本指令详解 为什么学vue?vue是中国大神尤雨溪创建的js框架。Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。任何描述都不及...
React——组件基本结构及其生命周期 组件基本结构es6类与继承点击跳转构造函数constructor功能:子级继承父级的时候,通过构造函数获取父级的属性和方法,并通过super()传递的参数进行构造。constructor(){super()}组件构造函数会在组件实例的时候最先调用! constructor() { super() console.log('constructor 初始化数据')...
node.js——http和服务、服务代理、后台跨域 httpHTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传输协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等。http请求头四中协议基础:通用头域、请求消息、响应消息、实体信息;就是访问每个...
node.js文件读写-fs,Stream文件流 文件流fsfs 模块提供了一些 API,用于以一种类似标准 POSIX 函数的方式与文件系统进行交互。const fs = require('fs');异步形式的最后一个参数都是完成时回调函数。 传给回调函数的参数取决于具体方法,但回调函数的第一个参数都会保留给异常。 如果操作成功完成,则第一个参数会是 null 或 undefined。const fs = require('f...
es6--js异步编程Generator、Promise、Async Generator简介基本概念generator本身并不是用于处理异步的,但是能够实现!!!Generator函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。执行 Generator 函数会返回一个遍历器对象,也就是说,Generator 函数还是一个遍历器对象生成函数。返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态。跟普通函数的区...
node.js事件events详解 nodejs基于事件驱动事件发布,事件订阅大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构,其中某些类型的对象(又称触发器,Emitter)会触发命名事件来调用函数(又称监听器,Listener)。同步函数,异步触发,通过回调函数处理异步。例如,net.Server 会在每次有新连接时触发事件,fs.ReadStream 会在文件被打开时触发事件,stream会在数据可...
node.js事件循环详解 谁先执行?global里的将来执行的函数setInterval(callback, delay[, ...args])callback 当定时器到点时要调用的函数。delay 调用 callback 之前要等待的毫秒数。…args 当调用 callback 时要传入的可选参数。预定每隔 delay 毫秒重复执行的 callback。 返回一个用于 clearInterval(...
React脚手架 React脚手架和vue一样,react也有它开发用的脚手架,能够快速的创建一个项目结构,并下载部分依赖。安装之前的准备准备好node.js运行环境,大家可以去搜索node的安装和配置,这里不做详细介绍,整篇文章默认大家已经安装并配置了nodejs及其全局环境;全局安装create-react-app工具:npm install create-react-app -g;可能要花上几...
强大的webpack-dev-server 万能本地运行环境webpack-dev-server是一个用来快速搭建本地运行环境的工具。命令简单webpack-dev-server或配置命令脚本快捷运行。使用情况:解决本地运行跨域很多框架使用时其实是用了ajax的请求的,在本地运行时会发生跨域请求(啊擦嘞,我只是在html里引入一个js文件还能跨域?没错,就是这么神奇!!!)模拟服务器运行情况,进行上线前调试等。环境...
js面向对象,es5和es6的区别,构造继承 class——类?js是一个伪面向对象的语言,没有完整的面向对象的体系,至少es5及之前没有面向对象的体系,但是聪明的人自然有聪明的办法模拟其功能,到es6或以后,js的面向对象逐渐的展露头角。不是对象的对象,我用函数也能构造对象:js虽然开始没有对象,但是因为保留了new的功能,实际上也能做出面向对象的感觉来。&lt;script&gt; function Person(na...
React事件、函数式声明组件、有状态组件 事件react的事件到底常不常用我也不清楚,因为js里是能不用行内事件就坚决不用行内事件,但是既然html里有事件这一属性,那么react实现其功能也是无可厚非的。事件触发调用函数利用好插值符号,因为插值符号里就是给你写js的地方;&lt;script type="text/babel"&gt; function alertThis() { alert("C...
React节点属性,列表渲染 节点属性渲染由于jsx语法是和js语法相包容的,所以,jsx里的语法会和js的语法相冲突,比如说,元素的属性值class和js里的关键字class重名,所以,html的元素在jsx的语法里,使用这些属性名的时候就要注意与js的关键字等冲突,这里的class被替换成了className:&lt;script type="text/babel"&gt; const element = ...
React基本语法,注释、插值 元素渲染ReactDOMrender接收两个参数,一个jsX语法的节点模板,一个是渲染到那个元素对象上(会成为其子节点)<script type="text/babel"> const element = ( <h1>hello React</h1> ); ReactDOM.render( el...