03 2018 档案
摘要：关于gcc和g++ 安装编译器是后面所有工作的基础，如果没有编译器，后面的一切都无从谈起。在windows下使用gcc和g++，是通过安装MinGW实现的。 安装MinGW MinGW是Minimalist GNU on Windows的首字母缩写，安装后就可以使用很多的GNU工具。GNU（GNU’
阅读全文
摘要：CodeBlocks 1. 背景，为了学习C语言，在win系统上下载了codeBlock，先简单介绍下：Code::Blocks 是一个开放源码的全功能的跨平台C/C++集成开发环境。 Code::Blocks是开放源码软件。Code::Blocks由纯粹的C++语言开发完成，它使用了蓍名的图形界面
阅读全文
摘要：我们熟知的操作系统大概都是windows系列，近年来Apple的成功，让MacOS也逐渐走进普通用户。在服务器领域，恐怕Linux是无人不知无人不晓。他们都是操作系统，也在自己的领域里独领风骚。这都还得益于另外一个古董级别的操作系统--Unix，虽然说古董级别，只是他年纪大了，性能和功能，Unix依
阅读全文
摘要：编译型语言在程序执行之前，有一个单独的编译过程，将程序翻译成机器语言就不用再进行翻译了。 解释型语言，是在运行的时候将程序翻译成机器语言，所以运行速度相对于编C/C++ 等都是编译型语言，而Java，C#等都是解释型语言。 虽然Java程序在运行之前也有一个编译过程，但是并不是将程序编译成机器语言，
阅读全文
摘要：windows下安装nvm 用nvm-noinstall.zip安装 1.nvm是个啥？nvm是一个可以让你在同一台机器上安装和切换不同版本node的工具linux系统的github地址：点我如果你是windows系统，直接下载安装就好了，附windows-nvm的github地址 点我window
阅读全文
摘要：Webpack dev server使用http-proxy解决跨域问题 文档资料 webpack关于webpack-dev-server开启proxy的官方介绍Vue-cli proxyTable 解决开发环境的跨域问题——虽然这篇是写vue的，不过用在webpack-dev-server上也是一
阅读全文
摘要：最近正在研究webpack，听说webpack可以自己搭建一个小型的服务器（使用过vue-cli的朋友应该都见识到过），所以迫不及待的想要尝试一下。不过，在实际操作中发现，用webpack搭建服务器仍有不少坑，一方面是由于自己对文档的不熟悉，不了解webpack-dev-server的运作模式；另一
阅读全文
摘要：//节选自https://www.cnblogs.com/penghuwan/p/6941616.html#_label0 提纲： 1.复习webpack的知识 2.详解webpack-dev-server的配置属性 3.webpack-dev-server的自动刷新和模块热替换机制 4.webpa
阅读全文
摘要：在webpack中打包生成的文件会覆盖之前的文件，不过生成文件的时候文件名加了hash之后会每次都生成不一样的文件，这就会很麻烦，不但会生成很多冗余的文件，还很难搞清楚到底是哪个文件，这就需要引入该插件 npm install –save-dev clean-webpack-plugin
阅读全文
摘要：使用npm来进行前端包管理的时候，我们会用到npm install或者cnpm install命令来安装需要用到的包资源 我们通常会使用以上两种安装命令，而两者的区别在于： 当我们需要安装一些支持类的工具的时候，例如webpack，babel-loader之类时，我们希望用 当我们安装的是一些实际在
阅读全文
摘要：extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法: 首先进入项目的根目录,然后执行以上命令进行插件的安装,插件安装完成后,接下来我们要做的就是在webpack.config.j
阅读全文
摘要：前言 this 指向问题是入坑前端必须了解知识点，现在迎来了ES6时代，因为箭头函数的出现，所以感觉有必要对 this 问题梳理一下，遂有此文 在非箭头函数下， this 指向调用其所在函数的对象，而且是离谁近就是指向谁（此对于常规对象，原型链， getter & setter等都适用）；构造函数下
阅读全文
摘要：CSS的引入方式共有三种：行内样式、内部样式表、外部样式表。 一、行内样式 使用style属性引入CSS样式。 示例：<h1 style="color:red;">style属性的应用</h1><p style="font-size:14px;color:green;">直接在HTML标签中设置的样
阅读全文
摘要：传统上我们会在html文件中引入CSS代码，借助webpack style-loader和css-loader我们可以在.js文件中引入css文件并让样式生效。 style-loader和css-loader作用是不同的。 css-loader: 加载.css文件 style-loader:使用<s
阅读全文
摘要：简介 require-ensure和require-amd的区别： require-amd 说明: 同AMD规范的require函数，使用时传递一个模块数组和回调函数，模块都被下载下来且都被执行后才执行回调函数 语法: require(dependencies: String[], [callbac
阅读全文
摘要：commonjs同步语法 经典的commonjs同步语法如下： 此时webpack会将a.js打包进引用它的文件中。这是最普遍的情形，不必赘述。 commonjs异步加载 在commonjs中有一个Modules/Async/A规范，里面定义了require.ensure语法。webpack实现了它
阅读全文
摘要：如果没有指定pubicPath,则引入路径如下 如果有指定publicPath 则引入如下
阅读全文
摘要：filename应该比较好理解，就是对应于entry里面生成出来的文件名。比如： 生成出来的文件名为index.min.js。 chunkname我的理解是未被列在entry中，却又需要被打包出来的文件命名配置。什么场景需要呢？我们项目就遇到过，在按需加载（异步）模块的时候，这样的文件是没有被列在e
阅读全文
摘要：Webpack 的 CommonsChunkPlugin 插件，负责将多次被使用的 JS 模块打包在一起。 CommonsChunkPlugin 能解决的问题 在使用插件前，考虑几个问题： 以下是官方给出的常用的场景： 前面我们实现了 多页面分离资源引用,按需引用JS和css 但有一个问题：最后生成
阅读全文
摘要：（1） __filename变量 node.js中，在任何模块文件内部，可以使用__filename变量获取当前模块文件的带有完整绝对路径的文件名。 在应用程序根目录下新建app.js文件，其中代码如下所示。 var testModule1=require(‘./test/testModule.js
阅读全文
摘要：作用： path.resolve（）方法将一系列路径或路径段解析为绝对路径。 语法： 说明：将参数 to 位置的字符解析到一个绝对路径里。 参数说明 from 源路径 to 将被解析到绝对路径的字符串 用法： 实例：
阅读全文
摘要：webpack 可以看做是模块打包机。它做的事情是：分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。目前，webpack 总共发布了三个稳定版本。从17年八月底开始，经历了长达五个月的
阅读全文
摘要：什么工具看什么官网-一般都会有说明的 https://www.tslang.cn/docs/handbook/tsconfig-json.html 概述 如果一个目录下存在一个tsconfig.json文件，那么它意味着这个目录是TypeScript项目的根目录。tsconfig.json文件中指定
阅读全文
摘要：最新版安装与普通安装 使用babel-loader编译ES6,需要遵循规范，安装babel-presets 规范列表 对应babel-loader，babel-preset安装最新版和普通版： presets算是loader的参数，如何指定参数？ babel-presets也有一个参数就是targe
阅读全文
摘要：一、第一种打包方式 webpack entry<entry> output 假设目录结构如下： index.html是入口文件 打包app.js为bundle.js如下 app.js 当使用amd模块规范多出了0.bundle.js,是由于amd异步加载模块，单独形成一个chunk： 二、第二种打包
阅读全文
摘要：map 举例说明，比如我们有一个函数f(x)=x2，要把这个函数作用在一个数组[1, 2, 3, 4, 5, 6, 7, 8, 9]上，就可以用map实现如下： 由于map()方法定义在JavaScript的Array中，我们调用Array的map()方法，传入我们自己的函数，就得到了一个新的Arr
阅读全文
摘要：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
阅读全文
摘要：主要内容： 一、关于块级作用域 说到JavaScript的变量作用域，与咱们平时使用的类C语言不同. 例如C#中下面代码： 这段代码如果进行编译，是无法通过的，因为"当前上下文中不存在名称num". 因为这里变量的作用域是由花括号限定的，称为块级作用域. 在块级作用域下，所有的变量都在定义的花括号内
阅读全文
摘要：不可变的原始值 原始值：undefined null boolen number string 原始值不可变，既基本数据类型 1 2 3 原始值是value的比较，字符串的比较是，长度相等并且每一个索引的字符都相等。 基本类型的变量是存放在栈区的（栈区指内存里的栈内存） 因此比较时只关注栈内存，不涉
阅读全文
摘要：gulp npm install -g gulp-concat 文件打包 npm install -g gulp-rename 文件重命名 npm install -g gulp-imagemin 图片压缩 npm install -g gulp-jslint js代码校验 慎用 npm insta
阅读全文
摘要：VUE开发请求本地数据的配置，早期的vue-lic下面有dev-server.js和dev-client.js两文件，请求本地数据在dev-server.js里配置，最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack
阅读全文
摘要：如图，ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，
阅读全文
摘要：在Vue中组件实例之间的作用域是孤立的，不能直接在子组件上引用父组件的数据，同时父组件也不能直接使用子组件的数据 一、父组件利用props往子组件传输数据 父组件： 子组件： 如上所示，父组件在模板中引用子组件，通过v-bind传递参数myMessage，值为parentMsg，其可以为父组件中的动
阅读全文
摘要：Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库 为什么选择 Lodash ？ Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。Lodash 的模块化方法 非常适用于： 遍历 arra
阅读全文
摘要：js模块化编程commonjs、AMD/CMD与ES6模块规范 一、CommonJS commonjs的require是运行时同步加载,es6的import是静态分析，是在编译时而不是在代码运行时。CommonJS 模块输出的是值的缓存，不存在动态更新。 原理： 浏览器不兼容CommonJS的根本原
阅读全文
摘要：在vue1.0版本的超链接标签还是原来的a标签，链接地址由v-link属性控制 而vue2.0版本里超链接标签由a标签被替换成了router-link标签，但最终在页面还是会被渲染成a标签的 至于为什么要把a换成router-link原因还是有的，比如我们之前一直惯用的nav导航里面结构是（ul>l
阅读全文
