JS压缩

Gulp到Webpack迁移的研究

BowervsNPM对于处理JS依赖这一块，Bower通过wiredep把JS压缩到一个bundle里面，一般来说，不需要自己来处理依赖；wiredep也相当智能，可以通过分析bower_components
泡泡是只猫·2021-04-24 10:45

js加密 压缩

js加密、混淆、源码保护、代码安全，防止解压直接看源码谈前端代码的精简、混淆、压缩和编译巧用Chrome格式化压缩后的js文件压缩js后出现的function与感叹号可以直接使用LayaIDE中提供的js
秋玄语道·2021-03-10 16:18

ubuntu18.04环境下安装最新版node.js + yarn

yarn一、node.js和yarn的安装如果之前安装过node.js或者yarn，请先看第二部分，删除干净后在进行安装1.去官网下载（https://nodejs.org/en/）最新版本的node.js
litbo·2020-11-27 16:02

使用gulp自动化前端工作流

npminstallgulp安装常用插件//js压缩gulp-uglify//css压缩gulp-clean-css//重命名gulp-rename//合并文件gulp-
rand·2020-11-15 20:21

win7nodejs压缩包配置环境变量

最近下载nodejs的时候不知道怎么回事，自己的win7系统下载下的.msi文件总是坏的，想要傻瓜式安装就是不让装，直接显示安装不了，就像这样，点进去没一点反应最后没办法还是下载了压缩包，然后又是一通配置环境变量配置环境变量过程如下，右键我的电脑–>高级系统设置–>环境变量主要添加两个变量就好：当然，自己路径放哪写哪的位置，这是我放的位置一个是PATH上增加node.exe的目录D:\nede,一
fire11226·2020-10-25 14:50

前端性能优化（超详细）

html-minifier工具、后端模板引擎渲染压缩css压缩无效代码删除、css语义合并使用在线网站压缩、使用html-minifier对html中的css进行压缩、使用clean-css对css进行压缩js
阿昕_·2020-10-22 11:04

java图片压缩前后台方法整理

根据项目需求整理了一下图片压缩的方法；1、前端js压缩，base64压缩functiondealImage(base64,w,callback){varnewImage=newImage();varquality
茄子随风·2020-10-15 11:55

Requirejs的使用过程是怎样的（怎样搭建一个模块化项目）？

●RequireJS是一个非常小巧的JavaScript模块载入框架●是AMD规范最好的实现者之一●最新版本的RequireJS压缩后只有14K，堪称非常轻量●它还同时可以和其他的框架协同工作●使用RequireJS
LuckXinXin·2020-10-09 14:14

Layui table field多维数组嵌套渲染 解决col field xxx.xxx.xx格式渲染问题

layuitablelayuitablefield默认不支持xxx.xxx方式渲染用templet方法过于麻烦因为项目文件过多无法批量修改templet所以暂且不考虑更新layui版本问题修改了源码直接放代码了我用的是layui.all.js
SaoPig666·2020-10-01 13:22

Vue脚手架的简单使用

提前申明注意：自己对vue脚手架的理解和认识，很多东西和理解都是形象上的手法，并不专业和官方webpack一种项目构建工具，可以将css和js压缩成一个文件。此外，可以提供测试用服务器。
b10l07·2020-09-16 19:34

nodejs&&npm安装

1、官网下载nodejs压缩包（https://nodejs.org/download/release/latest-v6.x/node-v6.10.3-linux-x64.tar.gz）2、解压tarzxvfXXX3
fafa1618·2020-09-16 17:12

基于 gulp 的 APICloud 脚手架

并且，在生产环境编译时，会自动把页面引用的所有css、js压缩并以内联的方式注入到HTML页面中，对于js文件，还会对代码进行摇树优化，从而提高APP的性能。
岸在彼方·2020-09-16 15:19

详述Vue及其组件化

Vue.js压缩后有只有20多kb（Angular压缩后56kb+
JJ_only_love_SS·2020-09-15 13:39

angular controller不执行

console.log("代码执行");});上述这种写法是在function执行之前angularinjector已经生成了这个参数的实例$scope和$http的实例，但是在另外一种情况下这种写法是不是用的：就是在JS
bing_JavaScript·2020-09-15 10:04

