我使用的方法是利用如下js代码来完成页面的滚动，每次滚动多少可以根据不同情况自行调整。
背景 由于JavaScript（以下简称JS）语言的特性，前端作用域拆分一直是前端开发中的首要关卡。从简单的全局变量分配，到RequireJS实现的AMD模块方式，browserify/webpack
最近在做项目的时候发现在一个模块导出的时候是返回一个NEW以后实例化的对象，在其他地方使用的是同一个对象(一直以为是不用的对象，每次导入都是一个新的。。。还是太菜)。
作者：happylindz https://github.com/happylindz/blog/issues/7 前言 最近在看 webpack 如何做持久化缓存的内容，发现其中还是有一些坑点的，正
HTML5学堂：在AJAX知识当中，有几个经典的辨析，“同步加载”与“异步加载”的区别；post与get的区别；XML与JSON的区别等。本文讲解的就是同步与异步的区别，可以通过图片更直观的理解两者在加载内容时的流程。在最后介绍了异步加载的优势。 什么是AJAX AJAX是四个单词的简写，其中Asynchronous即异步的意思，异步的链接可以同时发起多个，并且不会阻止JS代码执行。与之对应的概念是同步，同步的链接在同一时刻只会有一个，并且会阻止后续JS代码的执行，JS必须等待同步链接加载完毕后才能继续执行
本来想一气呵成，把加载的过程都写了，但是卡着呢，所以只好在分成两份了。 1、页面里使用<script>来加载 boot.js 。 2、然后在boot.js里面动态加载 bootLoad.js。以时间作为标识 var dateVer = date.getYear() + '_' + date.getMonth() + '_' + date.getDate() + '_' + date.getHours(); 这样可以保证一小时内肯定会被更新。同时也避免了每次都去更新。 3、boot.js里面根
现在回过头来想想，也许选择以《JavaScript权威指南》一书来作为入门有些不好，因为这本书毕竟是很早之前的，书中所讲的思想、标准也基本都只是 ES5 及那时代的相关技术。
每次在开发项目的时候为方便快捷开发，前端一般都直接使用CDN进行远程文件调用省却多级目录的问题。但这样一般都埋下了潜在的问题，就是怎么知道该远程文件是否已经加载的呢？
这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：
对于web应用来说通常会有一些库和工具是不常变动的，可以将它们放在一个单独的入口中，由该入口产生的资源不会经常更新，因此可以有效地利用客户端缓存，让用户不必在每次请求页面时都让资源重新加载。
MPA（multiple page application）称为多页面应用，指多个页面的应用
随着现代Web应用的发展，用户界面变得越来越复杂，同时用户对应用的响应速度和互动性有着更高的期待。在这样的背景下，Next.js 作为一个前沿的React框架，提供了一系列高级功能来满足开发者的需求，今天我们来介绍 Next.js 14 的第二部分。
参考网址 https://www.cnblogs.com/belongs-to-qinghua/p/11151054.html http://www.zhiliaotang.net/jishujiaoliu/web/965.html
之前写的《webpack性能优化(0):webpack性能优化概况-优化构建速度》、《webpack性能优化(1):分隔/分包/异步加载+组件与路由懒加载》
用JS作为规则脚本我们需要做到JS能调用后端API接口，API接口能调用JS本地方法，经过多次技术调研，我们选择了JDK1.8的Nashorn引擎来作为最终落地方案。
我负责的一个前端项目之前用到的是webpack1，现需要升级到webpack4，特此记录下升级过程中有一些配置和需要注意的问题，具体会介绍：
导语 随着移动设备性能不断增强，web 页面的性能体验逐渐变得可以接受，又因为 web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些功能模块改成用 H5 实现。 虽然说 H5 页面性能变好了，但如果没针对性地做一些优化，体验还是很糟糕的，主要两部分体验： 页面启动白屏时间：打开一个 H5 页面需要做一系列处理，会有一段白屏时间，体验糟糕。 响
以下配置是在webpack 4.41.6+测试 可用于生产环境： babel-loader缓存优化 ignoreplugin noparse happyPack ParallelUglifyPlugin 不可用于生产环境的： 自动刷新 热更新 DllPlugin babel-loader的缓存优化 module: { rules: [ { test: /\.js$/, loader: 'babel-
到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整，还需要给它制定一个评分机制，它是整个游戏的关键所在。就好比一部电影，特效再好看，如果剧情狗血，那也是一部烂片。 相信大家都玩过一些简单但很吸引人的小游戏。比如很久以前微信上的打飞机，围住神经猫，还有前段时间大火的slither.io。他们都简单易玩，但却能让人肾上腺素飙升，百玩不腻。 所以一款好玩的小游戏必须具备了这样的特点，简单易玩，却能给人制造紧张感，有时还能利用一些攀比心理。本游戏也基本具备了这样的特点。 计分实现 游戏以秒数作为计分，随着时间的
在webpack的新特性中支持组件的懒加载，也就是说我们可以在加载到该路由的时候再把这部分脚本进行加载，同时这个在项目进行打包的时候，对应的文件也会被单独打包，对于首屏优化以及其他页面的资源加载优化都是非常好的。这也要求我们在每个页面组件使用组件的时候尽量按需引入，提升体验。
2）css、js、img等静态资源合并压缩（vue的项目有压缩css和js）
CSR工作原理： 客户端渲染主要依赖于Ajax或者Fetch API从服务器异步获取数据，并通过JavaScript库（如React、Vue、Angular等）在浏览器端构建DOM树。这种方式极大地提高了应用的动态性和交互性，允许页面在不刷新的情况下更新内容和状态。
但在JS应用库JQUERY的作者将之做为一个自定义函数名了，这个函数是获取指定网页元素的函数，使用非常之频繁，所以好多新手不知道，还以为$是JS的什么特殊语法。
高性能网站架构方案（二）——优化网站响应时间 （原创内容，转载请注明来源，谢谢） 一、概述 优化网站响应时间是保证网站受用户关注的要点，主要方案有： 1、减少HTTP请求 当需要加载图片、css、js等内容时，尽量减少加载的次数。可以合并加载，另外当改动量很少时，尽量将内容进行缓存。 图片的缓存可以设定更新时间，定时去服务器查看是否有需要更新的内容。通常可以定时在1周甚至更久的时间。 CSS、JS的缓存，通常可以通过文件名的方式来判断是否需要重新加载。当网页确定需要加载某些js和c
以前一直在用 create-react-app 来创建 React 项目，奈何 CRA 实在太难用了，今天花了点时间扫了一下 Next.js 的官网，发现用起来还挺简单的。
Node.js中的一个重要概念是依赖关系管理。本文就将带大家了解依赖管理的各种模式以及Node.js如何加载依赖。 Node.js编写模块化代码非常简单，我们可以使用单个js文件非模块化的编写所有应用程序的内容。 在这里你可能会问，模块（module）是什么，它又有什么作用。 大型项目的实施之中，会有很多分工协作，为了可以让分工更加方便和顺利，我们可以将编写好的代码封装起来，重复使用或者提供给第三方使用。在项目封装阶段将所有模块组织编译成一个完整程序。 总而言之，模块是代码为了便于在开发中共享和重用，而进行的分组。这些模块使我们可以将复杂的应用程序分解。以便让我们更好地理解代码，发现并修复Bug。基于CommonJS，Node.js中使用require这个关键字来获取一个JavaScript文件。
一、html-webpack-plugin插件 简单创建 HTML 文件，用于服务器访问 例如：我们要为输出文件添加哈希值标记，避免老的不变的文件重新加载，避免新修改的文件受缓存影响。 在前后两次在终端输入webpack打包时，即使component中的所有文件都没有变化，资源是要重新加载一遍的。 同理，在生产中，每次需要在代码中更新内容时，服务器都必须重新部署，然后再由所有客户端重新下载。 而通过网络获取资源可能会很慢，那么我们怎么才能避免这个问题呢———给output中的bundle文件提供hash值标
这些包括由WordPress添加的标准脚本以及由使用wp_enqueue_scripts函数的主题和插件添加的一些脚本。 根据脚本的类型，它可能位于网页的头部，正文或页脚部分。
jsdelivr是一个免费的CDN服务，可以利用它配合github来为页面静态资源提供加速，有效提升资源加载速度。
从明天开始，我开始休年假，准备去云南逛一逛，估计这段时间又无法更新公众号，还请大家谅解。
我所在团队是做toB业务的，技术栈是Vue，团队目前有十多个典型的toB业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个html入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发层面，这十多个业务又有太多共同之处，每次修改成本都很高。
前几天写了用爬虫来揭露约稿骗局的真相，但实际上对于动态加载的数据来说，用程序爬取比较困难，在这种情况下，可以使用selenium来模拟浏览器行为，达到同样目的。
其实vue加载远程js的教程很多，但是我比较笨呐。。。用不出来，每次都报方法/属性不存在的错误，来看一下典型的写法：
Conclusion: don't install laravel/ui v2.4.1 Conclusion: remove laravel/framework v6.18.40 laravel/ui版本也是和laravel版本对应的，2.4不能给6.18安装
最近我司因业务需求，需要在一个内部数据分析平台集成在线Excel功能，既然我们自己就是做开发工具的，所以目光自然就落在了我司自研的前端表格产品上。
当你想到路由时，通常会想到类似 React 之类的库。但实际上，这些库和框架仍然使用 vanilla JavaScript。那么该怎么实现呢？
上一篇发出来后得到了很多回复，在此首先感谢大家的热情捧场！有的推荐第三方框架，比如 In.js、requrieJS、sea.js、lab.js等。这个开阔了眼界，以前只知道sea.js，省去了自己搜索的麻烦。也用了点时间简单看了一下，因为每一个都是大块头，都有自己的理念，如果只是简单使用的话，那么谁便找一个就可以了，但是我习惯把原理弄清楚。因为我觉得虽然不知道原理也可以使用，但是知道了原理后，可以用的更好。 主要看的是sea.js，目前简单的理解是：一个加载js的机制 + 模块化编程(CMD规范)的
data.php接收前台页面提交过来的两个参数，_POST[‘last’]即开始记录数，_POST[‘amount’]即单次显示记录数，看SQL语句就明白，其实就是分页中用到的语句。
前端性能优化，是每个前端必备的技能，优化自己的代码，使自己的网址可以更加快速的访问打开，减少用户等待，今天就会从几个方面说起前端性能优化的方案，
用途： 将css样式从js文件中提取出来最终合成一个css文件，该插件只支持webpack4之前的版本，如果你当前是webpack4及以上版本那么就会报错。
我所在团队是做 toB 业务的，技术栈是 Vue，团队目前有十多个典型的 toB 业务（菜单+内容布局），这些业务都是服务于一个大平台的，因为历史原因，每个业务都是独立的，都有一个 html 入口，所以当用户在这个大平台上使用这十多个业务的时候，每当切换系统时，页面都会刷新，体验很差；在开发层面，这十多个业务又有太多共同之处，每次修改成本都很高。
通常情况下，微信小程序追求的是短小精悍，即开即用，用完即走，适用于一些简单的应用场景。然而，随着微信小程序开放能力的提高，人们发现用微信小程序可以实现越来越多的功能，小程序也越来越复杂，越来越庞大起来。这个可以从小程序的大小限制的变化看出，最开始小程序的大小限制为1M，后来限制为2M，最新微信又给小程序提供了分包加载机制，开发者将小程序划分成不同的子包，用户在使用时按需进行加载，所有分包大小限制提高到8M。
例如同一个域名 CDN 服务器上的 a.js，b.js，c.js 就可以按如下方式在一个请求中下载：
随着前端开发的兴起，QQ也逐渐演变为Web与原生终端混合的开发模式。得到Web动态运营能力的同时，QQ也在交互响应速度、后台服务压力、海量用户集的带宽冲击等方面，受到了更多的挑战。在快速的Web运营节奏下，必须保证嵌入QQ的第三方业务也始终处于一个高质量的服务状态。针对这些问题，QQ团队除了采用动态CDN、后台渲染等全栈手段优化体验，也构建了围绕速度、成功率、页面异常等维度的监控体系来保障服务质量。
今天我们使用前面将的精灵模型来模拟一个下雪的场景 使用精灵模型实现下雪场景的核心思路 一.利用for循环随机生成雪花，生成的雪花位置随机 二.雪花下落动画，定义一个函数，让其y坐标递减，判断当y坐标值小于0时，重新将其设置为800 三.利用requestAnimationFrame循环执行上面的函数 实现代码如下： 1.新建文件夹，命名为snow，在该文件夹下新建一个images文件夹用于存放雪花图片 2.在根目录新建index.html文件和index.js文件 3.在index.html文件中引入threejs和index.js，并新建一个id为webgl的div
node_modules/html-webpack-plugin/index.js 搜索 postProcessHtml
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
