2018年10月_songshuzhong

转载对webpack和gulp的理解和区别

webpack是前端构建工具，称为模块打包机，webpack支持模块化；构建前端开发过程中常用的文件，如：js，css，html，img等；使用简单方便，自动化构建。webpack是通过loader（加载器）和plugins（插件）对资源进行处理的。 Glup侧重于前端开发的整个过程的控制管理，我们可以通过给glup配置不同的task来让glup实现不同的功能，从而构建整个前端开发流程。（通过g...

2018-10-21 14:41:42 281

转载文档流与浮动

CSS样式----浮动（图文详解）本文最初发表于博客园，并在GitHub上持续更新。以下是正文。标准文档流宏观地讲，我们的web页面和photoshop等设计软件有本质的区别：web页面的制作，是个“流”，必须从上而下，像“织毛衣”。而设计软件，想往哪里画个东西，都能画。标准文档流的特性我们来看看标准流有哪些微观现象。（1）空白折叠现象：无论多少个空格、换行、t...

2018-10-21 14:38:32 393

转载 HTTP协议Keep-Alive模式详解和HTTP头字段总结

1、什么是Keep-Alive模式？我们知道HTTP协议采用“请求-应答”模式，当使用普通模式，即非KeepAlive模式时，每个请求/应答客户和服务器都要新建一个连接，完成之后立即断开连接（HTTP协议为无连接的协议）；当使用Keep-Alive模式（又称持久连接、连接重用）时，Keep-Alive功能使客户端到服务器端的连接持续有效，当出现对服务器的后继请求时，Keep-Alive功能...

2018-10-17 15:18:18 372

转载 js正则表达式常见面试题

1 . 给一个连字符串例如：get-element-by-id转化成驼峰形式。 var str = "get-element-by-id"; var reg = /-\w/g; // 匹配横杆以及之后的一个字符，全局匹配 console.log(str.replace(reg,function($0){ return $0.slice(1).toUpperCase(); ...

2018-10-15 18:45:37 1140

转载 CSS Grid 布局完全指南(图解 Grid 详细教程)

CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于父元素 (成为 Grid Container 网格容器)和其子元素（成为 Grid Items 网格项），你就可以轻松使用 Grid(网格) 布局。如果你刚刚接触 CSS Grid 布局，...

2018-10-15 11:59:17 420

转载 Flex 布局语法教程

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。...

2018-10-15 11:56:28 113

转载 Vue2.0生命周期（组件钩子函数与路由守卫）

组件相关钩子函数： beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy、destoryed 还有两个特殊的（使用keep-alive）：activated、deactivated（不详述） v2.5.0+新增： errorCaptured (暂时还不知道咋用) 路由守卫：全局&路由独享：...

2018-10-11 15:25:48 1861

songshuzhong的博客