自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 收藏
  • 关注

原创 express中间件(middleware)小悟

所谓中间件,是什么?个人理解,express后端服务程序主要功能是什么?那还是接受客户端发送过来的各种请求吧?那还是处理各种请求然后发送各种响应数据给客户端浏览器吧?也不一定是浏览器哦,也可能是小程序呀。。。那么问题来了,中间件的是什么?打个比方,不知道恰不恰当,程序执行就好比污水厂处理污水一样,首先进来污水好比从客户端接受来的请求,那么对污水要进行一些列处理之后方才能合格排出吧,那么中间件...

2019-06-06 22:30:28 254

原创 计算属性

这里想说一下计算属性computed,它也是vue实例的一个属性。应用于一些情况,那就是当模板中的数据需要比较复杂的计算时候,可以采用这个computed属性进行计算,最后将结果返回到模板中。有一点需要注意一下,computed属性和methods在某种程度上都可以完成相同的事情,但是计算属性具有缓存的作用,也就是如果计算属性中所依赖的数据没有改变,那么计算属性会得到保存,不会改变。而meth...

2019-06-05 22:00:16 616

原创 002-将数组a中n个整数按相反顺序存放

#include <stdio.h>void reverse(int *x,int n);void main(){ int i,a[10]={3,1,6,7,4,8,0,5,2,9}; printf("The original array:\n"); for(i=0;i<10;i++){ printf("%d",a[i]); } printf("\n"); ...

2019-04-28 16:46:11 855

原创 001-取地址运算和使用指针访问变量

#include <stdio.h>int main(void){ int a=3,*p; p = &a; printf("a=%d,*p=%d\n",a,*p); *p = 10; printf("a=%d,*p=%d\n",a,*p); printf("Enter a:"); scanf("%d",&a); printf("a=%d,...

2019-04-28 15:28:17 285

原创 c指针-2

“&”和“ * ”运算符说明这两个运算符的优先级相同。p =&i;就是将变量i的值赋值给p,q=*p;q获取到了p所指向变量的值。“&*”和 “ * &”的区别:假设有int a ; p = &a;,因为两者运算符优先级相同,按自右向左的方向结合。因此:“&*p”先进行 “ * ”运算,“ *p”相当于变量a;在进行“&”运算,...

2019-04-27 21:20:53 126

原创 c指针-1

基本知识在c语言中,指针是一种特殊的变量,它是存放地址的。假设我们定义了一个指针变量,int*pointer用来存放整形变量i的地址,可以通过语句:pointer = &i;来表示。*:取值操作符;&:取址操作符;int i =2000;int *p;p=&i;printf("%d\n",*p);知道了一个变量的地址,就可以通过...

2019-04-27 20:16:53 419

原创 JSON浅谈之语法

JSON(javaScript Object Notation),javaScript对象表示法。有个大牛认为与XML相比,JSON是在javaScript中读写结构化数据的更好的方式。关于JSON,最重要的是要知道它是一种数据格式,不是一种编程语言。JSON并不从属于javaScript。而且,并不是只有javaScript才是用JSON,毕竟JSON只是一种数据格式。很多编程语言都有针...

2019-03-15 19:40:48 324

原创 16.1 跨文档消息传递

跨文档消息传送(cross-document messaging)简称XDM。指的是在来自不同域的页面间传递消息。XDM的核心是postMessage()方法。这个方法的目的只有一个:向另一个地方传递数据。对于XDM而言,‘另一个地方’指的是包含在当前页面中的iframe元素,或者由当前页面弹出的窗口。postMessage()方法接收两个参数:一条消息和一个表示消息接收方来自哪个域的字符...

2019-03-14 15:44:36 233

原创 6.2创建对象-上

