2018年05月_pre_eminent

原创 Bootstrap_文档_05_分页_警告框_进度条_列表组_面板

分页为您的网站或应用提供带有展示页码的分页组件，或者可以使用简单的翻页组件。默认分页受 Rdio 的启发，我们提供了这个简单的分页组件，用在应用或搜索结果中超级棒。组件中的每个部分都很大，优点是容易点击、易缩放、点击区域大。«12345»<nav aria-label="Page navigation"> <ul class="pagination"> <...

2018-05-31 18:46:51 457

原创 Bootstrap_文档_04_下拉菜单_按钮_输入框_导航

组件无数可复用的组件，包括字体图标、下拉菜单、导航、警告框、弹出框等更多功能。Glyphicons 字体图标所有可用的图标包括250多个来自 Glyphicon Halflings 的字体图标。Glyphicons Halflings 一般是收费的，但是他们的作者允许 Bootstrap 免费使用。为了表示感谢，希望你在使用时尽量为 Glyphicons 添加一个友情链接。如何使用出于性能的考虑，...

2018-05-31 16:45:13 1422

原创 Bootstrap_文档_03_表单_按钮_图片_辅助类

表单基本实例单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。Email addressPasswordFile inp...

2018-05-31 12:21:22 481

原创 Bootstrap_文档_02_栅格_排版_代码_表格

全局 CSS 样式设置全局 CSS 样式；基本的 HTML 元素均可以通过 class 设置样式并得到增强效果；还有先进的栅格系统。概览深入了解 Bootstrap 底层结构的关键部分，包括我们让 web 开发变得更好、更快、更强壮的最佳实践。HTML5 文档类型Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面...

2018-05-31 10:19:22 677

原创 Bootstrap_文档_01_起步

起步简要介绍 Bootstrap，以及如何下载、使用，还有基本模版和案例，等等。下载Bootstrap （当前版本 v3.3.7）提供以下几种方式帮你快速上手，每一种方式针对具有不同技能等级的开发者和不同的使用场景。继续阅读下面的内容，看看哪种方式适合你的需求吧。用于生产环境的 Bootstrap编译并压缩后的 CSS、JavaScript 和字体文件。不包含文档和源码文件。下载 Bootstra...

2018-05-31 00:38:53 878

原创 React_01_入门

三大框架对比React的特点:1. JSX2. 组件化3. 虚拟dom4. 单向绑定5. 单向数据流6. 声明式Facebook 于2013年开源React当前最新版: v16.4.0关于开源协议最流行的六种----GPL、BSD、MIT、Mozilla、Apache和LGPL。未完待续,下一章节,つづく...

2018-05-30 22:24:57 349

原创 Sublime_02_安装Package Control和babel插件使JSX代码高亮

为了让Sublime能够高亮jsx语法,按照babel官网的文档https://www.babeljs.cn/docs/editors.html第1步, 安装Package Control1. 打开官网:https://packagecontrol.io/installation2. 下载Package Control.sublime-package3. 打开Sublime,点击菜单Prefere...

2018-05-30 13:32:36 405

原创 CentOS服务器安装Nginx_Node_MySQL_Git_Node项目发布与上线_PHP安装

1. 购买服务器选择了阿里云---香港ECS---1周, 29元然后,进入服务器控制台页面,查看公网IP地址https://home.console.aliyun.com/new#/ 40G的磁盘空间如图所示: 2. 购买域名,并到域名控制台页面,进行设置域名解析https://dc.console.aliyun.com/dns/d...

2018-05-29 18:41:06 784

原创 Vue-cli_报错No parser and no file path given, couldn't infer a parser

在安装完Vue-CLI后, 运行npm run dev时报错错误信息如下:Module build failed: Error: No parser and no file path given, couldn't infer a parser.详细错误信息如下:mac:vue_cli_01 beyond$ pwd/Users/beyond/sg_webpack/vue_cli_01mac:v...

2018-05-28 15:07:48 2232

原创 Sublime_01_代码格式化插件_HTMLPrettify

安装步骤:第1步: 官网下载 https://github.com/victorporof/Sublime-HTMLPrettify第2步: 解压第3步: 通过菜单[Preferences] --> [Browse Packages] 打开sublime的Package目录第4步: 将第2步中解压后的文件夹重命名为[Sublime-HTMLPrettify], ...

2018-05-18 16:03:49 574

原创 es6_09_Module_模块加载_编程风格

ES6_学习笔记_Part_09Module 的语法概述严格模式export 命令import 命令模块的整体加载export default 命令export 与 import 的复合写法模块的继承跨模块常量import()概述历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的r...

2018-05-06 11:27:33 343

原创 es6_08_Class_继承_Decorator

ES6_学习笔记_Part_08Class 的基本语法简介严格模式constructor 方法类的实例对象Class 表达式不存在变量提升私有方法和私有属性this 的指向name 属性Class 的取值函数（getter）和存值函数（setter）Class 的 Generator 方法Class 的静态方法Class 的静态属性和实例属性new.target 属性简介JavaScript 语言...

2018-05-06 10:51:29 312

