2019年04月_hsany330

转载请求头(request headers)和响应头(response headers)解析

*****************请求头（request headers）*****************POST /user/signin HTTP/1.1 --请求方式文件名 http版本号Host: passport.cnblogs.com --请求地址Connection: keep-alive --Connection决定当前的事务完成...

2019-04-24 15:32:18 3261

转载 vue axios用post提交的数据格式

post提交数据的四种编码方式1.application/x-www-form-urlencoded这应该是最常见的post编码方式，一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中，可以用$_POST[“key”]的方式获取到key的值，在node中我们可以使用querystring中间件对参数进行分离 app.post("/server",f...

2019-04-23 10:55:14 816

转载四种常见的 POST 提交数据方式对应的content-type取值

application/x-www-form-urlencoded这应该是最常见的 POST 提交数据的方式了。浏览器的原生 form 表单，如果不设置 enctype 属性，那么最终就会以 application/x-www-form-urlencoded 方式提交数据。请求类似于下面这样（无关的请求头在本文中都省略掉了）：POST http://www.example.com HTTP...

2019-04-23 10:52:49 799

转载 RN笔记之prop-types进行属性确认

一、基本介绍1、属性确认的作用1）、使用React-native创建的组件是可以复用的，所以我们封装的组件可以用在其他项目或给项目组其他人使用。但是别人可能对这个组件不熟悉，经常忘记使用某些属性，或者某些属性传递的数据类型有误。因此我们可以在开发React Native自定义组件时，可以通过属性确认来声明这个组件需要哪些属性。这样，如果在调用这个自定义组件时没有提供相应的属性，则会在手...

2019-04-22 20:03:49 482

转载表单复杂校验规则实现对比——vue(element) VS react(antd)

注：本文的demo实现都是用了笔者自己搭建的vue、react的初始化demo项目，方便平时做实现，写demo用。每次都要从0搭建实在是太恶心了，如果大家也用得上，直接clone走。react-demo([email protected] + [email protected] + [email protected] + [email protected])vue-demo(vue-cli@2...

2019-04-22 19:02:01 1236

转载 Redux 之React-Redux 的用法

前两篇教程介绍了 Redux 的基本用法和异步操作，今天是最后一部分，介绍如何在 React 项目中使用 Redux。为了方便使用，Redux 的作者封装了一个 React 专用的库React-Redux，本文主要介绍它。这个库是可以选用的。实际项目中，你应该权衡一下，是直接使用 Redux，还是使用 React-Redux。后者虽然提供了便利，但是需要掌握额外的 API，并且要遵守它的...

2019-04-22 17:41:10 81

转载 redux常用的几个函数

1. createStore(reducer, [initState, enhancer])作用：创建一个Redux store来存放应用中所有的state，一个应用只能有个store。函数返回store对象。参数： reducer(Function)：两个参数：state和action，返回一个state。不要对参数state进行修改，需要返回一个新的对象。 initStatat...

2019-04-22 17:39:11 203

转载开发 react 应用最好用的脚手架 create-react-app

1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react开发前端应用。这个时候，我们可以手动使用npm来安装各种插件，来从头到尾自己搭建环境。比如：npm install react react-dom --savenpm install babel babel-load...

2019-04-22 16:44:44 227

转载 react组件生命周期

import React, {Component } from 'react';import './App.css';import { Link, Route, BrowserRouter as Router} from 'react-router-dom'class Page1 extends React.Component{ construct...

2019-04-22 11:47:02 85

转载 React-router-dom的核心用法

HashRouter和BrowserRouter它们两个是路由的基本，就像盖房子必须有地基一样，我们需要将它们包裹在最外层，我们只要选择其一就可以了。现在讲它们的不同：HashRouter如果你使用过react-router2或3或者vue-router，你经常会发现一个现象就是url中会有个#，例如localhost:3000/#，HashRouter就会出现这种情况，它是通过has...

2019-04-22 11:37:08 250

转载 React Router 4 豁然开朗(推荐阅读)

第一次独自承担一个项目，在进行技术选型时，由于看到了 React Router 4 的文档十分完善，果断地选择了它，尽管公司里现有的项目用的是它之前的版本。然而，看着这份华丽丽的文档对我来说也是一次痛苦的旅程。刚开始构建项目的整体框架时，我照猫画虎，将以前项目中的 Router 结构照搬了过来，只不过路由库是最新的 v4，也采用了其中比较简单的语法。然而，到项目结构越发深入时，看着那篇完善的参...

2019-04-22 10:42:36 169

转载【前端】使用jsencrypt实现参数的前端加密

在做项目中的登录功能时一般是通过form表单或者ajax方式将参数提交到服务器进行验证，在这个过程中，在前端对登录密码先进行一次加密的话，安全性肯定要优于直接提交的方式。最近在看博客园的登录页面时发现博客园的登录是用ajax发送http请求的方式，并在前端采用了加密，是采用jsencypt在前端进行加密的。后面查阅资料后了解到淘宝、京东也有用jsencypt库对登录密码进行前端加密的操作。jsen...

2019-04-18 21:35:40 784

转载浅谈浏览器http的缓存机制

针对浏览器的http缓存的分析也算是老生常谈了，每隔一段时间就会冒出一篇不错的文章，其原理也是各大公司面试时几乎必考的问题。之所以还写一篇这样的文章，是因为近期都在搞新技术，想“回归”下基础，也希望尽量总结的更详尽些。那么你是否还需要阅读本篇文章呢？可以试着回答下面这个问题：我们在访问百度首页的时候，会发现不管怎么刷新页面，静态资源基本都是返回 200（from cache）：...

2019-04-17 14:05:19 177

转载大前端之路----JS继承的六种方式

JS继承的六种方式[原型]// B是A的原型，A是B的构造函数A.prototype = BB.constructor = A[约定]// 父类function Super(){ this.property = 'Super Property'}Super.prototype.getProperty = function(){ return this.property}...

2019-04-15 17:15:51 85

转载 JS实现继承的几种方式

前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep = f...

2019-04-15 17:13:24 87

转载 github上值得关注的前端项目

综合/资源 frontend-dev-bookmarks一个巨大的前端开发资源清单。star:15000 front-end-collect分享自己长期关注的前端开发相关的优秀网站、博客、以及活跃开发者。star:860 Front-end-Interview-questions史上最全前端开发面试问题及答案 f2e-hub包含Animation，UI，...

2019-04-15 16:36:31 291

转载《JavaScript设计模式》读后感

接触前端两三个月的时候，那时候只是听说设计模式很重要，然后我就去读了一本设计模式的书，读了一部分，也不知道这些设计模式到底设计出来干嘛的，然后就没再看了。后来就自己做一些小项目也觉着好像不需要用到设计模式这个东西呀。现在，接触前端有半年了，决定再重新看看设计模式，说不定会有一些启发。于是发现了一本好书——《JavaScript设计模式》，写的通俗易懂，用一个个故事串起了一整本书，看了一部分发现原来...

2019-04-12 20:40:19 982

转载常见的6种JavaScript设计模式

构造函数模式/** * 构造一个动物的函数 */function Animal(name, color){ this.name = name; this.color = color; this.getName = function(){ return this.name; }}// 实例一个对象var cat = new Anim...

2019-04-12 20:36:14 862

转载缓存详解

前言总括：缓存从来都是前端的一个痛点，很多前端搞不清楚缓存到底是何物，从而给自己创造了一些麻烦，本文一如既往的用通俗易懂的文字和实例来讲述缓存，希望能让您有所得。原文博客地址：缓存详解知乎专栏&&简书专题：前端进击者（知乎）博主博客地址：Damonare的个人博客天青色等烟雨，而我在等你。正文缓存是一种保存资源副本并在下次请求时直接使用该副本的技术...

2019-04-11 16:07:31 741

转载我的前端进阶之路（面试题）

前言总括：包含这三个月来碰到的一些觉得比较好的面试题，三个月没怎么写博客着实有些手痒，哈哈哈。7000余字，不成敬意2333 原文地址：我的前端进阶之路知乎专栏&&简书专题：前端进击者（知乎）&&前端进击者（简书）博主博客地址：Damonare的个人博客烈火试真金，逆境试强者正文React和Vue对比相同点:...

2019-04-11 16:05:18 189

转载 Vue.js 3.0 新特性预览

Evan You（尤雨溪）今天（2018年11月16日）早上在 Vue Toronto 的主题演讲中预演了 Vue 3 。利用现代浏览器支持的新功能，Vue 3 将成为我们已经了解和喜爱的 Vue.js 强大的的改进版本。我们做了一些笔记并将其与下面的幻灯片结合起来分享给大家。总结起来，Vue 3 以下方面值得我们期待：更快更小更易于维护更多的原生支持更易于开发使用完整...

2019-04-11 15:54:25 1128

转载聊一聊系列]聊一聊HTTPS那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog...相信很多前端同学们，都听说过https，现在很多大的站点（如天猫、百度等），均使用了https协议进行传输。但是https如何使用，做什么用的，往往并不十分了解。今天我们就来一起聊一聊HTTPS那些事儿，且不说底层实现(毕竟想深入学习的...

2019-04-11 15:50:25 322

转载安全|常见的Web攻击手段之CSRF攻击

对于常规的Web攻击手段，如XSS、CRSF、SQL注入、（常规的不包括文件上传漏洞、DDoS攻击）等，防范措施相对来说比较容易，对症下药即可，比如XSS的防范需要转义掉输入的尖括号，防止CRSF攻击需要将cookie设置为httponly，以及增加session相关的Hash token码，SQL注入的防范需要将分号等字符转义，等等做起来虽然筒单，但却容易被忽视，更多的是需要从开发流程上来予以...

2019-04-11 15:46:00 149

转载详解 Cookie 纪要

背景　　在HTTP协议的定义中，采用了一种机制来记录客户端和服务器端交互的信息，这种机制被称为cookie，cookie规范定义了服务器和客户端交互信息的格式、生存期、使用范围、安全性。　　在JavaScript中可以通过 document.cookie 来读取或设置这些信息。由于 cookie 多用在客户端和服务端之间进行通信，所以除了JavaScript以外，服务端的语言（如PHP）也可...

2019-04-11 15:25:38 121

转载聊一聊WEB前端安全那些事儿

(最好跳到原文地址查看)欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog...随着互联网的发达，各种WEB应用也变得越来越复杂，满足了用户的各种需求，但是随之而来的就是各种网络安全的问题。作为前端工程师的我们也逃不开这个问题。所以今天，就和大家一起聊一聊WEB前端的安全那些事儿。这里不...

2019-04-11 14:25:05 257

转载 Web实时通信技术（传统轮询、长轮询、服务器发送事件SSE与WebSocket）

构建网络应用的过程中，我们经常需要与服务器进行持续的通讯以保持双方信息的同步。通常这种持久通讯在不刷新页面的情况下进行，消耗一定的内存资源常驻后台，并且对于用户不可见。本文将简要介绍Web通信中常用的四种方式。传统轮询(Traditional Polling)当前Web应用中较常见的一种持续通信方式，通常采取setInterval或者setTimeout实现。例如如果我们想要定时获取并...

2019-04-11 10:45:13 862

转载 Vue与React两个框架的区别和优势对比

Vue和React两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有哪些，各自的优缺点是什么，本文将为你呈现。我已经写出了两个几乎一样的web应用，一个是基于Vue，另一个则基于React，可以方便你在看这篇文章的时候查找相关代码。React sample app Vue sample app简单介绍除非你最近一直不关注前端的发展，不然你肯定听说过由Facebo...

2019-04-10 10:16:37 328

转载 ES6 基础

一、新的变量声明方式 let/const与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。通过2个简单的例子来说明这两点。{ let a = 20;}console.log(a); // a is not defined而这个简单的例子，会被编译为：{ let _a = 20;}c...

2019-04-09 19:00:22 229

转载 babel从入门到入门

来源http://www.cnblogs.com/gg1234/p/7168750.html博客讲解内容如下：　　1、babel是什么　　2、javascript制作规范　　3、babel转译器　　4、babel的使用　　5、常见的几种babel转译器和插件　　6、babel最常见配置选项　　7、babel的其他　　8、在webpack中使用babel...

2019-04-09 11:04:29 191

hsany330的专栏