在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题,如,页面引入的的js,css越多的话,那么对就增加了http请求数,解决该问题的一个好的方法
默认情况下，经过 Webpack 打包后的模块资源会被组织成一个个函数形式，例如：
这是我们部门前端同学cobish的学习笔记，笔者编辑了一下并分享给大家。 在使用 Grunt 之前，项目静态文件几乎没进行压缩合并便直接放到线上，部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的
性能在Web应用程序中起着至关重要的作用，甚至谷歌也很在意其查询性能。不要因为一个几KB的文件只需要1毫秒的下载时间就不去重视，因为涉及性能时每个毫秒都需要去关注。最好能优化、压缩和缓存一切。
本文作者：lzaneli，腾讯 TEG 前端开发工程师 “合并前文件还在的，合并后就不见了”、“我遇到 Git 合并的 bug 了” 是两句经常听到的话，但真的是 Git 的 bug 么？或许只是你的预期不对。本文通过讲解三向合并和 Git 的合并策略，step by step 介绍 Git 是怎么做一个合并的，让大家对 Git 的合并结果有一个准确的预期，并且避免发生合并事故。 故事时间 在开始正文之前，先来听一下这个故事。 如下图，小明从节点 A 拉了一条 dev 分支出来，在节点 B 中新增了一
这是第 101 篇不掺水的原创，想要了解更多，请戳上方蓝色字体：政采云前端团队 关注我们吧～ 本文首发于政采云前端团队博客：手把手带你入门Webpack Plugin https://www.z
一，作用： (1) 能够完成代码的压缩 (2) 合并，复制，监听，ES6的代码转换，启动服务器等等
网站性能优化是一个永恒的话题，前面我已经介绍了 WordPress 后端性能优化的一系列方法，下面讲解下 Web 前端的性能优化，其中最重要是减少 HTTP 请求和压缩文件的大小，今天来介绍下使用 Minify 来合并和压缩 CSS 和 JavaScript 文件，
grunt是什么 grunt是目前非常流行的前端构建工具，支持自定义插件，有丰富的插件帮助我们完成构建任务 自动化完成我们指定的任务，例如压缩、编译、单元测试、linting等 前端为什么需要构建工具 先看下前端的开发场景 小项目中，css文件和js文件并不多，前端部分是很轻的，几乎不需要我们特别的关注 而在一个大项目中，css文件和js文件的数量会达到几十个上百个，一个页面中会引用很多css和js文件，js的开发方式也已经模块化，不再像之前那样 经常把很多函数写在一个文件中，css的开发开始使用SAS
我们在做wordpress速度优化时总可以发现很多插件都提供了css/js合并功能。那么我们真的需要启用这个功能吗？
我们在建网站时经常会用js特效代码以使页面更美观，比如js幻灯片代码、js下拉菜单等，但是网页特效一多，如果js文件没有合并的话会降低网站的性能，这时我们就要考虑合并js文件了，ytkah总结了以下几种方法可以实现： 1.把不输出（没有document.write）的公共函数合到一起，如果单纯地把两个js文件内容copy到一起可能会出错 2.新建一个import.js文件，把所有的js文件全部写进去 with(document){ write('<script type="text/javasc
大家好，我是腾讯云开发者社区的 Front_Yue，本篇文章将对Vue中的混入进行更深入的解析，并探讨其在实际项目中的应用。
于是我将近段时间的、关于TS的学习笔记梳理成30张脑图做了这次分享，也方便以后查阅
在软件开发中使用自动化构建工具的好处是显而易见的。通过工具自动化运行大量单调乏味、重复性的任务，比如图像压缩、文件合并、代码压缩、单元测试等等，可以为开发者节约大量的时间，使我们能够专注于真正重要的、有意义的工作，比如设计业务逻辑，编写代码等等。 对很多前端开发人员而言，Grunt 无疑是这方面的首选。基本上，如果你会用 JavaScript ，那么在一个名为 Gruntfile.js （或者 Gruntfile）的文件中用 Javascript 语言定义自动化任务是非常简单的过程，同时大量的 第三方插件
IIFE包含两部分。 第一部分是一个匿名函数，它包裹在分组操作符()中，拥有独立的词法作用域。 第二部分是再一次使用分组操作符()，创建一个立即执行函数表达式。Javascript引擎到此将立即执行函数。 大体结构如下所示：
想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端
TPHP是基于Laravel框架的基础上进行整合的一套便捷性框架，基于Laravel的Composer依赖管理开发。该框架具有高配置型代码设计，使得项目开发者更快速的开发项目，并减少大量BUG调试时间，在使用TPHP开发后台时开发速度将大幅度提升。
回顾一下，在之前的文章《有点难的 webpack 知识点：Dependency Graph 深度解析》已经聊到，经过 「构建(make)阶段」 后，Webpack 解析出：
微信小游戏推出后，LayaAir引擎也同步支持了微信小游戏的开发，由于很多开发者对微信小游戏的开发流程不够了解，不太清楚如何下手。为此，我们在2018年的开工首日，从简介篇，小游戏创建篇，综合介绍篇三部分，全面介绍微信小游戏的开发、测试，与重要项目规则。
2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过data函数返回一个对象作为组件的状态。
每个插件和主题可能有自己的 CSS 和 JavaScript 内联代码或者文件，如果 CSS 和 JavaScript 内联代码或者文件一多，就开始出现了两个比较难受的问题：
Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类
###事件模拟 模拟触发某个元素的某个事件 格式: 元素对象.trigger(“事件名称”); $(“input”).trigger(“click”); ###鼠标移入移出事件合并 hover 将鼠标移入和移出两个事件合并到一起 //给元素添加鼠标移入移出合并事件 (“div”).hover(function(){ //鼠标移入时执行 (this).css(“color”,“red”); },function(){ //鼠标移出时执行 隐藏 元素对象.hide(时间,方法); 显示 元素对象
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/53053500
echarts是一款不错的商业级数据图表，目前已更新到echarts3版本，但是由于历史原因，echarts2仍然有比较大的使用占比，之所以讲echarts2的引入方式是因为项目在混合使用echarts2与echarts3的时候遇到了一个问题，这个与我之前写过的一篇文章有关：http://blog.csdn.net/john1337/article/details/54947787，下面入主题。
而且众多 Git 命令当中，Git rebase 和 Git merge 都是可以将一个分支的修改合并到当前分支当中去。
我们都知道页面渲染从new Vue开始，但是实际上代码在这之前先注册了Vue构造函数和各种能力才能保证new Vue的正常运作。从开发者角度看，可以看到Vue的大致全貌，其暴露了哪些东西。
大部分用户希望网页能在 2 秒之内就完成加载。事实上，加载时间每多 1 秒，你就会流失 7% 的用户。如果加载需要太长时间，他们就会放弃访问。
今天，我们发布了一个引擎大版本LayaAir 2.1.0 beta，从此我们进入了纯webGL模式的2.1.x时代。浏览器自带的canvas API从这个版本开始不再支持，因此也会带来一些调整，本篇会进行说明。
如今，越来越多的JavaScript代码被使用在页面上，我们添加很多的内容在浏览器里。如何去很好的组织这些代码，成为了一个必须要解决的难题。
网站前端的用户体验，决定了用户是否想要继续使用网站以及网站的其他功能，网站的用户体验佳，可留住更多的用户。除此之外，前端优化得好，还可以为企业节约成本。那么我们应该如何对我们前端的页面进行性能优化呢？
php在执行的时候需要每次都从磁盘读取文件信息，再编译成脚本，这个过程非常消耗时间，我们强烈建议您安装php的 opcache 扩展，用来缓存已经编译好的php代码，从而加速php的执行。
StreamSaver.js 可用于实现在Web浏览器中直接将大文件流式传输到用户设备的功能。
Immutable的中文翻译就是不可变，所以。对Immutable对象每一个操作都是返回的一个新的对象。寒假的时候再看看这个库的源码吧， 文档地址
单纯组件引用： 父组件 + 子组件 >>> 父组件 + 子组件 mixins： 父组件 + 子组件 >>> new父组件
JavaScript API GL近期为支持物流行业实现了几何图形编辑器，用户可通过编辑器接口进行点、线、面、圆的绘制和编辑。在物流行业中常见的使用场景是配送区域及地理围栏的绘制，常会有对已有区域进行拆分或者合并的需要，所以编辑器也提供了相应的功能。本文介绍了如何基于Turf实现多边形的拆分及合并。
下面是一些提高网页访问速度的常用方法： （1）合并压缩JS/CSS （2）使用CSS sprites （3）避免使用CSS表达式 （4）精简HTML CSS JS代码大小 （5）避免JS的复杂计算和DOM操作，减少页面的重绘重排 （6）JS尽量放到页面底部 （7）合并AJAX请求 （8）TAB页异步或延迟加载 （9）非关键图片尽量延迟加载，如头像 （10）压缩图片质量 （11）设置较长的客户端缓存过期时间 （12）设置GZIP压缩 （13）cookie隔离 （14）适当使用多域名增加并行加载 （15）重点优
在JavaScript编程世界中，事件响应的处理总是离不开的！如何稳定、高效、安全的处理事件响应是我们开发者时常需要应对的问题。
对于在线文档的难点，大部分同学的第一反应都是协同编辑，如何解决多人协作的冲突的问题。
不管是小项目还是大项目，将配置与代码分离是一个非常好的做法。我们通常将配置写到一个配置文件里，如 config.js 或 config.json，并放到项目的根目录下。但通常我们都会有许多环境，如本地开发环境、测试环境和线上环境等，不同的环境的配置不同，我们不可能每次部署时都要去修改引用config.test.js 或者 config.production.js。config-lite 模块正是你需要的。
接下来咱们来完成一个超级简单的投票功能！要求很简单，点击“投票”按钮，相应的票数会发生加1的变化，另外总票数为所有票数之和，如图所示：
前端的模块系统经历了长久的演变，对应的模块打包方案也几经变迁。从最初简单的文件合并，到AMD 的模块具名化并合并，再到browserify将CommonJS 模块转换成为浏览器端可运行的代码，打包器做的事情越来越复杂，角色也越来越重要。 在这样一个竞争激烈的细分领域中，webpack 以极快的速度风靡全球，成为当下最流行的打包解决方案，并不是偶然。它功能强大、配置灵活，特有的code spliting方案正戳中了大规模复杂Web 应用的痛点，简单的loader/plugin 开发使它很快拥有了丰富的配套工具
前端 性能优化 可以分为三个level：静态资源优化、接口访问优化、页面渲染速度优化，在操控门槛上依次递增，优化效果上越发没有这么明显，所以很多小团队只会做到了第一个level
11月初我们发布了1.4.0里程碑稳定版本，增加了一些新功能包括丰富了查询控件、支持查询JS/CSS增强、支持mongodb、redis、存储过程数据集、支持分组小计、支持图表钻取、条件钻取、支持表格背景设置斑马线、支持分栏功能、支持分版功能、支持动态合并格等等；下面就让我们一起来看一下具体的功能吧。
将多个文件合并为一个文件，常见的场景是类似于大文件分片上传，事先根据一定的文件大小拆分为多个小文件上传到服务端，最后服务端在合并起来。
关于 性能优化 是个大的面，这篇文章主要涉及到 前端 的几个点，如 前端性能优化 的流程、常见技术手段、工具等。
如果你在写vue组件时，发现有几个组件的逻辑差不多类似，那么你就可以使用vue的mixin（混入），把类似的逻辑抽离出来封装成js，然后在各个组件引入使用。
作者：darminzhou，腾讯 CSIG 前端开发工程师 导语：HTTP/2 中，是否还需要减少请求数？来看看实验数据吧。 1. 背景 随着网站升级 HTTP/2 协议，在浏览页面时常常会发现页面的请求数量很大，尤其是小图片请求，经典的雅虎前端性能优化军规中的第 1 条就是减少请求数，在 HTTP/1.1 时代合并雪碧图是这种场景减少请求数的一大途径，但是现在这些图片是使用 HTTP/2 协议传输的，这种方式是否也适用？另外，在都使用 HTTP/2 的情况，在浏览器并发这么多小图片请求时，是否会影响
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
