• BLOG
  • ARCHIVE
  • TAGS
  • ABOUT
  • 浏览器何时会发送一个 options 请求

    Jun 4, 2018

    浏览器出现 http method options 请求的作用是什么?

    主要的作用有两个

    • 获取服务器支持的 http 请求方法
    • 用来检查服务器的性能

    谈到 options 请求,不得不说的就是 cors(跨域资源共享)

    CORS是一种网络浏览器的技术规范,它为Web服务器定义了一种方式,允许网页从不同的域访问其资源。而这种访问是被同源策略所禁止的。CORS系统定义了一种浏览器和服务器交互的方式来确定是否允许跨域请求。

    使用CORS的方式非常简单,但是需要同时对前端和服务器端做相应处理。

    ...more
  • js 动态插入脚本和插入引用外部链接脚本

    May 21, 2018

    在日常开发中,经常遇到 js动态插入脚本 。

    什么是 js动态插入脚本 ?

    指的是在页面加载时不存在,但将来的某一时刻通过修改该DOM动态添加的脚本。和操作HTML元素一样。

    js动态插入脚本 也有两种方式:插入JavaScript代码和插入外部文件。

    ...more
  • node 版本管理? nvm

    May 18, 2018

    node.js一个奇葩的版本帝,曾经也为了跟上node版本管理发布的步伐。每一次node版本的发布,都重新源码编译安装一次。而且每次编译安装node版本管理之后全局安装的npm包命令,会全部失效。


    原因:源码安装包的路径是相同的位置,新安装的node.js重写覆盖了lib/node_modules目录。

    如果切换之前的node版本环境,该怎么办?第一想到的是:每次安装node.js到不同的路径。这样虽然保留了node版本,但系统存在node命令,应该指向哪个版本呢?

    1
    2
    3
    4
    5
    ln -s /usr/bin/node /usr/local/node-4
    # or
    ln -s /usr/bin/node /usr/local/node-6
    # or
    ln -s /usr/bin/node /usr/local/node-8

    这样切换环境,非常不方便。

    ...more
  • react 组件间信息传递方式

    May 15, 2018来源 · 原文地址

    谈及React时,就会想到一个很重要的思想,就是组件化思想。它将可以重用的部分进行组件化开发,形成一个个相对独立的组件,那么组件化后,你也会提出些疑问,组件与组件之间,将怎样进行信息的传递呢?下面来介绍下组件之间传递信息的方法。

    组件之间传递信息方式,总体可分为以下5种:

    1.(父组件)向(子组件)传递信息
    2.(父组件)向更深层的(子组件) 进行传递信息 >>利用(context)
    3.(子组件)向(父组件)传递信息
    4.没有任何嵌套关系的组件之间传值(比如:兄弟组件之间传值)
    5.利用react-redux进行组件之间的状态信息共享

    ...more
  • markdown 代码高亮,支持标记语言的列表

    May 13, 2018

    在markdown编辑时,我们经常需要引入一段代码,此时若果代码能高亮显示,markdown代码高亮 界面就会非常友好。

    使用前:

    public static void main(String[] args){
    System.out.println(“Hello”);
    }

    使用后:

    1
    2
    3
    public static void main(String[] args){ 
    System.out.println(“Hello”);
    }

    ...more
  • nginx 静态资源缓存设置

    May 13, 2018

    nginx静态资源缓存 常用配置示例:

    1
    2
    3
    location ~.*\.(js|css|html|png|jpg)$ {
    expires 3d;
    }

    下面是 nginx静态资源缓存 说明:

    • expires 3d; //表示缓存3天

    • expires 3h; //表示缓存3小时

    • expires max; //表示缓存10年

    • expires -1; //表示永远过期。

    ...more
  • 如何在非空目录下 git clone 项目

    May 13, 2018

    有时我们需要在 非空目录 下, clone 一个git仓库。当执行 git clone 项目时会提示下面的错误信息:

    fatal: destination path ‘.’ already exists and is not an empty directory.

    ...more
  • webpack4- 用之初体验(下)

    May 12, 2018来源 · 原文地址

    引用字体图片和svg图片

    字体图标和svg图片都可以通过file-loader来解析

    ...more
  • webpack4- 用之初体验(上)

    May 12, 2018来源 · 原文地址

    众所周知,webpack进入第4个大版本已经有2个月的时间了,而且webpack团队升级更新的速度也是非常的惊人

    在写下如下内容的时候webpack已经出到了4.6的版本了,剑指5.0应该是指日可待了,当然这些都是个人的臆想,并不代表任何意见

    既然我们已经迎接了webpack4的到来了,那么就一起来使用一下,即使你没用过之前的版本,没关系,我们重新出发,将工作中常用到的配置写给大家来看

    非友情提示:由于webpack使用起来并不能仅看代码就方便理解,所以有图有真相的才是正解,于是乎本文配图很多,真的是很多

    ...more
  • 解决 nginx 添加 openssl 模块编译时报错问题

    May 9, 2018来源 · 原文地址

    如题所示,报错信息如下:

    1
    2
    3
    4
    /bin/sh: line 2: ./config: No such file or directory
    make[1]: *** [/usr/local/ssl/.openssl/include/openssl/ssl.h] Error 127
    make[1]: Leaving directory `/usr/local/src/nginx-1.9.9‘
    make: *** [build] Error 2

    需要说明的是,我这里编译所使用的Nginx源码是1.9.9的。根据报错信息我们知道,出错是因为Nginx在编译时并不能在/usr/local/ssl/.openssl/ 这个目录找到对应的文件,其实我们打开/usr/local/ssl/这个目录可以发现这个目录下是没有.openssl目录的,因此我们修改Nginx编译时对openssl的路径选择就可以解决这个问题了

    ...more
  • form 表单标签的 enctype 属性的作用及应用示例介绍

    Aug 17, 2016

    enctype是指定将数据回发到服务器时浏览器使用的编码类型,其编码类型有以下三种,下面通过示例为大家详细介绍下其具体的使用

    编码类型有以下三种:

    application/x-www-form-urlencoded: 在发送前编码所有字符(默认)。这是标准的编码格式。
    multipart/form-data: 不对字符编码,在使用包含文件上传控件的表单时,必须使用该值。
    text/plain: 窗体数据以纯文本形式进行编码,其中不含任何控件或格式字符。

    ...more
  • meta 标签

    Jun 6, 2016

    meta标签 是HTML语言head区的一个辅助性标签,它位于HTML文档头部的head标记和title标记之间,它提供用户不可见的信息。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他web服务。

    申明文档使用的字符编码

    1
    <meta charset='utf-8'>

    或者

    1
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    该 meta 标签定义了 HTML 页面所使用的字符集为 utf-8 ,就是万国码。它可以在同一页面显示中文简体、繁体及其它语言(如日文,韩文)等。当然,你也可以使用gb2312(简体中文),big5(繁体中文)等等其他字符集。

    ...more
  • nginx alias root 和 location 指向

    Jun 1, 2016

    虚拟服务器可拥有一个宿主目录和任意数量的其它目录,这些其它目录通常被称为虚拟目录。

    nginx没有虚拟目录的说法,因为nginx本来就根据目录设计并工作的。如果要把虚拟目录强硬插上一个虚拟目录的说法,那只有alias标签比较像。还有一个和alias相似的标签root,它们之间有何区别?

    ...more
  • async javascript 下

    May 31, 2016来源 · 原文地址

    接着上文:async javaScript 上

    JavaScript异步编程解决方案

    现在主要的异步编程的方案有3种:

    1. PubSub模式(分布式事件)
    2. Promise对象
    3. 工作流控制库

    下面我们将逐个进行分析,在这些异步方案之前,我们经常看到所谓的金字塔厄运

    1
    2
    3
    4
    5
    6
    7
    8
    9
    asyncFunc1(function(result1){
    //some codes
    asyncFunc2(function(result2){
    //some codes
    asyncFunc3(function(result3){
    //other codes
    });
    });
    });
    ...more
  • async javascript 上

    May 31, 2016来源 · 原文地址

    最近看了一些javascript异步编程方面文章, 也反复读了几遍薄薄的 << Async JavaScript >>。总结一下, 供自己后续学习使用, 并分享给大家。

    首先, 有几个问题:

    什么是异步编程/异步函数?
    异步函数和回调函数有什么关系?
    为什么异步编程经常与javascript同时出现?
    javascript中的异步函数的机制是怎样的?
    那么现在异步编程有什么解决文案?
    未来的javascript异步编程是什么样子?

    ...more
  • html 头文件设置常用之 meta 设置缓存

    May 30, 2016

    <meta http-equiv="pragma" content="no-cache">

    pragma与no-cache用于定义页面缓存,不缓存页面(为了提高速度一些浏览器会缓存浏览者浏览过的页面,通过下面的定义,浏览器一般不会缓存页面,而且浏览器无法脱机浏览.)

    <meta http-equiv="cache-control" content="no-cache">,

    常见的取值有private、no-cache、max-age、must-revalidate等,默认为private,其作用根据不同的重新浏览方式分为以下几种情况:

    ...more
  • centos 安装 vsftd

    May 26, 2016

    概述:

    vsftpd是Linux下比较著名的FTP服务器,搭建FTP服务器当然首选这个。本文介绍了在CentOS 6.4下安装vsftpd、配置虚拟用户登录FTP的过程。

    安装vsftpd

    查看是否已经安装vsftpd

    1
    rpm -qa | grep vsftpd

    如果没有,就安装,并设置开机启动

    1
    2
    yum -y install vsftpd
    chkconfig vsftpd on
    ...more
  • mac 终端 使用 ftp 命令

    May 25, 2016

    使用 mac终端 连接ftp服务器

    格式:ftp [hostname| ip-address]

    1
    2
    ftp 127.0.0.1
    #服务器询问你用户名和口令,输入后即可

    下载文件

    下载文件通常用get和mget这两条命令。
    get

    格式:get [remote-file] [local-file]
    将单个文件从远端主机中传送至本地主机中.

    ...more
  • Mac OS X 安装 PHP 扩展支持

    Jul 14, 2015

    mac os x 默认已经安装了php,但是开发系统中的一些常用的PHP扩展库是没有的,需要自己手动安装,现在记录一下这个,以备查询。


    安装PHP扩展要求你的Mac系统已经安装了Xcode环境和命令行开发工具,如果还没安装,请先使用Shell安装
    1
    xcode-select --install

    为了扩展管理方便,首先来安装pecl扩展管理器。

    ...more
  • mac 解决 svn pritine text not exist 问题

    Jul 7, 2015

    svn版本管理工具和svn终端命令,同时使用的时候,下次再使用svn。svn就会出现这样的错误。下面说下,此类问题的解决方法:

    1
    1) Get an sqlite executable (for Windows: download a pre-compiled binaryfrom http://www.sqlite.com/download.html). Put it somewhere in your PATH.
    ...more
NEXT

© 2014 - 2019 laoono,powered by hexo, theme Apollo.

sitemap RSS