关于微信小程序打包文件vendor.js超过500k的压缩方案

关于微信小程序打包文件vendor.js超过500k的压缩方案因为是开发环境,所以没进行UglifyJs压缩,所以解决的方法来了,引入UglifyJs插件修改build目录下的webpack.dev.conf.js
艾瑞巴蒂康忙北鼻噗求汉卓·2020-09-15 09:41

nodejs压缩html、js、css

varfs=require('fs');varminify=require('html-minifier').minify;fs.readFile('./index2.html','utf8',function(err,data){if(err){throwerr;}fs.writeFile('./test_result.html',minify(data,{removeComments:true
看门小书童·2020-09-14 15:13

分享些常用的工具网站

文章目录JSON格式化JSON压缩/转义/去除转义Maven官方仓库百度翻译URL编码/解码Unix时间戳API文档在线查阅代码美化JS压缩在线免费制图Linux命令手册easyicon图标网千图网：颜色配色表
zyqok·2020-09-13 19:56

离线升级node-red方法

1.离线安装nodejs基础环境下载对应版本的node.js压缩包，此处注意直接下载二进制格式的压缩包，在windows下将它解压再压缩成.gz格式将gz格式的压缩包传入ubuntu系统中解压放在某个目录下
喜欢LANG的鑫·2020-09-12 12:41

H5 js中压缩图片并上传的方法（不失真）

而js压缩图片无非是首先将获取到的图片（一般是input标签获取）用canvas画布将图片重新画出来，然后再将之转换成base64格式的文件，之后再将其转换为blob（点击跳转mdn）对象传输到服务器。
hanghangzzz·2020-09-11 21:28

js压缩图片并上传，不失真，保证图片清晰度

LocalResizeIMGbody{margin:20px20%;color:#777;text-align:center;}LocalResizeIMG-本地压缩1.0$('input:file').localResizeIMG({width:200,quality:0.8,success:function(result){varimg=newImage();img.src=result.ba
weixin_33881041·2020-09-11 21:24

【前端】js前端加密，java后端解密详解

前端js前端aes.min.js压缩文件!function(t,n){"object"==typeofexports?
红枫忆梦·2020-09-11 14:51

【Angular4项目在linux环境构建与部署】--(1)环境配置

1.用xshell连接服务器2.放置压缩文件用winscp或者xftp将本地下载好的jdk压缩包nodejs压缩包和NGINX压缩包放到服务器的/usr/local下。
Hepburn Yang·2020-09-11 00:27

JS相关开发工具

JSDoc:JS文档生成器addr:www.activeperl.comJSLint:JS验证工具addr:www.jslint.comMenTronic:JS压缩模糊服务工具addr:JsUnit:JS
loosboo·2020-08-26 23:42

cannot declare a let variable twice

使用webpack打包h5项目后浏览器与安卓手机均没有问题，但是测试的时候发现iphone7，版本为10.3.3，出现以下报错：网上搜索的解决办法，修改webpack里js压缩插件的配置如下newUglifyJsPlugin
Tomoe20·2020-08-25 17:20

webpack --bundle.js压缩

1.控制npm版本，降版本至[email protected].下载uglifyjs-webpack-pluginnpmi-Duglifyjs-webpack-plugin3.在webpack.config.js中添加constUglifyJSPlugin=require('uglifyjs-webpack-plugin');plugins:[newUglifyJSPlugin
流浪大叔·2020-08-25 11:28

总结webpack 与gulp的区别

gulp是自动化构建工具，可以配合各种插件做js压缩、css压缩、less编译、代码检查等，替代手工实现自动化工作：构建工具自动化提高效率用webpack是文件打包工具，可以把项目的各种js、css文件等打包合并成一个或多个文件
大莲芒·2020-08-25 11:56

图片纯前端JS压缩的实现

本文删简自：www.zhangxinxu.com/wordpress/?…一、功能体验先看demo：使用canvas在前端压缩图片并上传demo如下截图：点击文件选择框，我们不妨选一张尺寸比较大的图片，例如下面这种2M多的钓鱼收获照：于是图片歘歘歘地传上去了：此时我们点击最终上传完毕的图片地址，会发现原来2M多3000多像素宽的图片被限制为400像素宽了：保存到本地会发现图片尺寸已经变成只有70K
weixin_34378969·2020-08-24 23:30

laravel-mix 自动压缩html模板文件

模板文件安装依赖cd/var/www/html/laravel-projectnpmi-Dlaravel-mix@^5.xlaravel-mix-template-minifierwatchshelljs
wtto00·2020-08-24 16:33

网页性能优化-图片

网页性能的优化：资源合并与压缩（html/css/js压缩合并）图片相关优化（不同业务场景选择不同的图片格式，雪碧图等）css/js装载与执行（引用先后顺序及方式，是否阻塞，相互之间的依赖关系）懒加载／
粗心的弹簧豆·2020-08-24 14:04

HTML5 file API加canvas实现图片前端JS压缩并上传

一、图片上传前端压缩的现实意义对于大尺寸图片的上传，在前端进行压缩除了省流量外，最大的意义是极大的提高了用户体验。这种体验包括两方面：由于上传图片尺寸比较小，因此上传速度会比较快，交互会更加流畅，同时大大降低了网络异常导致上传失败风险。最最重要的体验改进点：省略了图片的再加工成本。很多网站的图片上传功能都会对图片的大小进行限制，尤其是头像上传，限制5M或者2M以内是非常常见的。然后现在的数码设备拍
weixin_30843605·2020-08-23 20:51

使用JS压缩用户上传的图片

手机用户拍的照片通常会有2M以上，这对服务器带宽产生较大压力。因此在某些应用下（对图片要求不那么高）我们可以在客户端来压缩图片，然后再提交给服务器。总体思路是：1.使用HTML5的FileReader接口来读取用户上传的图片2.使用canvasdrawImage接口绘制到Canvas2d中3.使用canvastoDataUrl接口把图片转成base64编码字符串（这里可以降低图片质量）4.完成im
iteye_11495·2020-08-23 17:38

js压缩图片

vareleFile=document.querySelector('#file');//压缩图片需要的一些元素和对象varreader=newFileReader(),img=newImage();//选择的文件对象varfile=null;//缩放图片需要的canvasvarcanvas=document.createElement('canvas');varcontext=canvas.ge
12th·2020-08-23 15:03

从0开始学习，RequireJS笔记(一)

最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。
轻鸢剪掠564·2020-08-22 15:37

RequireJS模块化加载

最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协
dengshangli·2020-08-22 01:18

掌握JS压缩图片，这一篇就够了

前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。插播一下，本文案例已整理成插件，已上传npm，可通过npminstalljs-image-compressor-D安装使用，可以从github下载。JavaScript操作压缩图片原理不难，已有成熟API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩
华为云·2020-08-21 19:38

了解JS压缩图片，这一篇就够了

前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。插播一下，本文案例已整理成插件，已上传npm，可通过npminstalljs-image-compressor-D安装使用，可以从github下载。JavaScript操作压缩图片原理不难，已有成熟API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩
华为云开发者社区·2020-08-21 04:08

网页性能优化-图片

网页性能的优化：资源合并与压缩（html/css/js压缩合并）图片相关优化（不同业务场景选择不同的图片格式，雪碧图等）css/js装载与执行（引用先后顺序及方式，是否阻塞，相互之间的依赖关系）懒加载／
粗心的弹簧豆·2020-08-20 21:22

网页性能优化-图片

网页性能的优化：资源合并与压缩（html/css/js压缩合并）图片相关优化（不同业务场景选择不同的图片格式，雪碧图等）css/js装载与执行（引用先后顺序及方式，是否阻塞，相互之间的依赖关系）懒加载／
粗心的弹簧豆·2020-08-20 21:21

前端需要了解的技术栈

browserify打包构建工具Grunt打包构建工具Gulp打包构建工具webpack-stream打包构建工具单页Web应用（singlepagewebapplication，SPA）uglifyjsjs
weixin_33688840·2020-08-20 07:15

前端js和css的压缩合并之grunt

关于css和js压缩和合并的方法，记得我在前端面试题目中有写道。方法很多，今天主要介绍grunt方法。使用前提grunt是基于node的，要在你电脑上使用grunt，电脑上必须已安装node环境。
小豌豆书吧·2020-08-19 23:17

了解JS压缩图片，这一篇就够了

前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。插播一下，本文案例已整理成插件，已上传npm，可通过npminstalljs-image-compressor-D安装使用，可以从github下载。JavaScript操作压缩图片原理不难，已有成熟API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩
华为云开发者社区·2020-08-18 04:56

10分钟教会你原生JS压缩图片，极其精简版

1.实现思路先通过input标签获取本地图片把获取到的图片转换成base64格式使用canvas中的API把图片分辨率调低（canvas只能处理base64格式的图片）注：不懂base64的同学可以花5分钟看看这个《用FileReader对象把图片转换成base64格式》2.核心代码//1.先通过input标签获取本地图片//2.把获取到的图片转换成base64格式（以下代码为固定搭配）letfi
yasha97·2020-08-17 17:40

了解JS压缩图片，这一篇就够了

前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。插播一下，本文案例已整理成插件，已上传npm，可通过npminstalljs-image-compressor-D安装使用，可以从github下载。JavaScript操作压缩图片原理不难，已有成熟API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩
华为云开发者社区·2020-08-17 10:00

Vue CLI 3.0 + momentjs + lodash 打包时优化

webpack的配置是有独立文件的,包含在build目录下,修改也比较方便到vue-cli3.0后,webpack配置被整合到vue-cli的配置中了,需要配置一些打包插件比较麻烦了,比如优化momentjs
CloudJay_喵喵喵·2020-08-15 19:26

RequireJs按需要加载angular模块和依赖，并且用r.js压缩打包js和css文件实现加载优化（图文）。

RequireJS是一个JavaScript模块加载器，使用RequireJS加载模块化脚本将提高代码的加载速度和质量。而且能保证其他依赖angular插件前提下才能使用的组件比如像自定义的指令和路由等。不受网络情况影响一直是在angular或者jquery加载之后才加载依赖相关联的模块。r.js为requireJs自带的一个可以对js和css等进行压缩打包的插件，打包之后可以将所有模块输出到一个
dengzeyuan·2020-08-15 18:29

webpack生产环境优化及配置总结

下面就总结一下自己配置生产环境的内容.二需要配置的内容1.js文件压缩首先就是要进行打包后的js文件的压缩,其中要使用uglifyjs-webpack-plugin,首先使用npm安装这个包,然后在配置文件中加入插件配置项://js
闹屋·2020-08-15 17:22

gulp4 babel browserify

本文包含以下内容：如何利用插件babel+browserify在项目中运行es6语法如何利用gulp任务，在项目中运行es6（包括js压缩，sass编译）错误：ParseError:'import'and'export'mayappearonlywith'sourceType
白日有梦·2020-08-13 17:19

React小项目（React+webpack+nodejs）--- 二、js、css、html文件处理

一、js压缩打包以及babel的配置babel我们的项目基于react，因此需要babel，它能够将jsx转换为ES5语法,也能将ES6转换为ES5语法。
兜兜_piggy·2020-08-13 14:10

javascript如何封装自己的js插件

下面给不会封装的同学示范一个小模板：//前面加;是防止跟其他js压缩时报错;(function(global){//开启严格模式"usestrict";//构造函数定义一个类传参数
pdfh5.js·2020-08-12 15:59

webpack学习笔记

webpack4npmiwebpack--save-dev3.引入webpack-clinpmiwebpack-cli--save-dev二、生产和开发模式用于开发的配置文件，配置热更新、跨域配置、端口设置等用于生产的配置文件，配置js
weixin_34387468·2020-08-09 05:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他