自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 jQuery WeUI微信公从账号开发UI库

jQuery WeUI 是专为微信公众账号开发而设计的一个简洁而强大的UI库,包含全部WeUI官方的CSS组件,并且额外提供了大量的拓展组件,丰富的组件库可以极大减少前端开发时间。jQuery WeUI 的最大特点是它只提供UI组件,并不会对项目所使用的框架和其他库有任何的限制,几乎可以在任何环境下使用。无论你的项目是基于jQuery,还是 React, Angular, Vue, 你都会

2017-11-30 10:46:20 455

转载 P6Spy sql语句记录器

P6Spy是一个可以用来在应用程序中拦截和修改数据操作语句的开源框架。 通过P6Spy我们可以对SQL语句进行拦截,相当于一个SQL语句的记录器,这样我们可以用它来作相关的分析,比如性能分析。P6SPY提供了如下几个功能:记录SQL语句的执行时间戳。 记录SQL语句类型 记录SQL填入参数的和没有填入参数的SQL语句 根据配置的时间控制SQL语句的执行时间,对超出时间的

2017-11-30 10:46:05 249

转载 DOClever 接口管理,数据生成,自动化测试平台

DOClever是一款旨在解决接口管理,数据生成,自动化测试的一体化接口平台。在我们平时的开发中,经常会面临前后端接口交互的问题,以往的解决方案多是通过 word 文档来记录下接口的变更,然后发送给团队成员,这种方式不仅效率地下,而且很容易出错,因此,DOClever 就是为了解决这个痛点的一款工具,他不仅集成了接口编辑的分组和管理,在接口测试上也是独居特色,采用的是后端 proxy 代理,无

2017-11-30 10:45:55 978

转载 ubuntu下安装

 1.安装1.先解决有可能存在的语言问题1.安装sudo apt-get update sudo apt-get install -y language-pack-en-base2.配置locale-gen en_US.UTF-8---------------------export LANG=en_US.UTF-8export LC_ALL=en_US.UTF-8...

2017-11-30 10:45:30 280

转载 PostgreSQL

这篇PostgreSQL教程提供SQL的基本和高级概念。此PostgreSQL系列教程是专为初学者和专业人士编写提供的,需要读者有一些基本的数据库和编程基础。PostgreSQL是一个开源对象关系数据库管理系统(ORDBMS)。这篇PostgreSQL系列教程包括PostgreSQL语言的所有主题,如创建数据库,创建表,删除数据库,删除表,选择数据库,选择表,插入记录,更新记录,删

2017-11-13 16:38:22 422

转载 JS工具类

Lozad.js:一款基于 IntersectionObserver API 的 JavaScript 延迟加载器推荐理由:高性能、轻量级(~0.5kb)、可配置、纯 JavaScript 实现、无依赖,可用于延迟加载图片、iframe、广告、视频和其他元素。AR.js:一款应用于 Web 的高效增强现实(AR)库推荐理由:纯 Web 解决方案,无需安装,在手机上也能高效运

2017-11-13 16:25:40 327

转载 npm scripts

