Flex 布局教程:实例篇

你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看F...

2019-05-31 20:47:59

阅读数 14

评论数 0

Flex布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、...

2019-05-31 20:46:16

阅读数 19

评论数 0

CSS之Grid网格布局

一:概述 网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与Flex布局有一定的相似性,都...

2019-05-31 20:25:47

阅读数 7

评论数 0

ubuntu下安装svn服务器

1 介绍 Subversion是一个自由,开源的版本控制系统,这个版本库就像一个普通的文件服务器,不同的是,它可以记录每一次文件和目录的修改情况。这样就可 以很方面恢复到以前的版本,并可以查看数据更改细节。目前,Subversion已成为主流的开源代码版本管理软件之一,简称SVN。 2. 安装...

2019-03-20 12:57:38

阅读数 25

评论数 0

变量提升和闭包

变量提升 1,什么是变量提升? 当栈内存栈内存(作用域)形成,JS代码自上而下执行之前,浏览器首先会把所有带 “VAR”/“FUNCTION” 关键词的进行提前 “声明” 或者 “定义” ,这种预先处理机制称之为 “变量提升” =>声明(declare):va...

2019-02-28 11:15:25

阅读数 59

评论数 0

初识Docker

一:什么是docker以及docker优势       Docker 是一个开源项目,这个项目旨在通过把应用程序打包为可移植的、自给自足的容器(引用语)DocKer一次构建可放在任何地方就可以运行,不需要进行任何改变DocKer 就类似于一个容器。这个容器就好像咱们常用的虚拟机一样,当我们虚拟机...

2019-02-26 11:51:29

阅读数 63

评论数 0

js之数据类型转换

JS中的数据类型分为以下两种类型。 基本数据类型:数字 number,字符串 string,布尔 boolean,空 null,未定义 undefined引用数据类型:     对象 object:普通对象,数组对象 (Array),正则对象 (RegExp),日期对象 (Date),数学函数...

2019-02-22 15:24:18

阅读数 40

评论数 0

js之es6对象

Js中的对象和c++,Java中的不一样,在Js中是使用原型(prototype)来创建对象的实例。在es5中,Js的类操作都是通过原型的构造函数来实现的,继承通过原型链来实现。理解起来比较复杂。但是在es6中引入了class关键字用来创建类,这样的概念让用户理解起来就非常方便了,至于es5中的原...

2018-12-27 20:43:21

阅读数 104

评论数 2

js之String字符串操作

 JavaScript的字符串就是用''或""括起来的字符表示。如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I,',m,空格,O,K这6个字符。如果字符串内...

2018-12-26 19:18:43

阅读数 49

评论数 0

js之数据类型

js中的数据类型主要分为以下几个: 1,基本类型:数字(Number),字符串(String),布尔(boolean),null,undefined。Symbol(es6) 2,引用类型:数组(Array),对象(Object),Set和Map(es6) 其中Symbol,Set和Map是e...

2018-12-26 18:20:27

阅读数 48

评论数 0

12个JavaScript技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。 使用!!操作符转换布尔值 有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常...

2018-12-26 14:57:49

阅读数 43

评论数 0

nodejs之generator,promise和async

promise:是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。 https://blog.csdn.net/swimming_in_IT_/article/details/78350126 generator: 函数是 ES6 提供的一种异步编程解决方案,语法...

2018-12-24 19:36:57

阅读数 37

评论数 0

nodejs之process对象

前面的话   process对象是一个全局对象,在任何地方都能访问到它,通过这个对象提供的属性和方法,使我们可以对当前运行的程序的进程进行访问和控制。本文将详细介绍process对象   概述   process是一个全局对象,即global对象的属性,可以在任何地方直接访问到它而无需引入...

2018-12-19 16:06:34

阅读数 51

评论数 0

nodejs之buffer

最近一直对JS中的二进制数据处理,存在好多疑问。所以就趁机会吧JS中的二进制数据相关知识理理。下面就记录下我最近的看的东西和理解吧,仅限参考。建议读者,按照文章顺序阅读,要不然中间掺杂的东西容易混。反正我是容易混,哈哈哈。 JavaScript 语言自身只有字符串数据类型,没有二进制数据类型。但...

2018-12-19 11:54:55

阅读数 55

评论数 0

JavaScript 之 ArrayBuffer

JS里的ArrayBuffer 还记得某个晚上在做 canvas 像素级操作,发现存储像素的数据格式并不是Array类型,而是ArrayBuffer,心想这是什么鬼?后来查了一些资料,发现自己这半年来的JS是白学了,竟然才知道还有这么个东东。 首先,这个 ArrayBuffer 类型化数组,类...

2018-12-17 17:26:34

阅读数 84

评论数 0

mysql之数据库引擎

一:引擎概述 1,为什么要合理选择数据库存储引擎?     MySQL中的数据用各种不同的技术存储在文件(或者内存)中。这些技术中的每一种技术都使用不同的存储机制、索引技巧、锁定水平并且最终提供广泛的不同的功能和能力。通过选择不同的技术,你能够获得额外的速度或者功能,从而改善你的应用的整体功能...

2018-12-15 18:10:37

阅读数 51

评论数 0

js动态添加div

一:添加div样式 .popDivTypeContent { width: 450px; height: 260px; background-color: #e3e4e9; display: block; position: absolute; margin: -100px 200...

2018-12-08 17:11:34

阅读数 661

评论数 0

Blob,FileReader全面解析

历史上,JavaScript无法处理二进制数据。如果一定要处理的话,只能使用charCodeAt()方法,一个个字节地从文字编码转成二进制数据,还有一种办法是将二进制数据转成Base64编码,再进行处理。这两种方法不仅速度慢,而且容易出错。ECMAScript 5引入了Blob对象,允许直接操作二...

2018-11-20 16:31:38

阅读数 348

评论数 0

判断JS的数据类型

在 ECMAScript 规范中,共定义了 7 种数据类型,分为 基本类型 和 引用类型 两大类,如下所示: 基本类型:String、Number、Boolean、Symbol、Undefined、Null  引用类型:Object 基本类型也称为简单类型,由于其占据空间固定,是简单的数...

2018-11-19 15:56:17

阅读数 70

评论数 0

编程规范

前言 代码规范本身就不是对与错的选择,而是结合很多人在工作中遇到的问题的分析、总结,通过一定的规则约束避免再次出现类似问题。所以,代码规范的制定是严谨的,不是一个不重要的工作,不是一锤子买卖,也不是光有代码规范就够的。需要我们在一定的规则去,轻微的灵活运用。 常见编程规范: 命名规则:所有编程相关...

2018-11-17 16:15:03

阅读数 94

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