摘要：
前沿: 今天用到了calc的属性，但是在less文件中计算出来的有问题-计算中的第二个变量单位会按照第一个的来处理。 案例: // less文件: .demo { min-height: calc(100vh - 150px); } // 编译后 .demo { min-height: calc(- 阅读全文
摘要：
前言: 在使用react时针对于其的大面的语法，规范等是有了解的，可能会忽略了些细节的东西导致在调试的时候会很麻烦，今天我将针对其中的细节点进行下整理，希望能够让大家更加深入，全面地地去了解react。 细节 1. 组件类的render中只能包含一个顶级标签 // 错误写法 var ErrorCom 阅读全文
摘要：
前言: 在引入外部js文件时会阻塞dom的执行，为此在html4.01为script标签引入了async属性 概述: 表示应该立即下载脚本，但不应妨碍页面汇总的其它操作。只对外部脚本文件有效。 例子: <script type='' async src='1.js'></script> <scrip 阅读全文
摘要：
前言: vue中的差值表达式会被经常性的使用，但是不知道有多少同学在使用会注意到了一个页面上出现闪动的问题-也就是先显示差值表达式之后再显示对应的值，这是一些细节上的问题，但是如果遇到了浏览器加载慢的问题体验很差。 方法: 解决的方法其实很简单，举例子来说明这个问题, 当浏览器加载比较慢的时候会先显 阅读全文
摘要：
前言: 突然有一天有人问你："Vue的渐进式如何理解？", 虽然是平时经常在用但说真的很难用简短的话语讲述给不了解的同学，今天将我的对其概述的见解分享给大家。 是什么? 官网：Vue是一套用于构建用户界面的渐进式框架 从上述的话语中我们可以提炼出两个信息，1个是Vue是用于开发界面的(相当于废话主要 阅读全文
摘要：
前言: 多应用在实际的项目中使用场景也是比较多的，话不多说，直接进入搭建过程 项目搭建: 请参考之前的webpack项目搭建笔记，此处不再过度讲解，项目结构如下 app1.html 1 <!DOCTYPE html> 2 <html style="font-size:20px"> 3 <head> 阅读全文
摘要：
前言: webpack的plugins(插件)是其的辅助功能，主要作用是解决其loader无法实现的事情，今天将详细介绍HtmlWebpackPlugin插件的功能，话不多少，直奔主题 作用: 1. 生成项目的主入口html文件，一般原则是单应用的话会生成一个html文件，多应用的话会生成多个对应的 阅读全文
摘要：
例子 npm i --save-dev webpack和npm i --save react // package.json { ...... "devDependencies": { "webpack": "^4.42.0" }, "dependencies": { "react": "^16.1 阅读全文
摘要：
前言: webpack作为当前算是比较流行的打包工具之一，通过设置入口文件开始会把入口文件所依赖的所有文件(js,css,image等)进行对应的打包处理，其实现当时真的是很独特。现在流行的脚手架工具(vue-cli等)很大程度上提高了开发项目的效率，但同时会使得开发人员不能深入了解webpack的 阅读全文
摘要：
背景 webpack有一特性就是可以让使用者灵活的在不同环境(开发环境，生产环境等)进行相应的特性的策略打包，比如: 是否使用反向代理使用接口，针对不同的静态资源(如图片等)是直接拷贝还是进行打包编译等等，这一特性的诞生归功于Nodejs的环境变量-process.env. NODE_ENV pro 阅读全文