星曦-CSDN博客

原创我所知道的HTTP和HTTPS

摘要：深入了解HTTP的发展以及介绍HTTP/2的新特性

2017-07-30 16:20:15 812

转载前端开发工程化探讨--基础篇（长文）

转载自UC资深前端工程师张云龙的github 喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。你好，切图仔。不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位，虽然身份之争多少有些无谓，但我对这种偏见还是心存芥蒂，酝酿了许久，决定写一个系列的文章，试着从工程的角度系统的介绍一下我对前端，尤其是Web前端的理解。只要我们还把自己的工作看作为

2017-07-27 15:38:26 402

原创 Web数据存储之localStorage和sessionStorage

Web数据存储之localStorage和sessionStorage学习前端以来，自己了解有localStorage和sessionStorage的相关存储的知识，也有实践过，但是之前只限于能用的基础上，但最近看了一本书，深入了解了localStorage和sessionStorage，才意识到自己了解太表面，于是想借此总结一下。1.Web存储简介Web存储分为两种，分别对应两个JavaScrip

2017-07-22 22:04:37 612

原创 defer和async的原理与区别

上一篇刚转载了一篇有关于网站性能优化的文章，其中提及到了页面的加载和渲染的过程，提到了defer和async的相关区别，但是本人在此之前并没有深究其中的区别。defer和async是script标签的两个属性，用于在不阻塞页面文档解析的前提下，控制脚本的下载和执行。在介绍他们之前，我们有必要先了解一下页面的加载和渲染过程：列表内容浏览器通过HTTP协议请求服务器，获取HMTL文档并开始从

2017-07-20 14:26:31 827

原创 HTTP协议学习笔记

1.HTTP协议简介（1）客户端连上web服务器后，若想获得web服务器中的某个web资源，需遵守一定的通讯格式，HTTP协议用于定义客户端与web服务器通迅的格式。（2）HTTP是hypertext transfer protocol（超文本传输协议）的简写，它是TCP/IP协议的一个应用层协议，用于定义WEB浏览器与WEB服务器之间交换数据的过程。（3）HTTP使用请求-响应的方式进行传输，一个

2016-12-03 15:29:45 320

原创 nodejs实现文件上传

前段时间在做个人项目的时候，用到了nodejs服务端上传文件，现在回头把这个小结一下，作为记录。本人上传文件时是基于express的multiparty，当然也可以说使用connect-multiparty中间件实现，但官方似乎不推荐使用connect-multiparty中间件。废话不多说，下面看代码吧。步骤：（1）使用express创建项目，默认使用的是jade模板引擎，但是还是习惯于html,

2017-08-15 18:49:56 5520

原创 bcrypt的简单使用

前段时间在捣鼓个人项目的时候用到了nodejs做服务端，发现使用加密的方法和之前常用的加密方式不太一致，下面以demo的形式总结一下bcrypt对密码进行加密的方法。一、简介Bcrypt简介： bcrypt是一种跨平台的文件加密工具。bcrypt 使用的是布鲁斯·施内尔在1993年发布的 Blowfish 加密算法。由它加密的文件可在所有支持的操作系统和处理器上进行转移。它的口令必须是8至56个字符

2017-08-15 14:06:22 14180

原创 vue2.0脚手架的webpack 配置文件分析

前言作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看.├── README.md├── build│ ├── build.js│ ├── check-v

2017-08-10 16:09:54 562

转载跨域资源共享CORS详解

最近深入了解了CORS的相关东西，觉得阮一峰老师的文章写得最详细易懂了，所有转载作为学习笔记。原文地址：跨域资源共享 CORS 详解CORS是W3C的一个标准，全称是跨域资源共享（Cross-origin resource sharing）本文详细介绍CORS的内部机制。一、简介CORS需要浏览器和服务器同时支持。目前，所有浏览器都支持该功能，IE浏览器不能低于IE10。整个CORS通信

2017-08-04 14:25:06 366

原创 HTTP同源策略

