糖糖有点甜-CSDN博客

翻译谷歌 Calendar

FullCalendar可以显示公开Google日历中的活动。 Google日历可以用作管理并持久存储事件数据（FullCalendar目前缺少的功能）的后端。在2014年11月17日，Google关闭了他们的日历API的V1和V2，这是FullCalendar所依赖的。请升级到最新版本的FullCalendar或至少用此文件替换gcal.js（将工作到FullCalendar v2.0.0）。

2017-03-08 19:45:32 4083 1

在网页上嵌入日历的第一步是拥有正确的JavaScript和CSS文件。请确保您在网页的中包含了FullCalendar样式表，以及FullCalendar，jQuery和Moment JavaScript文件：<link rel='stylesheet' href='fullcalendar/fullcalendar.css' /><script src='lib/jquery.min.js'><

2017-03-08 14:50:46 539

翻译 npm模块之opn使用教程（译）

原文链接安装$ npm install --save opn使用方法const opn = require('opn');// opens the image in the default image viewer opn('unicorn.png').then(() => { // image viewer closed });// opens the url in the defau

2017-02-28 00:17:52 5425

翻译 npm模块之http-proxy-middleware使用教程（译）

单线程node.js代理中间件，用于连接，快速和浏览器同步Node.js代理简单。轻松配置代理中间件连接，快速，浏览器同步等。由流行的Nodejitsu http代理提供。TL;DR代理/ api请求到http://www.example.orgvar express = require('express');var proxy = require('http-proxy-middleware'

2017-02-24 18:09:43 76961 3

原创 requirejs源码学习笔记（二）

昨天大概了解了以下requirejs的主要入口req方法和上下文newContext方法，说实话到目前为止这些方法是做什么的，有什么用我们还是一无所知，接下来先看些esay一点的代码在执行了一次空参数的req方法之后，代码跳到了这里这个方法遍历了所有的script标签，获取到有data-main属性的值，也就是我们定义的入口文件（正常都是main.js）。如果mainScript路径中不带！（带

2017-02-15 22:51:50 802

原创 javascript实现leetcode之two sum

Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use the same ele

2017-02-15 01:03:30 2038

原创 requirejs源码学习笔记（一）

requirejs执行的第一个函数//Create default context.req({});传入的参数是一个空对象，创建一个默认的上下文newContext方法是requirejs源码中最长的一部分，由于context是一个全局的变量，在实例化newContext之后生成了一个闭包，维持了newContext内部定义函数和变量的引用。它主要包括了以下几个部分：1、常量部分2、主要工具方法3

2017-02-15 00:32:38 1522

翻译 css伪元素

伪元素选择器就像伪类为锚指定幻象类一样，伪元素能够在文档中插入假想的元素，从而得到某种效果。css2.1定义了四个伪元素：设置首字母样式、设置第一行样式、设置之前和之后元素的样式设置首字母样式p:first-letter {}这个规则会选中每一段的第一个字母设置第一行的样式p:first-line {}这个规则会选中每一段所显示的第一行文本设置之前和之后元素的样式假设想设置一种排版效果，在每个h2元

2017-02-04 15:08:35 438

翻译 css伪类

伪类选择器链接伪类css2.1定义了两个只应用于超链接的伪类:link 指示作为超链接（即有一个href属性）并指向一个未访问地址的所有锚。注意，有些浏览器可能会不正确地将:link解释为指向任何超链接，包括已访问和未访问的超链接:visited 指示作为已访问地址超链接的所有锚css2.1定义了三个动态伪类，它们可以根据用户行为改变文

2017-02-04 14:54:03 674

翻译 css相邻兄弟元素选择器

要选择紧接在另一个元素后的元素，并且二者有相同的父元素，可以使用相邻兄弟结合符，这表示为一个加号（+）。与子结合符一样，相邻兄弟结合符旁边可以有空白符。要去除紧接在一个h1元素后出现的段落的上边距h1 + p {margin-top: 0;}如果相邻元素之间多了一行文本，还是可以用+选择器来匹配第二个元素，这是因为中间的文本并不包含在兄弟元素中，而只是父元素的一部分

2017-02-04 13:59:52 5183 1

翻译 css后代选择器

如果一个元素出现在文档层次结构中另一个元素的上层，则称前者是后者的父元素。父子关系是祖先-后代关系的特例。这二者之间有一个区别：在树视图中，如果一个元素在另一个元素的直接上一层，它们就有父子关系。如果从一个元素到另一个元素的路径上要经过两层或多层，这些元素则有祖先-后代关系，而不是父子关系（当然子元素也算是后代，父元素也算是祖先）定义后代选择器就是来创建一些规则，它们仅在某些结构中起作用h1 e

