flebo 详细教程
caniuseflexbox 神器肯定是前端必会的。对于各种布局只要学会 flexbox 那都是 so easy 的事情。要用 flexbox，最先就是看看 caniuse 上浏览器对 flexbox 的兼容性。下面是截图：图片中 partial support 的左上角的数字对应下面的意思。具体和访问链接去看,:caniuse 上浏览器对 flexbox 的兼容性.部分支
业界
2016年07月14日
Yii2 加载css、js 载静态资源
应用场景Yii2提供了AppAsset类管理静态资源，在使用Yii2 布局模板时，如果想在某个页面内部写一段js 并且在页面底部，如果直接使用 script 标签是不可以的。使用AppAsset类管理静态资源打开assetsAppAsset.php，定义 addJs(),addCss() 分别用于在静态页面引入外部js、css 文件1、修改AppAsset.php文件代码n
业界
2016年07月14日
三叠纪公园：Swift 的进化史
作者：Natasha The Robot，原文链接，原文日期：2016-04-15译者：Cee；校对：Channe；定稿：千叶知风最新被接受的SE-0048：泛型别名在定义中引进了类型的参数，例如：typealias StringDictionary = Dictionarytypealias DictionaryOfStrings = Dictionarytypealia
业界
2016年07月14日
Promise 的三种常用方法。
前言看到项目里不少人用了Promise 的库类，比如 bluebird、q 、jQuery.Deffered 等 polyfill promise 方式，使用的时候翻看长长的文档，真心累觉不爱。es5 发展到现在，node 在0.12版本就已经支持了promise， 在客户端，大部分浏览器也支持了Promise， 如果要兼容低版本的浏览器，可以加上es5-shim等 po
业界
2016年07月14日
【图表】Highcharts基础教程（一）：Highcharts 的主要组成
Highcharts基础教程（一）：Highcharts 的主要组成Highcharts基础教程（二）：图表配置通常情况下，Highcharts包含标题（Title）、坐标轴（Axis）、数据列（Series）、数据提示框（Tooltip）、图例（Legend）、版权信息（Credits）等，高级的还包括导出功能按钮（Exporting）、标示线（PlotLines）、标示
业界
2016年07月14日
DOM操作相关文章(持续更新中)
querySelector：选择相应的元素标签具有和jquery类似的写法用法：document.querySelector("div.test>p:first-child");document.querySelector("# test");（返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹配，返回null）querySelectorAll：选择相
业界
2016年07月14日
切图崽的自我修养－CSS踩坑纪录
前言简单记录一下工作中经常碰到的css的一些坑，欢迎随时拍砖水平居中该元素是position:nomal, 父元素内block子元素定宽的情况下，对子元素采用margin:0 auto 即可该元素是position:absolute, 元素定宽width的情况下，用left:50%; margin-left:-(1/2)width 能绝对居中父元素设置 disp
业界
2016年07月14日
使用 PHPStorm 与 Xdebug 调试 Laravel (二)
环境系统版本：OSX 10.11.4PHP 版本：7.0.5Xdebug 版本：2.4.0Laravel 版本：5.1.31PHPStorm 版本：10.0.4根据上篇文章的配置，在工作时会发现，我们需要经常调整 PHP Web Application 的 URL 进行 Debug。举个例子，假如想要 Debug 菜单列表，我需要修改成 /menu/，如果想要 Debug
业界
2016年07月14日
使用 Vue + Vue.js 构建单页应用
原文地址：https://coligo.io/learn-vuex-by-building-notes-app/前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来
业界
2016年07月14日
从零开始开发一款H5小游戏(一) 重温canvas的基础用法
本系列文章对应游戏代码已开源 Sinuous game。初衷从萌发写一个小游戏的想法到完成游戏开发用了大概一周的业余时间。这个过程积累了一些经验，也算是参透了一些游戏开发的原理。在这里打算写一个系列教程，讲述怎样从零开始开发一款小游戏。让新者少走弯路，快速入手。也能让自己总结反思，发现问题。在开始介绍如何写游戏前有必要重温一下canvas。它是本游戏的地基，建房子要快，首先
业界
2016年07月14日
web聊天系统的消息通知问题
web消息提示无非三种方式：声音提示，桌面弹窗和title闪烁提醒。下面做一一介绍。声音提示注意声音提示前提示已经加载了声音文件，有文章写的很多是临时create一个audio对象，然后audio.src,这样做是非常不好的，因为你每次调用声音的时候都会去后台请求一下这个声音文件。所以先加载出来是最好的方法。function playAudio() { documen
业界
2016年07月14日
Learning Ansible with Vagrant
这是我很久前写的一篇博文Learning Ansible with Vagrant，希望对大家学习Ansible和Vagrant能有所帮助介绍Vagrant介绍Vagrant是一款构建虚拟开发环境的工具，Vagrant的使用依赖于VirtualBox，VMware等一些虚拟机，通过Vagrant能更加方便的管理虚拟机，同时还能够通过Vagrant打包出一个开发环境，将它分发
业界
2016年07月14日
解决Yii2 在线上服务器无法访问GII 和BUG工具栏问题
应用场景
把代码转移到线上服务器时，GII、BUG工具不正常使用，但在本地服务器是正常的。
分析原因
Yii框架在使用GII 和BUG 时，会针对访问IP地址拦截，没有在配置中设置的IP地址是会默认被拦截掉。
解决方案
在common/config/main.php 配置一下参数，访问IP地址，可以百度搜索IP 这样可以看到自己当前的IP地址，这个IP地址是网络运营商自动分
业界
2016年07月14日
Fluented，Kubernetes和谷歌云平台——处理日志流的解决方案
也许你对Fluentd的统一日志记录层已经有所耳闻。可能你对日志是流不是文件这个概念也已经很熟悉，所以现在就让我们用这个方法来思考日志层。事实上，最后导致决定性的一点就是fluentd是如何被配置的。全部都是关于我们如何处理stream的不同元素的：我们从哪里得到数据，当我们获取到的时候用它来做什么，我们将处理过的数据发送到哪里，以及它们在发送过程中的时候，我们要如何处理它
业界
2016年07月14日
切图崽的自我修养－使用自动化工具
前言F5已烂想来大家对自动化构建工具已经不陌生了，自动化构建工具可以帮开发者省去很多重复劳动比如:语法纠错、文件打包、文件操作，合并压缩等等. 常用的自动化构建工具有Gulp,Grunt,Fis等等，这些构建工具核心都是依赖第三方插件，通过颗粒化任务，再将这些任务按照合适的方式进行组合，构建项目所需的自动化工作流常用插件这里来简单来说明一下Grunt的最常用的几个插件:gr
业界
2016年07月14日
[译] Node.js 架构概览
译者按：在 Medium 上看到这篇文章，行文脉络清晰，阐述简明利落，果断点下翻译按钮。第一小节略嫌啰嗦，可以略过。刚开始我给第一节留了个 blah blah blah 直接翻后面的，翻完之后回头看，考虑完整性才把第一节给补上。接下来的内容干货满满，相信对 Node.js 运行机制有兴趣的读者一定会有些收获。原文：Architecture of Node.js’ Inter
业界
2016年07月14日
基于 flow.ci 实现 PHP 项目自动化持续集成
高效程序员的习惯之一——让开发流程自动化。Automating shapes smarter future.这是一个关于如何快速实现 PHP 项目自动化持续集成的快速指导。无论你是否使用过持续集成，或在苦心寻找一款合适的持续集成工具，希望这篇文章对你有帮助。了解 flow.ciflow.ci 是融入了 workflow 机制的持续集成（CI）服务，也可以理解为自动化流程平台
业界
2016年07月14日
html 不常用标签介绍
文本元素如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 元素来添加 Word Break Opportunity（单词换行时机）。英文单词过长时使用会根据浏览器的宽度适当的裁切换行。 如果想学习 AJAX，那么您必须熟悉 XMLHttpRequest 对象。添加下划线，起到强调作用元素实际作用就是删除线；从语义上来看，表示不准确的删除元素实际作用就
业界
2016年07月14日
