自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 Js对象之原型链详解

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

2019-08-03 16:47:02 84 0

转载 Flex 布局教程:实例篇

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

2019-05-31 20:47:59 55 2

转载 Flex布局教程:语法篇

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

2019-05-31 20:46:16 81 0

转载 CSS之Grid网格布局

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

2019-05-31 20:25:47 121 0

原创 ubuntu下安装svn服务器

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

2019-03-20 12:57:38 57 0

原创 变量提升和闭包

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

2019-02-28 11:15:25 144 0

原创 初识Docker

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

2019-02-26 11:51:29 120 0

原创 js之数据类型转换

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

2019-02-22 15:24:18 153 0

原创 js之es6对象

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

2018-12-27 20:43:21 254 2

原创 js之String字符串操作

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

2018-12-26 19:18:43 389 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 82 0

转载 12个JavaScript技巧

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

2018-12-26 14:57:49 78 0

原创 nodejs之generator,promise和async

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

2018-12-24 19:36:57 100 0

转载 nodejs之process对象

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

2018-12-19 16:06:34 135 0

原创 nodejs之buffer

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

2018-12-19 11:54:55 170 0

转载 JavaScript 之 ArrayBuffer

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

2018-12-17 17:26:34 159 0

转载 mysql之数据库引擎

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

2018-12-15 18:10:37 86 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 2163 0

转载 Blob,FileReader全面解析

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

2018-11-20 16:31:38 675 0

原创 编程规范

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

2018-11-17 16:15:03 133 0

转载 Nodejs特性和适用场景