2017-02-04 13:20:40 1442

翻译 css属性选择器

css2引入了属性选择器，它可以根据元素的属性以及属性值来选择元素。共有4中类型的属性选择器：1. 简单属性选择<h1 class=""></h1>h1[class] {}<planet moons=""></planet>planet[moons] {}<img alt="" />img[alt] {}*[title] {}a[href][title] {}2、根据具体属性值选择a[href

2017-02-03 17:22:01 723 1

原创使用express-session和connect-mongo实现session管理导致request中session为undefined的问题

var cookieParser = require('cookie-parser');var session = require('express-session');var MongoStore = require('connect-mongo')(session);app.use(cookieParser());app.use(session());app.use(router)

2017-01-19 17:08:29 2183

转载 js严格模式详解

一、概述除了正常运行模式，ECMAscript 5添加了第二种运行模式："严格模式"（strict mode）。顾名思义，这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的，主要有以下几个：　　- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;　　- 消除代码运行的一些不安全之处，保证代码运行的安全；

2016-08-24 16:01:35 471

转载 ETag详解

在HTTP1.1规范中，新增了一个HTTP头信息：ETag。对Web开发者来说，它是一个非常重要的信息。它是用作缓存使用的两个主要的头信息之一 (另一个是Expires)。除此之外，在REST架构中，它还可以用于控制并发操作(上节中已经大致介绍AtomPub中控制并发的流程)。那么ETag是什么？它又几种类型？强ETag与弱ETag之间有什么区别。？如何计算ETag值?

2016-08-23 16:00:31 21880

转载 UTC和GMT时间区别

格林尼治标准时间（GMT，旧译“格林威治平均时间”或“格林威治标准时间”）是指位于伦敦郊区的皇家格林尼治天文台的标准时间，因为本初子午线被定义在通过那里的经线。理论上来说，格林尼治标准时间的正午是指当太阳横穿格林尼治子午线时（也就是在格林尼治上空最高点时）的时间。由于地球在它的椭圆轨道里的运动速度不均匀，这个时刻可能和实际的太阳时相差16分钟。地球每天的自转是有些不规则的，而且正在

2016-08-23 15:55:56 9139

转载 meta标签详解

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，

2016-08-23 14:43:17 860

转载块级元素和行内元素的区别

块级元素和行内元素的区别1、块级元素可以设置宽度和高度属性，而行内元素不行；2、块级元素：display:block; 而行内元素：display:inline;3、块级元素可以设置margin、padding，而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效，竖直方向上的margi

2015-10-13 17:54:01 389

转载 css技巧

0. 目录目录引言正文1 使用not给导航条添加间隔线2 给body元素增加Line-Height属性3 任意元素垂直居中4 逗号分隔的列表5 在nth-child中使用负数6 使用svg图标7 文本显示优化8 在Pure CSS Sliders中使用max-height9 初始化box-sizing10 表格单元格等宽11 使用Flexbox摆脱各种Margin

2015-10-13 17:19:36 319

转载 ImagesLazyLoad 图片延迟加载效果

之前在做一个图片浏览效果时，要看后面的小图必须等到前面的加载完，而且大图的位置是在大量的小图后面，导致大图要等到小图都加载完才能显示，为了解决这个问题，就想到了Lazyload效果。现在很多网站都用了类似的效果，如淘宝、Bing等。这个图片延迟加载效果是在Lazyload的基础上扩展的，主要扩展了获取img元素，获取src和图片加载的部分。兼容：ie6/7/8, firefox 3

2015-10-13 15:41:12 459

转载使用jquery获取url及url参数的方法

使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单，代码如下：window.location.href;其实只是用到了javascript的基础的window对象，并没有用jquery的知识。2、jquery获取url参数比较复杂，要用到正则表达式，所以学好javascript正则式多么重要的事情

2015-10-10 11:50:28 1462

转载 meta标签之cache-control

HTTP Header 参数Cache-ControlHTTP 1.1 （互动百科 | 维基百科）引入了 Cache-Control 响应头参数以给站长们更多控制网站内容的权力，同时弥补了 Expires的局限.Cache-Control 的参数包括:max-age=[单位：秒 seconds] — 设置缓存最大的有效时间. 类似于 Expires, 但是这个参数

2015-09-23 15:02:42 10000

转载 meta标签之viewport

ViewPort 标记用于指定用户是否可以缩放Web页面，如果可以，那么缩放到的最大和最小缩放比例是什么。使用 ViewPort 标记还表示文档针对移动设备进行了优化。ViewPort 标记的content值是由指令及其值组成的以逗号分隔的列表。例：width 和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字，要么是一个特殊的标记符

2015-09-23 14:49:48 415

前端菜鸟