Webpack编写loader入门

由于webpack是基于node实现的,而node只能识别js,所以需要使用loader将img、css等内容转换为node能识别的内容。loader就像是一个翻译官,能把源文件经过转化后输出新的结果。以处理scss文件为例: 通过test正则匹配到scss类型的文件,如test: /\.scss$/ ...
2018-08-26 read more

Webpack简单入门

webpack本质上是一个静态模块打包器(module bundle),是基于node的产物(webpack只能处理js,因此非js模块如css、img等需要使用loader进行处理)。WebPack基础知识1、webpack基本配置项 mode选择mode,控制webpack使用何种模式的内置优化方式,可以为...
2018-08-26 read more

package.json文件简介

package.json是npm的配置文件…package.json概述每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开...
2018-08-20 read more

深入http的header信息

之前,一直被各种http请求折磨,不了解HEAD、PUT、DELETE、OPTIONS请求,不知道各种请求会产生的请求头的内容,所以我需要深入了解各种代码以及可以产生的结果…http头信息1、GeneralGeneral又称为请求行,它主要提供的是一些公用的请求头信息:Request URL: https://s...
2018-07-10 read more

重置input单选框和复选框的样式

浏览器有默认的单选框和复选框的样式,但是默认样式往往不能满足我们开发的要求,这时候就需要重置样式了…input单选框实现样式重写1<style>/*隐藏原来的单选框*/input[type='checkbox']{ display: none;}/*自定义的单选框*/.inputChecked{...
2018-06-19 read more

谷歌开发者工具使用

虽然之前用用过谷歌浏览器的控制台,但是基本都是console、network、source这几大块,没能系统的了解控制台的功能,所以这次趁着有空,把谷歌控制台的东西系统全面的了解一遍…Elements打开谷歌控制台进入Elements界面,选择一个节点并右键,我们可以看到很多菜单。其中最常用的是Add attri...
2018-06-19 read more

深入理解HTTP请求

一般请求接口都是使用的GET或者POST,会向服务器发送请求头、响应头等信息,这些信息包括哪些内容以及代表的意思是什么呢…HTTP请求的信息内容1、General// 请求的URL地址Request URL// 请求的方法,一般为GET、POST、PUT、DELETE、OPTIONS等Request Method...
2018-06-14 read more

redux简单介绍

redux简单介绍其实,我们只是想找个地方存放共享数据而已,大家都可以获取到,也可以进行修改。那么放在一个全局变量里面不就可以了吗?这样是可以的,但是这样不安全,因为谁都能修改,所以可能被某个小伙伴不小心覆盖了,那就哭吧!既然不能使用全局变量,那私有变量呢?使用闭包,这个闭包要满足[1]存放一个数据对象[2]外界...
2018-06-04 read more

深入理解vuex

vuex是什么,有什么作用vuex是专为vue写的一个状态机。主要作用是,多组件之间的状态共享,尤其用于复杂应用,代替props、slot、$emit等实现父子或任意两个组件之间传值和状态共享。在vue项目中打印console.log(vuex),可以看到vuex实际上是一个Store构造函数以及mapState...
2018-06-03 read more

设置光标位置

之前做了一个编辑框,可以向里面上传图片,且上传图片完成后可以继续编辑,以下是代码实现…设置Div可以被编辑,且上传图片后自动移动光标<style type="text/css">body{ padding: 10px;}.editorArea{ width: 400px; height: 300px;...
2018-06-01 read more