随身笔记

作者： admin

  • webpack3 UglifyJs 错误

    当使用webpack3时，调用自带的压缩代码工具时：

    plugins: [ 
    new webpack.optimize.UglifyJsPlugin()
]

     

    这时候会报错：

    RROR in cdb4136785933c914dd0.js from UglifyJs
TypeError: Cannot read property 'reset' of undefined

     

    解决方式：

    npm install uglifyjs-webpack-plugin@beta --save-dev

    https://segmentfault.com/q/1010000010119450

     

  • linux shell命令自动补全工具——oh-my-zsh

    这里只介绍在mac下安装，其他平台也差不多。

     

    1，安装:

    sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

    安装成功后会在~/目录下创建.zshrc文件，并且把我们之前的.zshrc文件重新备份成.zshrc.pre-oh-my-zsh文件。
    如果你还需要加载原来的.zshrc内容就在最新的.zshrc底部添加
    source ~/.zshrc.pre-oh-my-zsh

    一般安装成功后默认启动shell时就已经使用了oh-my-zsh作为你默认的shell命令

     

    2，配置文件~/.zshrc
    一些配置参数就在~/.zshrc文件中，例如修改主题和添加自定义的补全信息就在此文件中修改

     

    3，查看所有插件:

    cd ~/.oh-my-zsh/plugins && ls -d *

    就会列出我们可以启动的插件

     

    4，启动插件:

    打开~/.zshrc文件
查找代码：
plugins=(
 git
)
默认是启动了git插件
如果需要启动其他插件就添加如：
plugins=(
 git cp
)

     

     

    5，自定义shell快捷键命令：
    当我们已经开启了插件的时候我们就可以配置自定义命令了，例如：
    我们开始了npm插件

    plugins=(
 git npm
)

    打开~/.oh-my-zsh/plugins/npm/npm.plugin.zsh文件
    其中有一条命令如下：
    alias npmV=”npm -v” //平时我们查看npm版本需要输入npm -v,但这时候只需要输入npmV即可。

     

    6，使用插件：
    例如使用npm命令在输入npm时按一下tab就会列出所有提示，再按一次tab就能下拉选择。退出按ctrl+c

     

    7，更新

    upgrade_oh_my_zsh

     

  • 锤子手机官网幻灯片3d效果

    鼠标 3d 立体 鼠标

    index

     

     

  • node.js图片压缩

    图片 压缩 熊猫 压缩

    后台运行久了，图片的积累也会越来越多所以在我们上传图片存入到服务器之后要适当的压缩一下。

    推荐使用：https://tinypng.com/

    对于node.js我们可以这样操作：

    1，安装

    npm install --save tinify

     

    2，获取密钥并加载

    var tinify = require("tinify");
tinify.key = "YOUR_API_KEY";

    获取地址：https://tinypng.com/developers

    (需要在https环境下测试)

     

    3，图片压缩

    var source = tinify.fromFile("unoptimized.jpg");
source.toFile("optimized.jpg");  //直接输出压缩后的图片

     

    var fs = require("fs");
fs.readFile("unoptimized.jpg", function(err, sourceData) {
 if (err) throw err;
   tinify.fromBuffer(sourceData).toBuffer(function(err, resultData) {
       if (err) throw err;
        // ... 获取到压缩后的图片数据
   });
});

     

    var source = tinify.fromUrl("https://tinypng.com/images/panda-happy.png");  //获取具体图片url地址压缩图片
source.toFile("optimized.jpg");

     

    //输出后控制图片大小
var source = tinify.fromFile("large.jpg");
var resized = source.resize({
 method: "fit",
 width: 150,
 height: 100
});
resized.toFile("thumbnail.jpg");

     

    具体参考：https://tinypng.com/developers/reference/nodejs

     

  • curl笔记

    curl在网站开发测试的时候挺有用。尤其是把后台的业务逻辑写好后，但是页面没完成，curl可以模拟用户发送数据给后台。这样我们就可以把工作重心都放在后台页面中了。

     

    查看页面源代码

    curl www.sina.com

     

    保存单页面到本地

    curl -o 123.html www.sina.com

     

    get提交数据

    curl example.com/form.cgi?data=xxx

     

    post提交数据

    curl -X POST --data "data=xxx" example.com/form.cgi

     

    http://www.ruanyifeng.com/blog/2011/09/curl.html