网页文件的存取路径有3种：物理路径、绝对路径和相对路径。物理路径就是你的文件放在主机上的具体位置，例如：D:\image\1.jpg这种格式，该方法可以很快确定出你的文件，但是在网页显示路径基本很少用。绝对路径是以网站的根目录（www）作为起始点，某文件在该项目中具体位置信息。比如你的网站放在/var/www中，那么/...

如果你的SAE用到了这些文件，你会发现本地虽然能够运行成功，但是SAE上却无法加载。其实就是地址发生了变化，我们告诉SAE这些东西怎么找就可以了。例如我的css和js文件放在了app/static/文件夹下面，那么我们就在config.yaml中加入这些配置：handlers:-url:/staticstatic_di...

1.import import(/*webpackPrefetch:true,webpackChunkName:"yourFileName",webpackPreload:true*/'LoginModal')import(/*webpackChunkName:"yourFileName"*/filePath...

1.React.lazy的用法React.lazy方法可以异步加载组件文件。constFoo=React.lazy(()=>import('../componets/Foo));React.lazy不能单独使用，需要配合React.suspense，suspence是用来包裹异步组件，添加loading效果等。&...

//50ms节流方案letlazyLoadThrottle=throttle(lazyLoad,50);window.addEventListener('scroll',lazyLoadThrottle);//raf的一帧节流方案varisScroll=true;window.addEventListener('scr...

在React16.6中引入了React.lazy和React.Suspense，这两个组件，可以用来实现异步加载组件。例如：constjohanComponent=React.lazy(()=>import(/*webpackChunkName:"johanComponent"*/'./myAwesome.com...

echarts体积很大，在移动端使用异步加载是一种提高渲染速度的方法，结合webpack的做法如下：require.ensure([],function(require){constecharts=require('assets/js/lib/echarts.min');if(echarts){_self.fInitE...

延迟加载的含义 延迟加载又叫按需查询（懒加载），mybatis支持延迟加载，我们希望一次性把常用的级联数据通过sql直接查询出来，而对于那些不常用的的级联数据不要取出，而是等待要用的时候才取出，这些不常用的级联数据可以采用延迟加载的功能。 延迟加载的配置 在mybatis的settings...

很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐10个jQuery的无限滚动的插件： 1. jQueryScrollPaginationjQueryScrollPaginationplugin是一个jQuery实现的支持无限滚动加...

<div id="myModal" class="modal hide fade">    <div class="modal-header">     &...

有两种方式，原理上其实一样 api运用不同而已1  2  ...

1、上拉加载失效问题背景：部分页面上拉加载失效。当使用flex布局，底部固定，中间采用自适应撑满全屏实现滚动时，发现上拉加载失效，不知道是什么原因。解决问题：　　在小程序中，官方为我们提供了原生的下拉刷新和上拉加载，只需要进行简单的配置即可实现下拉刷新的功：onPullDownRefresh、onReachBottom...

1、大文件定位　　我们可以使用webpack可视化插件WebpackBundleAnalyzer查看工程js文件大小，然后有目的的解决过大的js文件。　　安装：npminstall--save-devwebpack-bundle-analyzer　　在webpack中设置如下，然后npmrundev的时候默认会在888...

　　cnpmrunbuild文件过大，其中主要是vender.js有1.5M，代码部署到服务器，首次访问加载页面时比较慢，耗时6.5s左右，所以需要优化下。1、Nginx开启gzip　　找到nginx.config。关于gzip压缩代码：http{gzipon;#开启或关闭gziponoffgzip_disable"m...

一、路由懒加载1、先安装babel动态引入插件　　npminstall--save-devbabel-plugin-syntax-dynamic-import2、修改router/index.js　　异步引入组件importVuefrom'vue';importRouterfrom'vue-router';consti...