Node 开发离不开 npm,而脚本功能是 npm 最强大、最常用的功能之一。本文介绍如何使用 npm 脚本(npm scripts)。一、什么是 npm 脚本?npm 允许在package.json文件里面,使用scripts字段定义脚本命令。{ // ... "scripts": { "build": "node build.js"

2017-11-13 15:51:58 282

转载 IntersectionObserver API

网页开发时,常常需要了解某个元素是否进入了"视口"(viewport),即用户能不能看到它。上图的绿色方块不断滚动,顶部会提示它的可见性。传统的实现方法是,监听到scroll事件后,调用目标元素(绿色方块)的getBoundingClientRect()方法,得到它对应于视口左上角的坐标,再判断是否在视口之内。这种方法的缺点是,由于scroll事件密集发生,计算量很大,容易

2017-11-13 15:49:29 792

转载 Pointfree 编程风格

本文要回答一个很重要的问题:函数式编程有什么用?目前,主流的编程语言都不是函数式的,已经能够满足需求。为何还要学函数式编程呢,只为了多理解一些新奇的概念?一个网友说:"函数式编程有什么优势呢?""我感觉,这种写法可能会令人头痛吧。"很长一段时间,我根本不知道从何入手,如何将它用于实际项目?直到有一天,我学到了 Pointfree 这个概念,顿

2017-11-13 15:42:43 276

转载 Lodash和Underscore工具

Lodash 是一套工具库,它内部封装了诸多对字符串、数组、对象等常见数据类型的处理函数,其中部分是目前 ECMAScript 尚未制定的规范,但同时被业界所认可的辅助函数。Underscore 是一个 JavaScript 工具库,它提供了一整套函数式编程的实用功能,但是没有扩展任何 JavaScript 内置对象。 他解决了这个问题:“如果我面对一个空白的 HTML 页面,并希

2017-11-13 15:35:16 565

转载 Ramda 函数库

Ramda 函数库参考教程作者: 阮一峰日期: 2017年3月 9日学习函数式编程的过程中,我接触到了 Ramda.js。我发现,这是一个很重要的库,提供了许多有用的方法,每个 JavaScript 程序员都应该掌握这个工具。你可能会问,Underscore 和 Lodash 已经这么流行了,为

2017-11-13 15:17:59 941

转载 什么是js函数的currying /柯里化?

什么是js函数的currying /柯里化?说到js的柯里化,相信很多朋友都会头大。或者不是很清楚。我今天简单的给大家介绍一下!我用一句话总结函数柯里化,js柯里化是逐步传参,逐步缩小函数的适用范围,逐步求解的过程。可能对这句话你不是很清楚,那么,我们来看个案例,简单说明一下:需求:我们写一个函数,将函数的几个参数相加,返回结果!那我们写的函数如下var concat3

2017-11-13 15:08:41 393

转载 技术的热门度曲线

全球最大的 IT 咨询公司高德纳(Gartner),有一个"技术热门度曲线"模型(Gartner Hype Cycle)。该模型认为,一门技术的发展要经历五个阶段。(1)启动期(Innovation Trigger)该技术刚刚诞生,还只是一个概念,不具有可用性,无法评估商业潜力。媒体有所报道,引起了外界的兴趣。(2)泡沫期(Peak of Infla

2017-11-13 14:42:35 245

转载 Reduce 和 Transduce 的含义

学习函数式编程,必须掌握很多术语,否则根本看不懂文档。本文介绍两个基本术语:reduce和transduce。它们非常重要,也非常有用。一、reduce 的用法reduce是一种数组运算,通常用于将数组的所有成员"累积"为一个值。var arr = [1, 2, 3, 4];var sum = (a, b) => a + b;arr.reduce(

2017-11-13 13:57:04 326

转载 CSS in JS 简介

1、以前,网页开发有一个原则,叫做"关注点分离"(separation of concerns)。它的意思是,各种技术只负责自己的领域,不要混合在一起,形成耦合。对于网页开发来说,主要是三种技术分离。HTML 语言:负责网页的结构,又称语义层CSS 语言:负责网页的样式,又称视觉层JavaScript 语言:负责网页的逻辑和交互,又称逻辑层或

2017-11-10 10:40:38 186

转载 PostCSS

PostCSS是什么?官网如是介绍:PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.

2017-11-10 10:22:41 253

转载 项目管理软件Issue

本文介绍 Issue 的基本用法。一、Issue 是什么?Issue 指的是一项待完成的工作,通常与系统的改进相关,中文可以译为"问题"或"事务"。下面这些都是 Issue 的例子。一个软件的 bug一项功能建议一项待完成的任务文档缺失的报告每个 Issue 应该包含该问题的所有信息和历史,使得后来的人只看这个 Issue,就能了解问

2017-11-10 10:22:09 797

转载 Emoji 图形符号简介

一、含义Emoji 是可以插入文字的图形符号。它是一个日语词,e表示"絵",moji表示"文字"。连在一起,就是"絵文字"。Emoji 在上个世纪90年代,由日本电信商引入服务,最早用于在短消息之中插入表情。2007年,苹果公司的 iPhone 支持了 Emoji,导致它在全世界范围的流行。二、Unicode 标准化早期的 Emoji 是将一

2017-11-10 10:21:47 3142

转载 JavaScript 内存泄漏教程

一、什么是内存泄漏?程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能,重则导致进程崩溃。不再用到的内存,没有及时释放,就叫做内存泄漏(memory leak)。有些语言(比如 C 语言)必须手动释放内存,程序员

2017-11-08 16:48:11 245

转载 Fish shell 入门教程

命令行是程序员的必备技能。图形界面虽然好看,解决问题还是要靠命令行。命令行由 Shell 提供。各种命令通过 Shell,传递给操作系统的内核。学习命令行就是在学习 Shell。Shell 有好几种,目前最常用是 Bash 和 zsh。但是,在我看来,它们都不如 Fish Shell 好用。五年前,我第一次尝试 Fish,感到很惊艳,一直用到现在。本文介绍 Fi

2017-11-08 16:37:24 1440

转载 CSS变量

日期: 2017年5月 9日今年三月,微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能,所有主要浏览器已经都支持了。本文全面介绍如何使用它,你会发现原生 CSS 从此变得异常强大。一、变量的声明声明变量的时候,变量名前面要加两根连词线(--)。body { --foo: #7F583F; --bar:

2017-11-08 16:24:12 155

转载 LESS

Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。

2017-11-08 16:22:09 208

转载 Sass

Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compass)有助于更好地组织管理样式文件,以及更高效地开发项目。

2017-11-08 16:19:02 186

转载 WebSocket 网络通信协议

WebSocket 是一种网络通信协议,很多高级功能都需要它。本文介绍 WebSocket 协议的使用方法。一、为什么需要 WebSocket?初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处?答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。举例来说,我们想

2017-11-08 16:06:19 426

转载 Server-Sent Events和WebSocket服务器向浏览器推送信息

服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE)。本文介绍它的用法。一、SSE 的本质严格地说,HTTP 协议无法做到服务器主动推送信息。但是,有一种变通方法,就是服务器向客户端声明,接下来要发送的是流信息(streaming)。也就是说,发送的不是一次性的数据包,而是一个数据流,会连续不断地发

2017-11-08 15:56:45 1239

转载 HTTP 协议入门

HTTP 协议是互联网的基础协议,也是网页开发的必备知识,最新版本 HTTP/2 更是让它成为技术热点。本文介绍 HTTP 协议的历史演变和设计思路。一、HTTP/0.9HTTP 是基于 TCP/IP 协议的应用层协议。它不涉及数据包(packet)传输,主要规定了客户端和服务器之间的通信格式,默认使用80端口。最早版本是1991年发布的0.9版。该版本极其简单,只有一个命令G...

2017-11-08 15:51:32 134

转载 互联网协议入门

我们每天使用互联网,你是否想过,它是如何实现的?全世界几十亿台电脑,连接在一起,两两通信。上海的某一块网卡送出信号,洛杉矶的另一块网卡居然就收到了,两者实际上根本不知道对方的物理位置,你不觉得这是很神奇的事情吗?互联网的核心是一系列协议,总称为"互联网协议"(Internet Protocol Suite)。它们对电脑如何连接和组网,做出了详尽的规定。理解了这些协议,就理解了互联网

2017-11-08 15:23:30 139

转载 Ethernet,TCP,IP协议简介

TCP 是互联网核心协议之一,本文介绍它的基础知识。一、TCP 协议的作用互联网由一整套协议构成。TCP 只是其中的一层,有着自己的分工。(图片说明:TCP 是以太网协议和 IP 协议的上层协议,也是应用层协议的下层协议。)最底层的以太网协议(Ethernet)规定了电子信号如何组成数据包(packet),解决了子网内部的点对点通信。

2017-11-08 15:05:32 15499 2

转载 SMTP 协议,验证 Email 地址

Email 是最常用的用户识别手段。开发者常常需要验证邮箱的真实性。一般的方法是,注册时向该邮箱发出一封验证邮件,要求用户点击邮件里面的链接。但是很多时候(比如要搞邮件营销时),拿到的是成千上万现成的 Email 地址,不可能通过回复确认真实性,这时该怎么办呢?答案就是使用 SMTP 协议。本文将介绍如何通过该协议验证邮箱的真假。另外,结尾处还有一则

2017-11-07 15:33:13 4957

转载 云服务 IaaS,PaaS,SaaS 的区别

越来越多的软件,开始采用云服务。云服务只是一个统称,可以分成三大类。IaaS:基础设施服务,Infrastructure-as-a-servicePaaS:平台服务,Platform-as-a-serviceSaaS:软件服务,Software-as-a-service它们有什么区别呢?IBM 的软件架构师 Albert Barron 曾

2017-11-07 15:24:03 330

转载 Koa

Node 主要用在开发 Web 应用。这决定了使用 Node,往往离不开 Web 应用框架。Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行,所有功能都通过插件实现,很符合 Unix 哲学。本文从零开始,循序渐进,教会你如何使用 Koa 写出自己的 Web 应用。每一步都有简洁易懂的示例,希望让大家一看就懂。

2017-11-03 15:39:27 763

转载 Javascript支持3D游戏,asm.js 和 Emscripten工具,以及和WebAssembly的区别

Web 技术突飞猛进,但是有一个领域一直无法突破 ---- 游戏。游戏的性能要求非常高,一些大型游戏连 PC 跑起来都很吃力,更不要提在浏览器的沙盒模型里跑了!但是,尽管很困难,许多开发者始终没放弃,希望让浏览器运行 3D 游戏。2012年,Mozilla 的工程师 Alon Zakai 在研究 LLVM 编译器时突发奇想:许多 3D 游戏都是用 C / C++ 语言写的,

2017-11-03 15:19:26 1794 1

转载 火焰图(flame graph)性能分析器

火焰图(flame graph)是性能分析的利器。本文介绍它的基本用法。一、perf 命令让我们从 perf 命令(performance 的缩写)讲起,它是 Linux 系统原生提供的性能分析工具,会返回 CPU 正在执行的函数名以及调用栈(stack)。通常,它的执行频率是 99Hz(每秒99次),如果99次都返回同一个函数名,那就说明 CPU 这一秒钟都在执行

2017-11-03 11:26:03 11771

转载 Flex布局

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

2017-11-03 11:13:34 145

转载 layer 弹层WEB

layer 弹层WEB

2017-11-03 11:06:12 137

转载 layui前端UI框架

layui 是一款采用自身模块规范编写的情怀级前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发。layui 首个版本发布于2016年金秋,她区别于那些基于MVVM底层的UI框架,却并非逆道而行,而是信奉返璞归真之道。准确地说,她更多是为服务端程序

2017-11-03 11:02:08 393

转载 Bulma框架

一、简介Bulma 框架最大的特点,就是简单好用。所有样式都基于class,只需为 HTML 元素指定class,样式立刻生效。a class="button is-primary is-large">Logina>上面代码中,a 元素只需加上几个class,就会出现一个主色调(is-primary)的大(is-large)按钮。Bulma 是一个手

2017-11-03 10:43:16 1729

转载 双因素认证(2FA)教程

所谓认证(authentication)就是确认用户的身份,是网站登录必不可少的步骤。密码是最常见的认证方法,但是不安全,容易泄露和冒充。越来越多的地方,要求启用双因素认证(Two-factor authentication,简称 2FA)。本文介绍它的概念和实现方法。文章结尾有一则活动消息,优达学城(Udacity)的"双十一优惠",课程最高减免1111元

2017-11-03 10:38:14 4558

转载 SSL与TLS的区别以及介绍

作者: hengstart  发布时间: 2014-01-05 13:09  阅读: 149376 次  推荐: 32   原文链接   [收藏]    SSL:(Secure Socket Layer,安全套接字层),位于可靠的面向连接的网络层协议和应用层协议之间的一种协议层。SSL通过互相认证、使用数字签名确保完整性、使用加密确保私密性,以实现客户端和服务器之间

2017-11-03 10:31:35 224

转载 SSL/TLS协议运行机制的概述

互联网的通信安全,建立在SSL/TLS协议之上。本文简要介绍SSL/TLS协议的运行机制。文章的重点是设计思想和运行过程,不涉及具体的实现细节。如果想了解这方面的内容,请参阅RFC文档。一、作用不使用SSL/TLS的HTTP通信,就是不加密的通信。所有信息明文传播,带来了三大风险。(1) 窃听风险(eavesdropping):第三方可以获知通信内容。

2017-11-03 10:30:09 141

空空如也

空空如也

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

TA关注的人

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