摘要: 一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用. 随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能解决了哪些问题? 可以添加至主屏幕,点击主屏幕图标可以实现启动动画以及隐藏地址栏 实现离线缓存功能,即使用户手机没 阅读全文
posted @ 2020-12-22 18:52 咔啡 阅读(127) 评论(0) 推荐(0) 编辑
摘要: InnoDB一棵B+树可以存放多少行数据?这个问题的简单回答是:约2千万。为什么是这么多呢?因为这是可以算出来的,要搞清楚这个问题,我们先从InnoDB索引数据结构、数据组织方式说起。 我们都知道计算机在存储数据的时候,有最小存储单元,这就好比我们今天进行现金的流通最小单位是一毛。在计算机中磁盘存储 阅读全文
posted @ 2020-12-22 18:49 咔啡 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 采用服务器渲染ssr 按需加载配合webpack分块打包, 通过entry和commonChunkPlugin 很有必要将script标签➕异步 有轮播图 最好给个默认 另外要处理图片懒加载 打包线上也要注意去掉map 文件 组件, 路由懒加载 webpack的一切配置 肯定是必须的 压缩图片 ht 阅读全文
posted @ 2020-12-22 18:37 咔啡 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 我们常常说InnoDB是行锁,但是这里介绍一下它锁表的情况。 InnoDB行锁是通过索引上的索引项来实现的,这一点MySQL与Oracle不同,后者是通过在数据中对相应数据行加锁来实现的。InnoDB这种行锁实现特点意味者:只有通过索引条件检索数据,InnoDB才会使用行级锁,否则,InnoDB将使 阅读全文
posted @ 2020-12-22 17:48 咔啡 阅读(1492) 评论(0) 推荐(0) 编辑
摘要: 双for循环, splice剔除并i--回退 indexOf等于index filter indexOf index 新数组indexOf index 使用空对象等 阅读全文
posted @ 2020-12-22 16:50 咔啡 阅读(76) 评论(0) 推荐(0) 编辑
摘要: safe area: 默认放置在安全区域以避免遮挡, 但会压缩 在meta中添加viewport-fit=cover: 告诉浏览器要讲整个页面渲染到浏览器中,不管设备是圆角与否,这个时候会造成页面的元素被圆角遮挡 padding: constant(env): 解决遮挡问题 阅读全文
posted @ 2020-12-22 16:48 咔啡 阅读(181) 评论(0) 推荐(0) 编辑
摘要: InnoDB 实现了两种类型的行锁,共享锁(S)与排他锁(X)。然后由于 InnoDB引擎又支持表级锁,所以它内部又有意向共享锁(IS)与意向排他锁(IX)。这两种表锁,都是InnoDB内部自动处理,换句话说我们写代码是无法控制也不需要控制的。我们能控制的是S与X锁。 阅读全文
posted @ 2020-12-22 16:41 咔啡 阅读(116) 评论(0) 推荐(0) 编辑
摘要: 自适应布局通过检测视口分辨率,来判断当前访问的设备是:pc端、平板、手机,从而请求服务层,返回不同的页面;响应式布局通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容。 自适应布局需要开发多套界面,而响应式布局只需要开发一套界面就可以了。 自适应对页面做的屏幕适配是在一定范 阅读全文
posted @ 2020-12-22 13:53 咔啡 阅读(155) 评论(0) 推荐(0) 编辑
摘要: 强大的文本搜索命令,grep(Global Regular Expression Print) 全局正则表达式搜索。grep 的工作方式是这样的,它在一个或多个文件中搜索字符串模板。如果模板包括空格,则必须被引用,模板后的所有字符串被看作文件名。搜索的结果被送到标准输出,不影响原文件内容。命令格式: 阅读全文
posted @ 2020-12-22 13:49 咔啡 阅读(229) 评论(0) 推荐(0) 编辑