EditorConfig
EditorConfig是一套用于统一代码格式的解决方案,很多项目都有用到,比如Bootstrap、jQuery、Underscore和Ruby等等。官方网站说的很简明,为了方便大家快速上手,我做了简单的翻译。
EditorConfig是什么?
EditorConfig可以帮助开发者在不同的编辑器和IDE之间定义和维护一致的代码风格。EditorConfig包...
2017-01-10 11:01 Posted by ZhangWei's Blog
Atom 是 Github 专门为程序员推出的一个跨平台文本编辑器。具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言。它支持宏,自动完成分屏功能,集成了文件管理器。
本文将通过简单实用的方法来带你学习 Atom 编译器的使用。
常用的插件
emmet: 提高开发效率
atom-ternjs: JS代码智能提示补全
f...
2017-01-10 09:01 Posted by ZhangWei's Blog
display: inline-block;
width: 2rem;
height: 2rem;
background-image: url(/resources/img/registrationForm/cx_3.png);
background-size: 64%;
background-position: center center;
...
2017-01-04 16:01 Posted by ZhangWei's Blog
JQuery.proxy(function,context):
使用context代替function中的context。
比如:
var you = {
type: "person",
test: function(event) {
$("#log").append( this.type + " " );
}
$("#test").click(you.test);...
2016-12-29 16:12 Posted by ZhangWei's Blog
今天在学习沈逸老师的vuejs视频教程的时候出现一个问题,就是通过ajax访问laravel服务器的时候跨域的问题,网上已经有人遇到过类似的问题,所以解决起来也没什么遇到大的困难,反而让我弄清了middleware的工作原理,下面我就讲下我是如何解决的:
1、通过artisan添加middleware
php artisan make:middleware CrossDomain
2...
2016-12-25 16:12 Posted by ZhangWei's Blog
准备工作:
安装好visual box软件
安装好vagrant软件
安装好git软件
安装命令:
vagrant box add laravel/homestead
如果上面的命令运行失败,你可以下载先下载好 virtualbox.box 然后再添加metadata.json文件(和你box在同一目录):
{
...
2016-12-22 17:12 Posted by ZhangWei's Blog
方法如下:
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...
2016-12-19 10:12 Posted by ZhangWei's Blog
Repository 模式
为了保持代码的整洁性和可读性,使用Repository Pattern 是非常有用的。事实上,我们也不必仅仅为了使用这个特别的设计模式去使用Laravel,然而在下面的场景下,我们将使用OOP的框架Laravel 去展示如何使用repositories 使我们的Controller层不再那么啰嗦、更加解耦和易读。下面让我们更深入的研究一下。
不使用 reposi...
2016-12-16 10:12 Posted by ZhangWei's Blog
ES6已经敲定,但并不是所有的浏览器都完全支持,详见:http://kangax.github.io/compat-table/es6/。要使用ES6,需要一个编译器例如:babel。你可以把它作为一个独立的工具使用,也可以把它放在构建中。grunt,gulp和webpack中都有可以支持babel的插件。
这是一个gulp案列,安装gulp-babel插件:
js 代码:
$ npm...
2016-12-16 10:12 Posted by ZhangWei's Blog
.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: ...
2016-12-09 15:12 Posted by ZhangWei's Blog