zeus911 / blog-3

记录工作中Web开发的技巧和经验

记录工作生活点滴

每个人在不同的年龄都有不同的追求，只有尽力追逐过，才能果断的选择回头。-- 孤独的坚持者

• 介绍

• Mac 相关

  • MacOSX 清空 DNS 缓存命令
  • Mac OSX 系统下快速创建大文件
  • Mac 下安装和使用 node 版本管理工具 nvm 和 smart-npm
  • 切换 Homestead 源
  • 在 MacOSX 上使用 iOS 模拟器调试 web 站点

• 开发工具

  • SublimeText 相关

    • Sublime Text 3 安装和使用 Package Control 包管理
    • Sublime Text 3 主题以及编辑器配置
    • 修改 Sublime Text 3 的侧边栏字体大小
    • Sublime 插件之 SideBarEnhancements 右键菜单增强插件
    • Sublime 插件之 GitGutter 代码差异管理
    • Sublime 插件之 PHPCompanion 自动补全类命名空间
    • Sublime 插件之 DocBlockr 注释的快速生成
    • Sublime 插件之 AdvancedNewFile 更快的创建文件或目录
    • Sublime 插件之 SnippetMaker 自定义代码片段
    • Sublime 插件之 SublimeLinter 和 PHP 代码检测与自动修复
    • Sublime 插件之 ProjectManager 项目管理
    • Sublime 插件之 Emmet 快速编写 HTML/CSS
    • Sublime 插件之 Sublime​Linter 和 Sublimelinter-contrib-eslint 检查代码规范
    • Sublime 插件之 HTML-CSS-JS Prettify 格式化前端代码
    • Sublime 快捷键
    • Sublime Text 3 恢复到新安装状态

  • PhpStorm 相关

    • PhpStorm 下载安装和简单配置
    • PhpStorm 配置主题和颜色
    • PHPStorm 如何配置 PHP-Code-Sniffer 和 PHP-CS-Fixer 让 PHP 代码支持 PSR2 规范
    • PhpStorm 快捷键
    • PHPStorm 对 JS 或者 Vue 文件中导入路径别名识别
    • PHPStorm 对 php 警告的一些处理

  • Atom 的基本使用

  • Google Deveoloer Tools 必备调试技巧

    • 调试窗口的切换
    • 快速切换 PC 与手机端进行测试
    • 页面元素的快速调试技巧
    • 如何保持元素的状态
    • 元素状态改变的监控方法
    • 样式的快速调试和修改
    • 查看元素样式的盒模型
    • 查看元素最终的样式
    • Console 控制台
    • 查看被打包压缩的 CSS 和 JS 文件
    • 编辑源文件并同步到本地文件中
    • 如何让浏览器阻止请求某些资源
    • 如何对站点下所有的资源进行全部搜索

  • Vagrant 相关

    • Mac 系统安装 Vagrant
    • 使用 Vagrant 和 LANMP 环境搭建
    • Vagrant 常用命令
    • Vagrant 端口转发和文件共享

  • Valet 相关

    • Mac 开发环境 Laravel Valet 实践
    • 让 Valet 支持 ThinkPHP3
    • 让 Valet 支持 ThinkPHP5

  • Homestead 开发环境

    • Homestead 安装 phpredis 扩展

  • Docker 相关

    • 使用 Docker Compose 方式安装 Gitlab 服务

  • 如何在各大平台上免费翻"墙"

  • 在 Nginx 或者 Apache 服务器中配置 SSI 支持

• Javascript

  • webpack2 相关

    • webpack2 介绍与安装
    • 配置 webpack 和命令快捷方式
    • webpack-dev-server 完成代码更改自动刷新
    • 配置 ESLint 实现代码规范自动测试
    • 加载 CSS 的相关配置
    • 自动分离 CSS 到独立文件
    • 文件压缩
    • 生成源代码的 SourceMap
    • 分离项目代码和组件代码
    • 使用可视化图标统计分析打包过程
    • 配置多页面编译

  • Ajax 文件上传 jQuery 插件 simpleUpload.js 的使用

  • 使用 bootstrap-fileStyle 改变 BootStrap 默认的文件选择框样式

  • Javascript 中的 Promise