原创 es6_07_Generator函数

ES6_学习笔记_Part_07Generator 函数的语法简介next 方法的参数for...of 循环Generator.prototype.throw()Generator.prototype.return()next()、throw()、return() 的共同点yield* 表达式作为对象属性的 Generator 函数Generator 函数的this含义应用简介基本概念Genera...

2018-05-06 10:47:29 199

原创 es6_06_Promise_async

ES6_学习笔记_Part_06Promise 对象Promise 的含义基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()应用Promise.try()Promise ...

2018-05-06 10:44:04 523

原创 es6_05_Proxy_Reflect

ES6_学习笔记_Part_05Proxy概述Proxy 实例的方法Proxy.revocable()this 问题实例：Web 服务的客户端概述Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供...

2018-05-06 10:39:25 195

原创 es6_04_Symbol_Set_Map_Iterator_for...of

ES6_学习笔记_Part_04Symbol概述作为属性名的 Symbol实例：消除魔术字符串属性名的遍历Symbol.for()，Symbol.keyFor()实例：模块的 Singleton 模式内置的 Symbol 值概述ES5 的对象属性名都是字符串，这容易造成属性名的冲突。比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法...

2018-05-06 10:35:45 227

原创 es6_03_对象与数值的扩展

ES6_学习笔记_Part_03对象的扩展属性的简洁表示法属性名表达式方法的 name 属性Object.is()Object.assign()属性的可枚举性和遍历Object.getOwnPropertyDescriptors()__proto__属性，Object.setPrototypeOf()，Object.getPrototypeOf()super 关键字Object.keys()，Ob...

2018-05-06 01:19:33 297

原创 es6_02_函数与数组的扩展

ES6_学习笔记_Part_02函数的扩展函数参数的默认值rest 参数严格模式name 属性箭头函数双冒号运算符尾调用优化函数参数的尾逗号函数参数的默认值基本用法ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hell...

2018-05-06 01:12:17 266

原创 es6_01_简介_let_const_解构赋值

ES6_学习笔记_Part_01ECMAScript 6 简介ECMAScript 和 JavaScript 的关系ES6 与 ECMAScript 2015 的关系语法提案的批准流程ECMAScript 的历史部署进度Babel 转码器Traceur 转码器ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标...

2018-05-06 00:31:33 322

原创文档_Vue04_生产部署_单文件组件_单元测试_TypeScript支持_路由_状态管理_响应式原理_3大框架对比

Vue.js_官方文档学习笔记_Part_04生产环境部署开启生产环境模式开发环境下，Vue 会提供很多警告来帮你对付常见的错误与陷阱。而在生产环境下，这些警告语句却没有用，反而会增加应用的体积。此外，有些警告检查还有一些小的运行时开销，这在生产环境模式下是可以避免的。不使用构建工具如果用 Vue 完整独立版本，即直接用 <script> 元素引入 Vue 而不提前进行构建，请记得在生...

2018-05-05 21:20:26 1103

原创文档_Vue03_过渡动画_mixins_自定义指令_渲染函数JSX_插件_过滤器

Vue.js_官方文档学习笔记_Part_03进入/离开 & 列表过渡概述Vue 在插入、更新或者移除 DOM 时，提供多种不同方式的应用过渡效果。包括以下工具：在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库，如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库，如 Veloc...

2018-05-05 21:10:50 1111

原创文档_Vue02_事件处理_表单双向绑定_组件_Prop_自定义事件_插槽_动态与异步组件

Vue.js_官方文档学习笔记_Part_02事件处理监听事件可以用 v-on 指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。示例：<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has...

2018-05-05 20:59:08 1197

原创文档_Vue01_安装_模板语法_计算属性与侦听器_Class与Style_条件与列表渲染

Vue.js_官方文档学习笔记_Part_01安装兼容性Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。更新日志最新稳定版本：2.5.16每个版本的更新日志见 GitHub。Vue Devtools在使用 Vue 时，我们推荐在你的浏览器上安装 Vue Devtools。它允许你在一...

2018-05-05 20:46:17 462

原创 ES6_30分钟速读_新特性

ECMAScript 2015 FeaturesES6 包含了以下这些新特性：Arrows 箭头函数Classes 类Enhanced Object Literals 增强的对象字面量Template Strings 模板字符串Destructuring 解构Default + Rest + Spread 默认参数+不定参数+参数展开Let + Const 操作符Iterators 迭代器 + F...

2018-05-03 00:08:25 3448

原创 Vue.js_04_组件_Element组件库_组件通信_PropsDown_EventsUp

Vue.js 四天课程学习笔记_第4天课程内容概要:1. 前情回顾2. 通过demo再次复习一下计算属性是如何生成过滤后的数组3. Vue实例的生命周期(11个钩子)4. 介绍组件化思想5. 介绍 Element组件库的安装和使用6. 全局组件与局部组件7. 组件模板的几种写法8. 以.vue为后缀的单文件组件(需结合webpack)9. 父子组件10. 父子组件通信之Props Do...

2018-05-02 13:51:00 958

pre_eminent的JAVA学习园地