vue打包项目优化我们在打包vue项目的时候经常会遇到打包后的文件中vendors.js文件特别大，这个文件中的内容主要是我们项目中引入的第三方插件js文件，我们可以更改webpack的配置文件来排除这些第三方插件，然后在index.html文件中通过增加cdn引入的方式来优化我们的代码，使的我们的项目更快的加载。方法：找到vue项目的配置文件，如果使用的是vue-cli4脚手架，可以在项目的根目

解决 mac 电脑无法上网问题

该插件可以是的tpl格式的文件以html的方式显示，但是我在使用中发现安装此插件后电脑的cup会飙到很高，一会就会把vscode跑蹦掉。2、其实我们就不用安装插件，直接在vscode中进行设置就可以，文件->首选项-设置，然后在输入框中输入。然后关闭，就可以让vscode自动支持tpl文件高亮显示。然后在下边增加，在项中输入。

但是在 app调试或真机上，无论如何，web-view都占满全屏，怎么调样式都没用，都无效。上边方法是用过js的方式把web-view元素动态添加到页面中，并且给他设置宽高，和间距。在h5 浏览器下显示正常，我通过样式控制，上面是web-view，下面是菜单栏。即使把 web-view的style设为display:none，也不隐藏。上面的代码打包成ios的app的时候。会占据全屏，导致其他元素

当我们在开发vue、react等项目的时候经常会用npm run *命令，那么当我们执行这个命令的时候具体都做了些什么呢？接下来我们就来详细探索一下。

cropper.js一个用来处理图片的插件，可以使用它来实现图片的各种模式下的裁切效果，当我们在做一个上传头像或者上传图片功能的时候，需要用户裁切出用户想要的图片位置就可以利用这个插件来实现’,'cropper.js支持移动设备的图片剪裁。它基于HTML5 canvas，可以通过Base64编码导出剪裁后的图片。图片剪裁插件Image Cropper使用方法cropper是一款使用简单且功能强大的

css在线代码生成器

以前我们在调试代码的时候常用alert方法输出代码，这个方法不能输出详细内容，而且会阻止后面的代码执行，非常不利于我们调试。console用于在控制台输出内容，他的出现可以让我们在开发过程中调试代码变得方便，而且console也为我们提供了很多的方法，有些再调试过程中非常实用，可以节省很多时间。console使用我们在开发过程中经常会用到浏览器的控制台工具，来打印一些信息便于我们开发和调试，con

鼠标光标样式设置

image-renderingcss中的image-rendering是做什么的？我们在做页面的时候经常会处理一些图片，比如让图片自适应外层容器的大小，等比例缩小或者放大。1、我们在缩小图片的时候，原本大尺寸的图片经过强制缩放，会把相邻的像素点挤到一起，这个时候图片看上去就比原尺寸图片要模糊。2、图片放大也是，原尺寸的图片经过放大，图片中的每一像素点就会拉伸，这个时候图片也是会失真没像素边缘会模糊