2017

01-10 eslint和editorconfig教程
01-10 Atom编辑器配置
01-04 CSS 设置background-image通用方法

2016

12-29 JQuery.proxy使用方法
12-25 Laravel中间件解决Ajax跨域问题
12-22 在Windows环境中添加laravel homestead虚拟机教程
12-19 修改phpstorm主题
12-16 使用Repository模式开发Laravel项目
12-16 如何使用ES6 (Babel)
12-09 CSS3 flex结合flex-flow制作流布局页面
12-09 对比jekyll 和 bundle exec jekyll
12-07 解决Git 删除已经 add 的文件
12-04 Mac下配置多个github用户SSH认证
12-03 github-pages 未限定版本,导致 jekyll 启动不兼容
12-01 transition结合transform制作出3D效果
10-14 js根据秒数显示指定格式的字符串
10-14 如何制作jquery插件
10-14 移动端绑定手机页面
10-13 Html5 Audio事件loadeddata和addEventLister之间的特殊关系
10-09 学习CSS3特性REM
10-07 解决macos sierra 备忘录崩溃问题
10-06 Markdown 语法和 MWeb 写作使用说明
10-06 好用的Markdown编辑器一览
10-06 如何使用MWeb
10-06 Jekyll Page Comment
10-05 在github pages上面搭建jekyll 博客使用方法
10-05 Welcome to Jekyll!
  • eslint和editorconfig教程

    EditorConfig EditorConfig是一套用于统一代码格式的解决方案,很多项目都有用到,比如Bootstrap、jQuery、Underscore和Ruby等等。官方网站说的很简明,为了方便大家快速上手,我做了简单的翻译。 EditorConfig是什么? EditorConfig可以帮助开发者在不同的编辑器和IDE之间定义和维护一致的代码风格。EditorConfig包...

  • Atom编辑器配置

    Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。 本文将通过简单实用的方法来带你学习 Atom 编译器的使用。 常用的插件 emmet: 提高开发效率 atom-ternjs: JS代码智能提示补全 f...

  • CSS 设置background-image通用方法

    display: inline-block; width: 2rem; height: 2rem; background-image: url(/resources/img/registrationForm/cx_3.png); background-size: 64%; background-position: center center; ...

  • JQuery.proxy使用方法

    JQuery.proxy(function,context): 使用context代替function中的context。 比如: var you = { type: "person", test: function(event) { $("#log").append( this.type + " " ); } $("#test").click(you.test);...

  • Laravel中间件解决Ajax跨域问题

    今天在学习沈逸老师的vuejs视频教程的时候出现一个问题,就是通过ajax访问laravel服务器的时候跨域的问题,网上已经有人遇到过类似的问题,所以解决起来也没什么遇到大的困难,反而让我弄清了middleware的工作原理,下面我就讲下我是如何解决的: 1、通过artisan添加middleware php artisan make:middleware CrossDomain 2...

  • 在Windows环境中添加laravel homestead虚拟机教程

    准备工作: 安装好visual box软件 安装好vagrant软件 安装好git软件 安装命令: vagrant box add laravel/homestead 如果上面的命令运行失败,你可以下载先下载好 virtualbox.box 然后再添加metadata.json文件(和你box在同一目录): { ...

  • 修改phpstorm主题

    方法如下: instructions here!: https://github.com/ChrisRM/material-theme-jetbrains 1. Open the Settings/Preferences dialog (OSX/Unix: ⌘,, Windows: Ctrl+Alt+S) 2. In the left-hand pane, select P...

  • 使用Repository模式开发Laravel项目

    Repository 模式 为了保持代码的整洁性和可读性,使用Repository Pattern 是非常有用的。事实上,我们也不必仅仅为了使用这个特别的设计模式去使用Laravel,然而在下面的场景下,我们将使用OOP的框架Laravel 去展示如何使用repositories 使我们的Controller层不再那么啰嗦、更加解耦和易读。下面让我们更深入的研究一下。 不使用 reposi...

  • 如何使用ES6 (Babel)

    ES6已经敲定,但并不是所有的浏览器都完全支持,详见:http://kangax.github.io/compat-table/es6/。要使用ES6,需要一个编译器例如:babel。你可以把它作为一个独立的工具使用,也可以把它放在构建中。grunt,gulp和webpack中都有可以支持babel的插件。 这是一个gulp案列,安装gulp-babel插件: js 代码: $ npm...

  • CSS3 flex结合flex-flow制作流布局页面

    .parent { width: 200px; height: 150px; background-color: black; display: flex; flex-flow: row wrap; align-content: flex-start; } .child { box-sizing: border-box; background-color: ...