详解 vue-cli 的打包配置文件代码
一、前言 对于webpack基础不好，node指令不通的童鞋。估计对自己搭建Vue、react脚手架是相当头疼的，有种无从下手的感觉。然而，从头看这2块，耗时太长，而且说实话得练才行，不练练手看不明白。那大多数人就采取折中的方案，修改成熟的脚手架，改成自己想要的样子。这个相对来说难度降低了不少，不过依然会有很多难点不加不明白。所以这里就以Vue的脚手架为例子，将源码加上注释，方便大家加深对项目配置的理解，少走弯路。 二、vue-cli 都做了什么 先跟大家简单说说，vue-cli 都做
css水平垂直居中解决方法
css居中方案是一个老生常谈的问题，主要包括水平居中和垂直居中，水平居中大家用的比较多，最常用的莫过于margin:0 auto方案了，而垂直居中，很多时候会让很多新手头疼。 常用居中方案（水平） margin：0 auto解决方案 （水平居中） 适用于已经知道宽度，并且其父级宽度不为0的元素水平居中。 <!-- html --> <div class="parent"> <div class="child">哈哈哈哈</div> </div> <!-- css --> .parent { w
利用css隐藏元素的几种方式
面试题 请列举几种隐藏元素的方法 visibility: hidden; 这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在 opacity: 0; CSS3属性，设置0可以使一个元素完全透明 position: absolute; 设置一个很大的 left 负值定位，使元素定位在可见区域之外 display: none; 元素会变得不可见，并且不会再占用文档的空间。 transform: scale(0); 将一个元素设置为缩放无限小，元素将不可见，元素原来所在的位置将被保留 <di
当我们在浏览器中输入一个URL后，发生了什么？
写在开头：这篇文章被我归入博客性能优化类别，是因为我认为如果我们要优化网站性能、提升用户体验，首要目标就是要知道用户在本地请求并加载你的网页的过程中，到底发生了什么，在此基础上我们才能更好的优化网页。 图源：知乎-张秋怡 浏览器解析并查询缓存 DNS查询 DNS查询顺序如下，若其中一步成功则直接跳到建立链接部分： 浏览器自身DNS 操作系统DNS 本地hosts文件 向域名服务器发送请求 建立链接 TCP三次握手(three-way handshaking) 发送方:SYN(synchroni
JS 中几种实用的跨域方法原理详解
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的问题，我们可以使用以下几种方法： “ 一、通过 jsonp 跨域 在js中，我们直接用XMLHttpRequest请求不同域上的数据时，是不可以的。但是，在页面
进阶之函数节流与函数防抖
原文标题：函数节流与函数防抖 原文地址：https://justclear.github.io/throttle-and-debounce/ 原文作者：justclear 什么是函数节流与函数防抖 举个栗子，我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放（以前是，现在不知道）中基本是以每秒 24 张的速度播放的，为什么不 100 张或更多是因为 24 张就可以满足人类视觉需求的时候，100 张就会显得很浪费资源。再举个
从回调（callback）到 Promise 到异步函数（async await）
在 promise 被加入到 JavaScript 语言之前，异步代码一般使用基于回调的 API，尤其是在 Node.js 中。这是一个例子：
function handler(done) {
validateParams((error) => {
if (error) return done(error);
dbQuery((error, dbResults) => {
if (error) return done(error);
service
详解javaScript的深拷贝
目录 浅谈深拷贝和浅拷贝 深拷贝和浅拷贝的区别 为什么要使用深拷贝？ 深拷贝的要求程度 怎么检验深拷贝成功 只对第一层级做拷贝 拷贝所有层级 存在大量深拷贝需求的代码——immutable提供的解决方案 正文 前言： 最开始意识到深拷贝的重要性是在我使用redux的时候（react + redux）， redux的机制要求在reducer中必须返回一个新的对象，而不能对原来的对象做改动，事实上，当时我当然不会主动犯这个错误，但很多时候，一不小心可能就会修改了原来的对象，例如：var newOb
前端面试宝典之css篇
CSS display: none; 与 visibility: hidden; 的区别 联系：它们都能让元素不可见 区别： display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见 display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；visibility:hidden;是继承属性，子孙节点消失由于继承了hidde
在Object-C中学习数据结构与算法之排序算法
笔者在学习数据结构与算法时，尝试着将排序算法以动画的形式呈现出来更加方便理解记忆，本文配合Demo 在Object-C中学习数据结构与算法之排序算法阅读更佳。 目录 选择排序 冒泡排序 插入排序 快速排序 双路快速排序 三路快速排序 堆排序 总结与收获 参
输入url按回车后发生的一系列不可描述的事情
前言 最近在研究如何优化首屏白屏时间，大致分为网络部分和js渲染部分，该文章主要是梳理一下从输入url开始，从客户端到服务端会发生哪些事情，从哪些地方可以做优化。 过程图 浏览器输入url后发生的过程 1、输入一个url地址 url遵守一定的语法规则：sch
JMeter实现唯一参数生成不重复时间戳
现象： 使用jmeter做接口压测时，总会遇到压测时，提示不允许重复id或提示订单不允许重复现象，那么如何解决呢? 原料工具 jmeter4.0 本地准备好接口服务 思路： 单个接口，小批量接口，一般以时间戳或者是日期格式的数据作为接口测试参数，解决参数化问题； 大批量接口压测时，这上面的时间戳方式是不行的，秒级请求或者毫秒级别的请求不能满足大批量接口压测需求，这时候需要用比毫秒小的单位纳秒再做字符串拼接 时间戳函数操作： 1、通过函数助手，生成一个_time 函数： 2、如果参数为时间戳，那
图书销售管理系统成员分工
可行性研究报告的任务分配 1、引言 大佬(20160401084) DEDRAGON(20160401094) 2、可行性研究的前提 大佬(20160402122) DEDRAGON(20160401094) 3、对现有系统的分析 皮皮周(20160401085) 国字号(20160401105) 4、所建议的系统 赵佳美小姐姐(20160401104) 苦心糖(20160401114) 5、可选择的其他系统方案 赵佳美小姐姐(20160401104) 苦心糖(20160401114) 6、投
mybatis Mapper XML 映射文件
传送门：mybatis官方文档 Mapper XML 文件详解 1. select <select
id="selectPerson"
parameterType="int"
parameterMap="deprecated"
resultType="hashmap"
resultMap="personResultMap"
flushCache="false"
useCache="true"
timeout="10000"
fetchSiz
CSS布局总结（三）
前言：今天学的有点少，主要是有点迷.... 这是昨天没写的 一、水平居中 .parent{
text-aglin:center;
}
.child{
display:inline-block;
} .parent{
display:table;
margin:0 auto;
} 在知道元素的宽度的情况下 .child{
width:500px;
position:absolute;
left:50%;
margin-left:-250px;
kafka实战 - 处理大文件需要注意的配置参数
概述 kafka配置参数有很多，可以做到高度自定义。但是很多用户拿到kafka的配置文件后，基本就是配置一些host，port，id之类的信息，其他的配置项采用默认配置，就开始使用了。这些默认配置是经过kafka官方团队经过严谨宽泛的测试之后，求到的最优值。在单条信息很小，大部分场景下都能得到优异的性能。但是如果想使用kafka存储一些比较大的，比如100M以上的数据，这些默认的配置参数就会出现各种各样的问题。 我们的业务是数据大小没有什么规律，小的只有几kb，大的可能有几百M。为了使
JAVA入门到精通-第53讲-数据库概念
数据库编程 衡量一个程序员技术水平的高低： 数据库、面向对象、网络、界面 数据库： 文件保存数据的缺点： 文件不利于查询排名 文件超过10M或者100M，打开速度很慢很慢 数据库提供API接口，程序访问接口， 拿到数据库里面的数据； access用于小型项目，又小又可爱，宣传型的网站； 对内存要求比较低； MySQL在LINUX上跑起来比较方便； db2是电信级数据库，处理海量数据库； 一流公司做标准；（因特尔、IBM） 二流公司做服务；（电信、移动） 三流公司做产品；（用友、金蝶） 四流公司
notify和notifyAll有什么区别？
先说两个概念：锁池和等待池 锁池:假设线程A已经拥有了某个对象(注意:不是类)的锁，而其它的线程想要调用这个对象的某个synchronized方法(或者synchronized块)，由于这些线程在进入对象的synchronized方法之前必须先获得该对象的锁的拥有权，但是该对象的锁目前正被线程A拥有，所以这些线程就进入了该对象的锁池中。 等待池:假设一个线程A调用了某个对象的wait()方法，线程A就会释放该对象的锁后，进入到了该对象的等待池中 在java中，每个对象都有两个池，锁(monit
今日推荐
周排行