同源策略是web安全策略中的一种，非常重要。同源策略明确规定：不同域的客户端在没有明确授权的情况下，不能读写对方的资源。简单说来就是web浏览器允许第一个页面的脚本访问访问第二个页面的数据，但是也只有在两个页面有相同的源的时候，如果不同源则需要授权。源：URI(统一资源标识符)、主机名、端口号组合而成的。这个策略可以阻止一个页面上恶意脚本通过页面DOM对象获得访问另一个页面的敏感信息的权限

2017-08-04 11:31:24 1471

原创使用Nodejs发送邮件

尝试用了Nodemailer来发送邮件，结果成功了，虽然是相对比较简单的，但还是记录一下吧。Nodemailer 是 Node.js 应用程序的一个模块，可以方便地发送电子邮件。使用# 初始化 pageage.json 文件$ npm init# 安装依赖$ npm install nodemailer --save# 运行node app.jsapp.jsconst nodemailer

2017-07-30 21:59:27 742

原创学习File API用于前端读取文件

1. File API简介File API对于某些专门的网站的不可或缺的。现在常用它实现对文件的预览等功能。File API规定怎么从硬盘上提取文件，直接交给在网页中运行中的Javascript代码。然后代码可以打开文件探究数据，无论是本地文件还是其他文件。注意，关键在于文件会被直接交给JavaScript代码，它并不能修改文件，也不能创建新文件，想要保存任何数据，需要将数据发送到服务器或者保存在本

2017-07-23 09:34:50 1831

转载网站性能优化--CRP

网站性能优化–CRP为了把HTML、CSS和JavaScript转化成活灵活现、绚丽多彩的网页，浏览器需要处理一系列的中间过程，优化性能其实就是了解这个过程中发生了什么-即CRP(Critical Rendering Path，关键渲染路径)。首先，我们从头开始快速学习一下浏览器是如何显示一个简单网页的。浏览器渲染一个网页的过程构建对象模型文档对象模型（DOM）<html> <head>

2017-07-20 09:59:03 563

原创 JavaScript 面向对象的程序设计1

一、理解对象1.创建一个对象，然后给这个对象新建属性和方法。 ①常见的创建方式var person = new Object(); //创建一个Object 对象 person.name = 'XIE'; //创建一个name 属性并赋值 person.age = 20; //创建一个age 属性并赋值 person.sayName = function () { //创建

2017-03-27 16:57:23 235

原创 java基础1之java语言基础1

一、常量的概述和使用A:什么是常量* 在程序执行的过程中其值不可以发生改变 B:Java中常量的分类* 字面值常量* 自定义常量(面向对象部分讲) C:字面值常量的分类* 字符串常量用双引号括起来的内容* 整数常量所有整数* 小数常量所有小数* 字符常量用单引号括起来的内容,里面只能放单个数字,单个字母或单个符号* 布尔常量较为特殊，只

2017-01-19 22:08:55 226

原创 memcache在ThinkPHP中的使用1---PHP下安装memcache

1.什么是Memcached缓存 Memcached是一套小巧、高效且成熟的内存数据库。与普通的数据库不同，Memcached存储的数据只能是简单的键值对，在查询时需要根据存放的key获取数据。 Memcached最大的特点是数据存放于内存，性能会比传统文件系统高出很多，是各大型门户网站常采用的缓存系统。ThinkPHP对Memcached的支持非常完善，使用也非常方便。 Memcac

2016-12-03 21:43:53 428

原创前端学习总结——CSS布局方式之传统布局

前端学习总结——CSS布局方式之传统布局传统布局即是早期在平板电脑、智能手机等移动设备并不流行的时候使用的布局方式。一、表格布局例如：采用表格方式实现如下简单模型的布局（1）固定布局即用具体的像素值来确定模型的宽和高等值。HTML代码如下所示<table border="0"> <tr> <td colspan="2" class="header">header</td>

2016-11-27 21:47:09 447

星曦的博客