摘要：
1. grid 布局 跟 flex 布局的区别： 1. flex 布局: flex 布局是相对轴线布局，即 flex-direction: column/row 来定义元素在容器里面的排布方向2. grid 布局: grid 布局是通过定义容器里面的行数跟列数来实现网格布局 2. grid 布局的使 阅读全文
posted @ 2020-07-26 21:10 lc_博客 阅读(243) 评论(0) 推荐(0) 编辑
摘要：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>BFC - 块级格式化上下文</title> 5 <!-- 6 BFC的布局规则: 7 1. 内部的Box会在垂直方向，一个接一个地放置。 8 2. Box垂直方向的距离由margin决定。属于同一个BFC的两 阅读全文
posted @ 2020-05-05 22:56 lc_博客 阅读(110) 评论(0) 推荐(0) 编辑
摘要：
现在的前端单页应用，都是通过路由导向到具体的页面。随着应用越来越大，页面也越来越多，首屏加载越来越慢，因为需要下载文件越来越大。这时候就需要通过懒加载分离路由页面，按需加载。那么webpack是如果对页面进行懒加载处理的呢？ webpack支持两种动态加载的配置： 1. ECMAScript 的 i 阅读全文
posted @ 2020-01-01 23:54 lc_博客 阅读(1179) 评论(0) 推荐(0) 编辑
摘要：
1. 首先配置一个简单的webpack项目 1 const path = require('path') 2 const htmlWebpackPlugin = require('html-webpack-plugin') 3 4 module.exports = { 5 entry: { 6 ap 阅读全文
posted @ 2019-12-29 21:20 lc_博客 阅读(1584) 评论(0) 推荐(0) 编辑
摘要：
我们知道，Node是基于Chrome V8 引擎的，也就是说它也有js引擎的事件循环也就是 Event Loop 机制。但是Node是运行在服务端的，是有区别于浏览器端的。比如比浏览器的异步API多了 setImmediate, process.nextTick 等。那么事件循环的机制也肯定是不一样 阅读全文
posted @ 2019-10-27 00:39 lc_博客 阅读(229) 评论(0) 推荐(0) 编辑
摘要：
Node 是一个 Node是基于Chrome V8引擎开发的能使JavaScript在服务器端运行的运行时环境。由于 js 的特性，所以 Node 默认也是单线程的，无法充分利用多核CPU。适用于IO密集型，但对于 CPU 密集型的应用，因为需要长时间占用 CPU，会导致其他的请求处于阻塞状态，所以 阅读全文
posted @ 2019-08-31 15:47 lc_博客 阅读(400) 评论(0) 推荐(0) 编辑
摘要：
正常情况下，如果想要监听输入框的输入事件并做一些其他的事比如实时搜索啥的，可以通过 在输入英文或者是数字的情况下，这种情况是可行的。但是如果是中文输入法，比如输入‘我是谁’，input事件响应的是‘woshishui’，即每输入一个字母，都会触发一次 input 事件。但是我们只需要在选择完对应的中 阅读全文
posted @ 2019-08-27 20:53 lc_博客 阅读(1328) 评论(0) 推荐(0) 编辑
摘要：
前言：前端时间开始正式接触Node，因为之前只是使用过 nwjs 跟 webpack 等基于Node开发的工具，想进一步深入Node，为了避免学过之后又忘了(是的，看过一遍之后又忘得7788了)，所以记下笔记。 Nodejs 是基于Chrome V8引擎开发的能使JavaScript在服务器端运行的 阅读全文
posted @ 2019-08-25 15:24 lc_博客 阅读(119) 评论(0) 推荐(0) 编辑
摘要：
最近在生产上遇到一个问题，就是通过IE上传xml文件之后，使用某些软件去打开这个文件，会报共享违例错误，导致文件无法打开，但是在Chrome上面是没有这个问题的。一开始以为是js操作文件之后没有切断引用，但是查看代码之后发现最后都是有释放的，而且关闭tab页之后文件就能操作。 一通检查跟思考之后，发 阅读全文
posted @ 2019-07-26 23:11 lc_博客 阅读(184) 评论(0) 推荐(0) 编辑