自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue-cli 3.0 创建的项目,dev下能运行,打包后报错,页面空白

dev下运行时正常的,但在打包后就不正常了,如下图报各种文件找不到,原因是在html引入的img,js或css的路径不对,如下:<link as=style href=/css/app.f9f2eaa0.css rel=preload><link as=style href=/css/vendors~app.25.767b7576.css rel=preload>&lt...

2018-05-28 22:06:03 13375 1

原创 在使用angular cli时,出现npm ERR! write after end

输入以下命令降低npm版本[plain] view plain copynpm i -g npm@5.6.0 

2018-05-19 23:35:31 997

转载 create-react-app 扩展webpack的方法

如何扩展 Create React App 的 Webpack 配置Create React App(以下简称 CRA)是创建 React 应用的一个脚手架,它与其他脚手架不同的一个地方就是将一些复杂工具(比如 webpack)的配置封装了起来,让使用者不用关心这些工具的具体配置,从而降低了工具的使用难度。但是对于一些熟悉 webpack 的开发者来说,他们可能想对 webpack 配置做一些修改...

2018-05-10 23:55:45 2942

转载 immutable学习之常用api

本文主要整理了Immutable.js常用API的使用。Immutable 是什么?关于Immutable的定义,官方文档是这样说的:Immutable data encourages pure functions (data-in, data-out) and lends itself to much simpler application development and enabling te...

2018-05-09 19:37:24 217

转载 webGL原理及three.js

一、我们讲什么?我们讲两个东西:1、WebGL背后的工作原理是什么?2、以Three.js为例,讲述框架在背后扮演什么样的角色? 二、我们为什么要了解原理?我们假定你对WebGL已经有一定了解,或者用Three.js做过了一些东西,这个时候,你可能碰到了这样一些问题:1、很多东西还是做不出来,甚至没有任何思路;2、碰到bug无法解决,甚至没有方向;3、性能出现问题,完全不知道如何去优化。这个时候,...

2018-05-09 19:23:26 274

原创 JSON详解

JSON

2018-05-09 00:00:14 658

转载 前端字符串压缩与解压

/** * 压缩 */function Compress(strNormalString) {    alert("压缩前长度:" + strNormalString.length);    var strCompressedString = "";    var ht = new Array();    for(i = 0; i < 128; i++) {        ht[i] = i...

2018-05-08 21:49:03 12629 3

转载 前端canvas实现图片压缩及转base64

实现思路: 先取得图片,再用canvas转成base64 //上传头像图片   function uploadHead(imgPath) {      console.log("imgPath = " + imgPath);      var image = new Image();      image.onload = function() {          var imgData = g...

2018-05-08 21:38:33 1451

转载 前端图片异步上传

前端图片上传

2018-05-08 21:31:47 773

转载 前端编码base64

原文什么是base64base64是用规定的64种字符来表示任意二进制数据的一种编码格式,而且这64种字符均是可见字符,而之所以要是可见的是因为在不同设备上处理不可见字符时可能发生错误。通常,电子邮件数据、公钥证书会经常使用。base64编码原理字符集编码规则我们知道单个字符一般用一个字节就可以表示(中文等其他特殊文字除外),而一个字节由8位二进制数构成。那么base64编码中,是将每6位二进制作...

2018-05-08 20:06:35 3238

转载 前端拦截器

一个项目学会vue全家桶+axios实现登录、拦截、登出功能,以及利用axios的http拦截器拦截请求和响应。前言该项目是利用了Github 提供的personal token作为登录token,通过token访问你的Repository List。通过这个项目学习如何实现一个前端项目中所需要的 登录及拦截、登出、token失效的拦截及对应 axios 拦截器的使用。准备你需要先生成自己的 Gi...

2018-05-08 18:56:32 11700 1

转载 Token

几种常用的认证机制HTTP Basic AuthHTTP Basic Auth简单点说明就是每次请求API时都提供用户的username和password,简言之,Basic Auth是配合RESTful API 使用的最简单的认证方式,只需提供用户名密码即可,但由于有把用户名密码暴露给第三方客户端的风险,在生产环境下被使用的越来越少。因此,在开发对外开放的RESTful API时,尽量避免采用H...

2018-05-08 18:54:07 246

转载 react-router最新Doc

react-router最新Doc

2018-05-07 00:09:54 145

原创 推送实现

方法 :    Comet,SSE(服务器发送事件),Web Sockets1.Comet    实现方式:长轮询和流;    长轮询:(断轮询的翻版,段轮询:不管数据有没有用,都直接返回)由页面发起一个到服务器的请求,然后服务器一直保持链接打开,知道有数据可发送。发送完毕,关闭链接,随机,页面又发起新请求。    HTTP流:浏览器向服务器发送一个请求,服务器保持链接打开,服务器周期性的向浏览器...

2018-05-06 14:29:20 154

转载 使用socket.io与express结合,体验websocket

前言自己于express框架的基础上,以node为服务端,基于socket.io,实现了一个建议的聊天室。 成功从服务端推送数据到客户端。 效果如下图:  将客户端的信息传递到服务端后,服务端主动推送给客户端。websocket原理简单来说,就是服务端主动推送信息给客户端。看看其与http协议的区别: websocket有如下特点: 其他特点包括:   (1)建立在 TCP 协议之上,服务器端的实...

2018-05-06 13:19:30 1927

转载 跨域

什么是跨域?跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。广义的跨域:1.) 资源跳转: A链接、重定向、表单提交2.) 资源嵌入: <link>、<script>、<img>、<frame>等dom标签,还有样式中background:url()、@font-face()等文件外链3.) 脚本请求: js发起的aja...