• Vue 相关

  • 如何将 vue 项目发布到 github 的 pages

  • 使用 mixins 重构代码

  • VeeValidate 相关

    • 在 Vue 中使用 vee-validate
    • 使用 vee-validate 显示简体中文错误提示
    • 如何使用 vee-validate 自定义错误提示
    • 如何使用 vee-validate 自定义验证规则
    • 使用 vee-validate 时使用数据绑定
    • VeeValidate 光标离开输入框焦点就验证
    • 获取第一个错误信息并自动焦点到该表单字段

• WordPress 相关

  • WordPress 创建主题

• Git 相关

  • Git 命令清单
  • Git 合并特定 commits 到另一个分支
  • Git 合并其他分支的个别文件或文件夹
  • Git 更新远程代码到本地仓库
  • Git 拉取远程分支到本地
  • Git 服务器上使用 SSH 协议授权免密码登录
  • Git 获取仓库指定目录或文件
  • Git 记住用户名和密码

• Laravel 开发

  • Laravel 项目初始化 README 模版

  • 使用 Laravel + adminlte + vue.js 构建项目

  • Laravel Eloquent 的提示和技巧 1

  • Laravel Eloquent 的提示和技巧 2

  • 使用预加载（Eager loading）来优化 Laravel Eloquent 查询

  • 在 Laravel 应用中使用 pjax 进行页面加速

  • Laravel5 确认框从数据库示例中删除记录

  • 使用 laravel-sms 构建短信验证码发送校验模块

  • API 开发

    • 对 API 资源的第一印象 - Laravel5.5
    • 嵌套关系的可重用 API 资源 - Laravel5.5
    • 动态的隐藏 API 字段 - Laravel5.5

  • Laravel 测试

    • Laravel 中针对 API 的 TDD 步骤

  • Laravel Nova

    • 安装 laravel nova
    • 使用 laravel nova 定义资源
    • 使用 laravel nova 定义字段
    • 使用 laravel nova 关联资源
    • 使用 laravel nova 验证字段
    • 使用 laravel nova 对资源进行权限控制
    • 使用 laravel nova 对资源搜索
    • 使用 laravel nova 过滤资源
    • 使用 laravel nova Lenses

• Laravel 拓展

  • 使用 laravel-query-cache 来缓存数据库的 SELECT 请求

• CentOS

  • Centos 7 服务器初始化
  • 如何在 CentOS 上创建 sudo 用户
  • 防止远程 Linux 主机自动断开 SSH 连接
  • CentOS7 中 firewalld 防火墙的使用
  • 使用 supervisord 管理进程
  • CentOS7 下 LNMP 安装配置
    • CentOS7 使用 yum 方式安装和配置 Nginx
    • CentOS7 使用 yum 方式安装和配置 php-fpm
    • CentOS7 使用 yum 方式安装和配置 MySQL
  • Linux 下使用定时任务每隔 N 秒钟执行任务
  • CentOS7 下安装配置 shadowsocks
  • CentOS 下安装 PHP 拓展 Swoole
  • 如何在 CentOS 7 上安装和配置 GitLab CE
  • 如何在 CentOS 上使用 Deployer 自动部署 Laravel 应用程序

• Ubuntu

  • Ubuntu 下快速搭建 LNMP 环境
  • 如何在 Ubuntu 上使用 Deployer 自动部署 Laravel 应用程序

• Go 学习

  • Go 安装
    • 如何在 CentOS 7 上安装 Go
    • 如何在 MacOSX 上安装 Go

• 其他

  • SSH 登陆远程主机后进入指定目录或执行命令
  • scp 跨机远程拷贝
  • 使用 docker 部署私有 Gogs 服务
  • 申请 Let's Encrypt 通配符 HTTPS 证书
  • 使用 ssh-copy-id 建立与远端 Linux 服务器的信任
  • Linux 禁止 root 用户直接登录 sshd 并修改默认端口
  • 修改 Composer 镜像下载地址
  • 安装和使用 oh-my-zsh
    • Oh-My-Zsh 常用插件
      • autojump 自动跳转
      • zsh-autosuggestion 终端提示
      • zsh-syntax-highlighting 语法高亮
  • 九九乘法表