小码农 – 技巧

小码农小码农

小码农

wordpress,laravel和前端知识学习

使用nodejs创建自己的自动化工具

文章摘要:

nodejs能方便的进行前端的文件压缩结合等等,自动化操作,但是经常使用的我们,是不是也能方便的建立自己的自动化部署工具呢?比如:经常从头建立的文件夹模式,千篇一律的index.html等等 开发步骤 1. 安装nodejs环境 从官网或中文官网下载nodejs的安装包,参照网上的安装方法安装好nodejs环境, 此处不是介绍nodejs,,因此不介绍如何安装 2. 创建项目 创建项目文件夹,进入并执行npm init,如下图  如下信息是需要填写的 : package name: (jiaocheng) version: (1.0.0) 0.1.0 description: 自制自动化工具 entry point: (index.js) test command: git repository: keywords: author: xiaoxia license: (ISC) 在最后生成的package.json中增加一项 "bin":{ "jiaocheng&......

本地服务器环境搭建Nginx / Apache

文章摘要:

最近有很多需求本地搭建mongodb学习的码农,大多的本地环境都是Apache或Nginx服务器,MySQL数据库,PHP后台语言 (非广告)有一个不错的本地环境搭建工具Visual NMP/AMP 图片如下,可配置多个php版本,支持mongodb后台服务运行,不需要每次在win下学习时大量时间去配置,支持多站点

利用fs遍历图片,使用tinify压缩

文章摘要:

gulp前端自动化中有压缩图片的工具gulp-imagemin等,但是压缩效果并不很理想,之前发现的tinypng.com网站提供许多压缩接口(puby,java,python,php,nodejs等)和插件(photo,wordpress等),当然这个是付费的.免费配额为500张图片/每月。个人觉得轻度使用是足够的。 1. 官方站点提供了常规调用方法 安装: npm install --save tinify 调用: var tinify = require('tinify'); tinify.key='your key '; 这个是提供邮箱即可获得秘钥,在此我就不贴出来了,秘钥链接:https://tinypng.com/developers 收到邮件后,点击即可获取(可能在垃圾邮件中) 压缩操作: var source = tinify.fromFile("unoptimized.jpg"); source.toFile("optimized.jpg"); 2. 利用fs获得文件数......

Push 本地原有文件到github新建项目

文章摘要:

本地项目已经完成,此时想同步至github上。 方法一:创建文件夹 clone github项目至本地 ,拷贝项目并上传 方法二:在项目文件夹下git init 创建git本地版本库,再上传 方法二显然更合适,不过在方法二进行时出现failed to push some refs to git错误提示,(不经常研究git工作原理,只是作为版本同步工具使用),于是网上搜索。 是因为readme文件不在不低文件夹中所致,运行命令  git pull --rebase ogigin master 4.本地出现readme文件,此时运行git push则无报错。

雪碧图自动缩放处理

文章摘要:

前端经常会用到雪碧图来合并一些细碎的图片资源,减小http请求次数,以加快页面加载. 最近遇到如果页面需求更改或者同一雪碧图的某个资源在不同地方引用,切尺寸不同,是否需要两个雪碧图?当然是不需要的.利用background-size属性对图片资源进行缩放即可,同样的background-position也需要使用%百分比来定位. 例如: background: url(img/img3.png) no-repeat; background-size: 300%; background-position: 50% 100%; 详细理解请补充background相关知识.