一. NodeJS的特点     Node.js是一个基于Chrome JavaScript运行时的平台,可轻松构建快速,可扩展的网络应用程序。 Node.js使用事件驱动的非阻塞I / O模型,使其轻量级和高效,非常适合在分布式设备上运行的数据密集型实时应用程序。主要包含以下三个特性。 (1...

2018-11-15 18:38:31 213 0

原创 nodejs promise之Q模块

Q实现promise的常用方法有7个,在不同情况下使用不同的方法,主要分为数据封装,同步封装和异步封装。 1,将数据封装成promise。 var Q = require('q'); var fs = require('fs'); var colors...

2018-11-15 16:34:38 240 0

原创 html 5 中的Web SQL

为什么要使用Web SQL? 在web系统或应用中,经常需要在本地存储一些数据,最早的在客户端存储数据用的是cookie(当然cookie主要还是用来保存用户的状态,业余可以干点保存本地数据的活),事实它并不适合用于保存客户端的本地数据,有以下几个原因: 1,每次请求服务器的时候都会增加不必要...

2018-11-12 18:08:12 274 0

原创 html 5中的localStorage和sessionStorage

一:什么是localStorage、sessionStorage      在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览...

2018-11-12 15:44:29 66 0

转载 html5 拖拽API详解

一、关于拖拽API 拖拽API是HTML5的新特性,相对于其他新特性来说,重要程度占到6成,实际开发中使用比例占到3成,学习要求个人认为是达到掌握即可的程度。 二、什么是拖拽和释放? 拖拽:Drag 释放:Drop 拖拽指的是鼠标点击源对象后一直移动对象不松手,一但松手即释放了 三、什么是...

2018-11-12 14:54:39 80 0

转载 css固定底部的五种方法

本文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住浏览器底部。需求看下图: 方法一:全局增加一个负值...

2018-11-08 18:10:14 769 0

原创 box-sizing和盒子模型

1 前言 今天被杭州有赞的前端面试官面了,很多问题一知半解。主要原因还是因为我这几个月大多数时间都在写项目,平常学习也是主要以框架为主,很多基础知识都遗忘了。 第一篇文章是讲盒子模型的。 2 盒子模型的基本要素    以下图中的button为例 在chrome浏览器中查看这个元素,结...

2018-11-08 15:53:41 74 0

转载 css中的em和rem的区别以及使用

你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 rem ,何时使用 em。 本教程将帮你弄清楚!     em 和 rem都是相对单位,由浏览器转换为像素值,具体取决于您的设计中的字体大小设置。 如果你使用值 1em 或 1rem,它可以被浏览器解析成 从16px到 160px...

2018-11-08 15:37:02 123 0

原创 angularJs+NodeJs进行文件下载

前提: 1,后台nodejs在对应的接口中返回,需要下载的文件的二进制数据流。 2,前台使用angularJs进行文件下载。在下载的时候,使用Blob进行数据接收。 后台路由实现: let fileName = req.query.fileName, dirFile = path....

2018-11-07 14:14:56 411 0

原创 nodejs调用微信接口返回47001错误

在公司开发的时候,做了一个评论区,在评论区中需要对用户发表的评论内容做一定的过滤。经商量决定还是使用微信的msgSecCheck接口来过滤吧。 在进行接口调用的时候,我自己使用接口测试工具的时候,是可以正常获取结果的。但是在使用http.request进行接口数据传输的时候,一直返回的就是4700...

2018-11-05 16:12:40 715 0

原创 原生js的dom操作

常用方法 节点获取: document.getElementById(idName)          //通过id号来获取元素,返回一个元素对象 document.getElementsByName(name)       //通过name属性获取id号,返回元素对象数组 documen...

2018-11-02 11:01:25 146 0

转载 angularjs中父,子,兄之间controller值得传递

在进行angularJs做前端数据绑定的时候,无疑是非常方便的。但是最近在开发的时候,老是因为各级controller之间的传递,而倍感烦恼。然后百度了下,看看官网。获得了各级controller之间的值通信方式。 我是使用$broadcast $emit $on来进行处理的:在一个contro...

2018-10-30 11:55:13 179 0

转载 nginx 414 Request-URI Too Large

问题: nginx 414 Request-URI Too Large #客户端请求头缓冲区大小,如果请求头总长度大于小于128k,则使用此缓冲区, #请求头总长度大于128k时使用large_client_header_buffers设置的缓存区 client_header_buffer...

2018-10-30 11:45:38 462 0

原创 nodejs消息推送之ws

nodejs服务器端,如何消息的类型为test就返回消息,反之则群发: const WebSocket = require('ws'); const wss = new WebSocket.Server({port:3030}) const connection = {} ...

2018-10-18 15:00:36 1432 0

转载 angularJs报错Warning: Tired to load angular more than once

自己正在做一个小网站,使用Angular JS + Express JS + Mongo DB,在开发过程中,遇到一些问题,所以整理出来。希望对大家都有帮助。   这是今天解决的一个问题,Angular JS抛出Warning: Tired to load angular more than o...

2018-10-12 19:08:55 151 0

转载 angular之$location基本用法

一. 获取url的相关方法: 以 'http://localhost/$location/21.1%20$location.html#/foo?name=bunny#myhash' 这个路径为例: 1. 获取当前完整的url路径: $location.absUrl():...

2018-10-09 17:30:17 122 0

原创 js数组操作

声明数组: /* 数组: 1、数组内可以存放任意类型的数据 2、数组元素不赋值,则为undefined 3、打印数组时,如果某个元素没有赋值,则为“...

2018-09-27 19:24:37 210 0

转载 angularjs跨域post解决方案

前端同学李雷和后台同学韩梅梅分别在自己电脑上进行开发,后台接口写好的时候,李雷改动完就把前端代码上传到gitlab,然后在测试机上从gitlab上拉下来,然后在测试机上移动最新代码,最后回到本机刷新页面。有时候碰到网速不好的情况传个git传了半天,或者李雷刚上传完发现少写了一个单词,加上再传上一看...

2018-09-21 15:42:35 135 0

原创 nodejs中日志的使用

morgan中间件 控制台输出      在进行nodejs的express进行开发的时候,一般使用了生成器的话,生成器默认会使用morgan中间件来记录请求信息。但是在使用app.use(logger('dev'));的时候,只会将请求信息打印到控制台,虽然这样方便调试,...

2018-09-20 11:13:02 1760 0

原创 微信第三方授权登录之oauth开发

背景: 首先copy下别人讲解的oauth2.0验证授权的一些背景知识:   1) 传统的注册登陆方式: 如果你是一个新用户,则点击新用户注册按钮,进入由简书提供的注册页面,进行用户名密码验证和设置 然后再回到简书提供的登陆页面,输入刚注册的用户名和密码进行登陆 缺点(站在用...

2018-09-15 16:22:38 2331 0

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