js中创建对象的方式有以下几种:工厂模式示例1:function creatPerson(name,age,job){ var o = new Object(); o.name = name; o.age = age; o.job = job; o.sayName = function(){ alert(this.name); ...

2019-03-03 21:32:02 139

原创 正则表达式2

4.2字符集合[ ]var reg=/[1a2b3]/; //匹配一个字符,这个字符必须是:1/a/2/b/3其中一种,如果是就表示满足,如果不是就不满足 reg.test("a"); //结果为:true reg.test("3"); //结果为:true reg.test("fg56"); //一个符合要求的字符都不存在,结果为:false...

2019-02-20 19:45:46 264

原创 正则表达式1

概念什么是正则表达式?正则表达式其实也可以当做是js中的一中对象。它的作用是解决字符串操作中一些比较麻烦的场景:比如字符串提取,字符串替换,字符串验证等。写法:正则表达式是长什么样的?既然可以把它当做是一个对象,那么就可以使用构造函数的方式去new一个正则表达式。var reg2=new RegExp(&quot;a&quot;);var reg1=/a/;其中//是标记,a表示要匹配的...

2019-02-19 12:17:47 183

原创 函数的四种调用方式以及this指向

在ES6之前,我们要看一个函数内部的this到底是指向谁,那么就要通过观察函数是如何调用的,下面是函数的四种调用方式:函数调用示例1: var age=18; var p={ age:15 say:function(){ console.log(this.age);//window.age:18 } ...

2019-02-11 23:53:16 1078

原创 ES6-Promise

什么是Promise?Promise是es6提供的一种对象,这个对象包含了一系列方法。它的产生是为了解决回调地狱(可以简单理解为层层嵌套的回调函数)的尴尬。也是异步编程的一种解决方案。Promise可以理解为一个容器,里面包含需要执行的异步操作。同时,Promise提供了统一的API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。对象的状态不受外界影响。Pro...

2019-01-30 23:30:05 155

原创 ES6 - 箭头函数

什么是箭头函数?箭头函数属于函数扩展的一部分。那么什么是箭头函数呢?怎么表示呢?ES6 允许使用“箭头”(=&gt;)定义函数。示例1://es6之前定义一个函数var fn = function(){ console.log("hello");}//es6箭头函数定义一个函数var fn = ()=&gt;{ console.log("hello");};由示例1...

2019-01-30 17:26:27 185

原创 ES6-Symbol

什么是Symbol?Symbol可以认为是ES6新增的一种数据类型,而且是一种值类型。表示独一无二的值!为什么要使用Symbol?ES5中对象属性都是用字符串来定义的,当对象使用的多时,有可能会遇到对象属性命名重复的冲突,在ES6中,为了解决这种冲突,所以产生了新的数据类型,也就是Symbol出现及使用的原因!如何使用Symbol?示例1://使用Symbol函数执行来生成一个Symb...

2019-01-29 21:39:22 180

原创 ES6-解构赋值

何为解构赋值?ES6中允许从对象和数组按照一定模式进行提取值,然后对变量进行赋值,这种操作就叫解构赋值。数组的解构赋值:示例1.1://ES6之前的变量赋值写法let a = 1;let b = 2;let c = 3;//ES6利用解构赋值写法:let [a,b,c] = [1,2,3];上面简单的示例可以看到等号左右两边模式是相等的,也就是说左右两边都必须是数组类...

2019-01-28 23:32:21 172

原创 ES6-模板字符串

模板字符串是使用反引号 (``) 来代替普通字符串中的用双引号和单引号。示例1:var a = `hello world!`;console.log(a);这个模板字符串支持文本换行,支持字符串格式保持原样输出,这是普通字符串代替不了的。模板字符串里面支持插入表达式,使用${}将表达式放入大括号内,这会使得输出语句或者构造模板变得更加轻松和简单。示例2:...

2019-01-27 22:34:00 226

原创 WEB字体浅谈

字体是面向客户的一种表现形式,但我们给一个页面设置css字体样式(font-family)时候,这时可能就会用到WEB字体了。了解web字体之前,首先说一下字体系列: 共有五个字体系列:1.sans-serif字体系列;2.serif字体系列;3.monospace字体系列;4.cursive字体系列;5.fantasy字体系列。每个字体系列都包含有大量的字体。一般情况下,我们使用的字体都在上面的

2017-12-31 14:40:29 2897

原创 HTML5新增结构元素汇总

H5新增的结构元素有哪些?主体结构 1. article元素:代表文档,页面或应用程序中独立的;完整的;可以独自被外部引用的内容。 2. section元素:用来对网站或应用程序中页面上的内容进行分块,一个section元素通常有内容及其标题组成。 3. nav元素:一个可以用来作为页面导航的链接组,其中的导航元素链接到其他页面或当前页面的其他部分。 4. aside元素:用来表示

2017-12-30 23:10:10 3096

原创 js中的三大家族

offset家族offset家族:可以获取自身元素尺寸的一套方法。==1.offsetWidth和offsetHeight== (得到的是自己的宽度和高度,与别人无关)计算公式: offsetWidth = width + border + padding==2.offsetLeft 和offsetTop== (返回距离父级盒子(最近的带有定位)的左边和上边的位置。注意:如果父级都没有定位则以bo

2017-12-03 00:26:09 538

原创 数组去重

1.数组去重是什么意思? 看一下下面这个数组: var arr = [1,2,1,1,3,2]; 很明显的看出这个数组有相同的元素。由此顾名思义可知数组去重是将数组中有相同重复的元素给去掉。2.怎么进行数组去重: 数组去重有多种方法,下面的代码使用了其中一种方法,也就是利用对象的键值对方法。<script> //1.利用对象的键值对方法 //创建一个数组 var t

2017-12-02 19:58:35 1470

原创 js--事件对象

1.什么是事件对象? 要明白事件对象,首先要知道事件。事件很常见,比如onclick:点击事件,onmousedown:鼠标按下,onmousemove:鼠标移动,onmouseover:鼠标经过,等一些列操作统统都是事件。那么事件对象就是指:再触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持的方式不同。 注意:

2017-11-27 11:40:56 319

原创 冒泡机制

什么是冒泡?冒泡作为一种特有事件普遍存在于开发中,那么,什么是冒泡呢?冒泡是指:当一个元素上的事件被触发后,比如一个按钮被触发了onclick事件,同样的事件将在那个元素的所有祖先元素中被触发。这一过程就称为事件冒泡。 并且这个事件会从原始元素开始一直冒泡到DOM树的最上层。冒泡事件遵循的顺序:IE中:冒泡事件遵循以下顺序:div -> body -> html -> document。其他浏览器

2017-11-27 10:15:20 1144

原创 JS之字符串操作

字符串(string)是js中的一种内置对象,既然是对象,那必然会有属性和方法,下面谈一下字符串有哪些操作(方法)。 在此之前先了解一下,如何将一个数字型转换为字符串,有以下几种形式:0.将数字转换为字符串var num=123;//定义一个数值类型变量numvar str = num +"";//方式一var str1 = num.toString();//方式二,返回10进制形式的字符串

2017-11-21 23:44:22 271

原创 JS运算符之&&和||

js中有如下图所示的运算符: 在这里我们主要讲一下&& 和||的问题 ;这是面试笔试时候可能会运到的问题,在此之前,先了解一下各个运算符的运算先后顺序,如下: 运算符顺序 1 () 2 !、-、++、– 负号 正号 3 *、/、% 4 +、- 5 <、<=、<、>= 6 ==、!=、===、!==、 7 && 8 || 9?:

2017-11-19 22:39:01 575

原创 DOM的节点访问以及操作

1.DOM的节点访问DOM节点的关系如下图: 其中兄弟节点和子节点有个浏览器兼容的问题,以nextSibling为例,nextSibling在ie678才有效,而nextElementSibling在正常浏览器才有效。兼容的写法如下:var div = one.nextElementSibling || one.nextSibling;div.style.backgroundColor =

2017-11-18 13:01:08 628

原创 常用的几个操作数组的方法

我们经常要对数组进行操作,常用的如添加和删除等,下面做个简单的介绍。可以分为下面五种:i 添加数据进入数组push() : 后面推进去 push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。2.unshift():从数组的前面放进去 unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。 var arr=[1,2,3]; arr.pus

2017-11-17 00:15:26 805

原创 两个小的表单方法

这里介绍两个属于表单的方法:表单自动获得焦点—XX.focus();鼠标经过表单时,自动选择表单内容—XX.select();<script type="text/javascript"> window.onload = function () { var txt = document.getElementById("txt"); var sel = do

2017-11-14 21:32:28 251

原创 变量提升

什么是变量提升? 先上一段代码:var num = 10;function fn(){console.log(num);var num = 20;}上面结果是输出是10还是20?答案是undefined。为什么?且继续看下一段代码:function fn(){var num;console.log(num);num = 20;}上面结果输出结果也是undefined。其实这段代码

2017-11-13 21:51:48 293

原创 常见英文缩写及相应中文

ECMA(European Computer Manufacturers Association)—欧洲计算机制造协会TC39(Technical Committee #39)—39号技术委员会ISO/IEC (International Organization for Standardization and International Electrotechnical Commission )

2017-11-13 17:01:36 1560 1

原创 JS数据类型以及类型转换

常用数据类型有以下几种:字符型(String)数值型(Number)布尔型(Boolean)UndefinedNull字符型:var s = “string”;字符串要用引号引起,单引号和双引号的作用是等效的。 数值型:var num = 10; var num = 10.00;包括整形和浮点型。 布尔型:只有True和False两种取值。 Undefined:这是一种比较特殊的类型

2017-11-13 14:19:54 574

原创 如何隐藏盒子

1.隐藏的两种写法我们会遇到点击某个对象,然后将某个盒子进行隐藏的状况,此时可以使用以下两种属性写法:A.display:none;B.visibility:hidden;分别将这两种属性写进需要隐藏的盒子里,都会出现将盒子隐藏的效果。2.两种隐藏写法的区别虽然上面两种写法隐藏盒子的作用都达到了,但还是有所区别的。其中第一种写法:display:

2017-11-12 16:59:13 3012

原创 什么是BFC?

BFC(Block formatting context)直译为块级格式化上下文。它的作用是创建一个封闭的区域,从而形成一个这样的局面:该封闭区域内部的布局与外部的区域互相不会有任何影响。有以下几种因素会形成BFC:1.根元素(也就是html元素)2.float属性不为none的元素3.position为absolute和fix的元素  4. display为inline-

2017-11-11 16:54:58 266

原创 浅谈背景半透明

一.背景半透明之background:rgba();这个属性的作用以及意义是让一个盒子的背景出现半透明的效果,但并不影响盒子里面的内容。二 .还有一个让背景半透明的属性是:opacity;这个属性是可以让一个盒子出现透明的效果,但同时也会让这个盒子里面的内容出现透明。比较以上两者之间的效果,一般想要达到背景半透明效果还是要使用background:rgba(

2017-11-11 11:00:53 405

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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