2018-05-06 13:16:49 130

转载 浏览器渲染原理及流程

渲染引擎简介  本文所讨论的浏览器——Firefox、Chrome和Safari是基于两种渲染引擎构建的,Firefox使用Geoko——Mozilla自主研发的渲染引擎,Safari和Chrome都使用webkit。 渲染主流程  渲染引擎首先通过网络获得所请求文档的内容,通常以8K分块的方式完成。下面是渲染引擎在取得内容之后的基本流程:  解析html以构建dom树 -> 构建rende...

2018-05-05 23:19:18 157

转载 js严格模式下的this指向

一、全局作用域中的this在严格模式下,在全局作用域中,this指向window对象?12345678"use strict"; console.log("严格模式");console.log("在全局作用域中的this");console.log("this.document === document",this.document === document);console.log("this ...

2018-05-04 12:09:24 2177

转载 vue的组将通信方式

第一种通信方式:父子组件通信父组件向子组件传递数据父组件一共需要做4件事1.import son from './son.js' 引入子组件 son2.在components : {"son"} 里注册所有子组件名称3.在父组件的template应用子组件, <son></son>4.如果需要传递数据给子组件,就在template模板里写 <son :num="num...

2018-05-04 12:04:38 105

转载 node.js ----web服务器

什么是 Web 服务器?Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。目前最主流的三个Web服务器是Apach...

2018-05-01 19:14:34 169

转载 node.js ----核心模块 ---- 文件系统

Node.js 提供一组类似 UNIX(POSIX)标准的文件操作API。 Node 导入文件系统模块(fs)语法如下所示:var fs = require("fs")异步和同步Node.js 文件系统(fs 模块)模块中的方法均有异步和同步版本,例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。异步的方法函数最后一个参数为回调函数,回调函...

2018-05-01 19:07:21 126

转载 node.js ----核心模块 ---- 事件驱动

events 是 Node.js 最重要的模块,没有“之一”,原因是 Node.js 本身架构就是事件式的,而它提供了唯一的接口,所以堪称 Node.js事件编程的基石。events模块不仅用于用户代码与 Node.js下层事件循环的交互,还几乎被所有的模块依赖。events模块只提供了一个对象: events.EventEmitter。EventEmitter的核心就是事件发射与事件监听器功能的...

2018-05-01 19:05:47 99

转载 node.js ----核心模块 ---- 常用工具

util 是一个Node.js 核心模块,提供常用函数的集合,用于弥补核心JavaScript 的功能 过于精简的不足。util.inheritsutil.inherits(constructor, superConstructor)是一个实现对象间原型继承 的函数。JavaScript 的面向对象特性是基于原型的,与常见的基于类的不同。JavaScript 没有 提供对象继承的语言级别特性,而是...

2018-05-01 18:51:11 88

转载 node.js ----核心模块 ---- 全局对象

JavaScript 中有一个特殊的对象,称为全局对象(Global Object),它及其所有属性都可以在程序的任何地方访问,即全局变量。在浏览器 JavaScript 中,通常 window 是全局对象, 而 Node.js 中的全局对象是 global,所有全局变量(除了 global 本身以外)都是 global 对象的属性。在 Node.js 我们可以直接访问到 global 的属性,而...

2018-05-01 18:44:52 268

转载 node.js ----基础

1.模块系统    为了让Node.js的文件可以相互调用,Node.js提供了一个简单的模块系统。模块是Node.js 应用程序的基本组成部分,文件和模块是一一对应的。换言之,一个 Node.js 文件就是一个模块,这个文件可能是JavaScript 代码、JSON 或者编译过的C/C++ 扩展。    创建模块            在 Node.js 中,创建一个模块非常简单,如下我们创建一...

2018-05-01 18:41:40 170

转载 node.js----异步式I/O与事件式编程

1.进程与线程,并发与并行,线程安全    进程与线程:        提到“线程”总免不了要和“进程”做比较,而我认为在Java并发编程中混淆的不是“线程”和“进程”的区别,而是“任务(Task)”。进程是表示资源分配的基本单位。而线程则是进程中执行运算的最小单位,即执行处理机调度的基本单位。关于“线程”和“进程”的区别耳熟能详,说来说去就一句话:通常来讲一个程序有一个进程,而一个进程可以有多个...

2018-05-01 15:44:15 262 1

转载 node.js ----- REPL(交互式解析器)

Node.js REPL(Read Eval Print Loop:交互式解释器) 表示一个电脑的环境,类似 Window 系统的终端或 Unix/Linux shell,我们可以在终端中输入命令,并接收系统的响应。Node 自带了交互式解释器,可以执行以下任务:读取 - 读取用户输入,解析输入了Javascript 数据结构并存储在内存中。执行 - 执行输入的数据结构打印 - 输出结果循环 - ...

2018-05-01 14:13:32 171

转载 express教程

express教程连接

2018-05-01 12:29:13 275

转载 nodejs学习教程

node.js 学习教程连接

2018-05-01 12:26:58 478

空空如也

空空如也

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

TA关注的人

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