诉说夏日时光-CSDN博客

翻译 Flex布局

前言布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。什么是flex布局Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Fl

2017-04-21 17:13:05 226

原创浅谈Vue.js模块化开发

前言模块化最近很火，博主刚给公司的iOS应用项目做了组件化改造。但组件化的思想最早还是来源于前端，前端模块化很早就开始了，无论是 require.js，browserify 进行模块化打包，还是 Angular 进行依赖注入，我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写，甚至我们在CSS代码中感受到了封装，继

2017-04-12 11:48:55 3722

翻译初识Vuex

什么是VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。什么是状态管理模式先看一个例子new Vue({ // stat

2017-04-12 10:02:08 423

原创 vue.js 组件简单介绍

什么是组件组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 js 特性扩展。使用组件注册我们可以通过以下方式创建一个 Vue 实例：new Vue({ el: '#some-element', // 选

2017-04-10 17:31:15 542 1

原创 vue.js 事件处理

监听事件可以用 v-on 指令监听 DOM 事件来触发一些 JavaScript 代码。 ex:<div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p></div>var example1 = new Vue({ el: '#example

2017-04-10 15:16:30 670

原创 vue.js 列表渲染

基本介绍我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for 指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。基本用法<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li></ul>var example1

2017-04-10 14:34:58 296

原创 vue.js 实例

构造器每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例启动的：var vm = new Vue({ // 选项})虽然没有完全遵循 MVVM 模式， Vue 的设计无疑受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的简称) 这个变量名表示 Vue 实例。可以扩展 Vue 构造器，从而用预定义选项创建可复用的组件构造器：var MyCompon

2017-04-10 11:23:53 413

原创 Vue.js 初探

vue.js是什么？Vue.js（读音 /vjuː/，类似于 view）是一套构建用户界面的渐进式框架。自底向上增量级开发的设计。当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。起步官方指南假设你已有 HTML、CSS 和 JavaScript 中级前端知识。通过如下方式引入 Vue：<script src="https://unpkg.c

2017-04-10 10:11:30 280

原创 Linux 简单教程

Linux 简单教程Linux 是一套免费使用和自由传播的类unix操作系统。 Linux 发行版就是将Linux内核与应用软件做一个打包(Ubuntu\RedHat…) Linux应用领域今天各种场合都有使用各种linux发行版，从嵌入式设备到超级计算机，并且在服务器领域确定了地位。通常服务器使用lamp( Linux apache mysql php) 或LNMP ( linux ngin

2017-03-31 11:20:41 204

原创 iOS 浅谈Block外部的变量传递

背景介绍在iOS开发过程中，我们经常会用到block这个对象，它可以作为函数的回调、类的属性等出现在我们的项目中，作为回调，block相对于代理方法，代码量更少，使用起来更方便，还可以使用与block定义同一作用范围的变量。当然，block的使用会让代码的逻辑不如使用代理清晰，萝卜青菜，各有所爱。下面我就对于block可以使用与它在同一作用范围的变量这一特性展开说一下自己的理解。正文先看这样一段代

2015-07-23 22:38:12 2282

原创在XCode6.1如何新建一个空工程

1、创建一个single View applicationXcode 6.1中空工程是什么都没有，完全的空工程，所以还是要在single View application工程的基础上自己修改2、删除工程中的Main.storyboard和LaunchScreen.xibMain.storyboard是故事板。 LaunchScreen.xib是启动画面，使用需要考虑屏幕适配问题。3、在工程的inf

2015-05-26 21:33:21 649

夏日的博客