回答：一般的应用系统，读写比例在10：1左右，而且插入操作和一般的更新操作很少出现性能问题，在生产环境中，我们遇到最多的，也就是最容易出问题的，还是一些负责的查询操作，因此对查询语句的优化显然是重中之重。说起加速查询，就不得不提到索引了。回答：这里的索引，形象的可以理解为一本数中，里面的目录就索引。我们可以通过索引，快...

介绍在 react 内部，react 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React...

 最近在项目中碰到了一个需求是要求把当前页面当成图片下载到本地供首页banner图展示，当时看到需求，一直在找怎么把当前页面导成图片的方法，但是试了很多方法都没成功（原谅我还是很菜,哈哈），这时候在网上看到个帖子，类似是做屏幕截图，下载到本地，于是我找到了一个名叫‘html2canvas’的工具，试了之后，完...

1.remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。浏览器支持：Caniuse示例若根元素 font-size 为12pxhtml{font-size:12px;}h1{font-size:2rem;/*2×12px=24px*/}p{...

产品希望看到投放出去的活动页，用户对其页面内的什么信息比较感兴趣，对什么信息完全不感兴趣。=>计算页面内每模块的停留时间第一次听到这个需求，我的大脑开始疯狂运转，然后想到了plan1,plan2,plan3...中间还有很多失败想法我已经忘记了，这里方案三是我最终采用的方法。 varbodyChildr...

1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度2、便于维护。简化和标准化css代码让css代码减少，便于日后维护3、让自己写的css代码更加专业。 1、缩写css代码。2、排列css代码。3、同属性提取共用css选择器。4、分离网页颜色和背景设置样式（较大站点需要注意）...

不使用Node.js, npm, webpack 等,在静态页中使用vue.js.包括路由,单文件组件.  1.创建index.htmlindex.html做为项目的首页,主要用来定义页面框架,加载必需的css和script.这里使用element-ui的导航菜单组件搭...

vue中获取滚动table的可视页面宽度，调整表头与列对齐(每列宽度不都相同)mounted(){　　　　//在mounted中监听表格scroll事件this.$refs.scrollTable.addEventListener('scroll',(event)=>{this.adjustTable(event...

图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小超过了 1.1MB，图片占了约88%，我还注意到我提供的图像比它...

在面试的环节中，面试官问到：你是如何设计你的表结构的，画一下E-R图？接着又继续深挖，如果有慢查询，你是如何优化你的sql的？今天，我就来和大家讲讲要怎么回答这道问题。首先，我们要稳住不要慌，自己是自己亲手做的项目，第一个问题应该都不大，第二个问题就需要在面试之前做好充分的准备啦…在回答问题之前先要了解查询的流程：查询...

随着公司业务的拓展，随之而来就是各种系统横向和纵向的增加，PV、UV也都随之增加，原有的系统架构和模式慢慢遇上了瓶颈，需要逐步的对系统从整体上进行改造升级，通过一段时间的整理思路，做一个简单的总结与分享。同时由于能力等方面的不足，如果有什么说的不好之处，还请各位大神多多指点。 本次调整提示主要从以下几个点进行...

说明最近在用vue写几个H5页面在微信上展示，遇到一个在弹窗上input输入完成之后点击键盘的完成，页面底部留出一片空白的问题出现原因分析当键盘抬起时，window.scrollY会从0变到键盘的高度，所以解决办法就是当input失去焦点的时候，将window.scrollY重新设置为0 解决给所有的inpu...

webpack 就像一条生产线，要经过一系列处理流程后才能将源文件转换成输出结果。这条生产线上的每个处理流程的职责都是单一的，多个流程之间有存在依赖关系，只有完成当前处理后才能交给下一个流程去处理。插件就像是一个插入到生产线中的一个功能，在特定的时机对生产线上的资源做处理。Webpack通过Tapable来组...

目的本文只介绍函数式组件特有的性能优化方式，类组件和函数式组件都有的不介绍，比如key的使用。另外本文不详细的介绍API的使用，后面也许会写，其实想用好hooks还是蛮难的。 面向读者有过 react 函数式组件的实践，并且对hooks有过实践，对useState、useCallback、...

简介读了《深入浅出webpack》总结一下常用的webpack的构建优化策略，可通过以下手段来提升项目构建时的速度 更精准的loader规则将loader规则写清楚仅让需要处理的文件，进入loader处理环节，如下rules:[{//正则尽量准确test:/.js$/,//使用缓存，缓存后在文件未改变时编译会...