4 swimming_in_it_

尚未进行身份认证

我要认证

IT的爱好者,希望找到志同道合之人。

等级
TA的排名 7k+

Js对象之原型链详解

在刚开始接触js的时候,一直对js中的原型链一知半解,只知道对象的最顶层是Object。Array,Number等类是Object原型链下的子类。下面将以Function对象为例子来说。在使用类的一些公共方法 | 属性 的时候,会使用Funciton.方法名|属性名来进行调用,如果在函数的原型上自定义了一些方法,后期在实例化的对象中可以随便调用定义在Function原型上的方法。而且实例化的对象不...

2019-08-03 16:47:02

Flex 布局教程:实例篇

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

2019-05-31 20:47:59

Flex布局教程:语法篇

网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地...

2019-05-31 20:46:16

CSS之Grid网格布局

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

2019-05-31 20:25:47

ubuntu下安装svn服务器

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

2019-03-20 12:57:38

变量提升和闭包

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

2019-02-28 11:15:25

初识Docker

一:什么是docker以及docker优势      Docker 是一个开源项目,这个项目旨在通过把应用程序打包为可移植的、自给自足的容器(引用语)DocKer一次构建可放在任何地方就可以运行,不需要进行任何改变DocKer 就类似于一个容器。这个容器就好像咱们常用的虚拟机一样,当我们虚拟机里面安装过VS、SQL、浏览器 ......  之后咱们就把虚拟机镜像备份下来、等到下一次需要重新搭一...

2019-02-26 11:51:29

js之数据类型转换

JS中的数据类型分为以下两种类型。基本数据类型:数字 number,字符串 string,布尔 boolean,空 null,未定义 undefined引用数据类型:    对象 object:普通对象,数组对象 (Array),正则对象 (RegExp),日期对象 (Date),数学函数 (Math    函数 function真实项目中,根据需求,我们往往需要把数据类型之间进行转换...

2019-02-22 15:24:18

js之es6对象

Js中的对象和c++,Java中的不一样,在Js中是使用原型(prototype)来创建对象的实例。在es5中,Js的类操作都是通过原型的构造函数来实现的,继承通过原型链来实现。理解起来比较复杂。但是在es6中引入了class关键字用来创建类,这样的概念让用户理解起来就非常方便了,至于es5中的原型和原型链,后来有时间的话,我会再更新一篇对应的文章。本文主要介绍es6中的class,读者需要对 对...

2018-12-27 20:43:21

js之String字符串操作

 JavaScript的字符串就是用''或""括起来的字符表示。如果'本身也是一个字符,那就可以用""括起来,比如"I'm OK"包含的字符是I,',m,空格,O,K这6个字符。如果字符串内部既包含'又包含"怎么办?可以用转义字符\来标识。例如:'I\'m \"OK\"!';//输出:I'm "OK"!具体的转义的特殊字符如下图:    字符串也可以是对象。通常, JavaScr.

2018-12-26 19:18:43

js之数据类型

js中的数据类型主要分为以下几个:1,基本类型:数字(Number),字符串(String),布尔(boolean),null,undefined。Symbol(es6)2,引用类型:数组(Array),对象(Object),Set和Map(es6)其中Symbol,Set和Map是es6中新增的数据类型在本文后面会讲到,本文主要是讲述es6之前的数据类型。1,Underfined...

2018-12-26 18:20:27

12个JavaScript技巧

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

2018-12-26 14:57:49

nodejs之generator,promise和async

promise:是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。https://blog.csdn.net/swimming_in_IT_/article/details/78350126generator: 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。http://es6.ruanyifeng.com/#docs/gener...

2018-12-24 19:36:57

nodejs之process对象

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

2018-12-19 16:06:34

nodejs之buffer

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

2018-12-19 11:54:55

JavaScript 之 ArrayBuffer

JS里的ArrayBuffer还记得某个晚上在做 canvas 像素级操作,发现存储像素的数据格式并不是Array类型,而是ArrayBuffer,心想这是什么鬼?后来查了一些资料,发现自己这半年来的JS是白学了,竟然才知道还有这么个东东。首先,这个 ArrayBuffer 类型化数组,类型化数组是JavaScript操作二进制数据的一个接口。最初为了满足JavaScript与显卡之间大量...

2018-12-17 17:26:34

mysql之数据库引擎

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

2018-12-15 18:10:37

js动态添加div

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

2018-12-08 17:11:34

Blob,FileReader全面解析

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

2018-11-20 16:31:38

编程规范

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

2018-11-17 16:15:03

查看更多

勋章 我的勋章
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。