自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(108)
  • 问答 (1)
  • 收藏
  • 关注

原创 node开发socket.io之session 共享

node 服务器与 io 服务器之间的session 共享这篇文章主要说 express4.x 版本的express-session 因为这个版本的express 本身就支持session的共享直接上代码:app.js 如下:var express = require('express');var app = express();// socket 服务器var http ...

2019-12-23 16:39:09 523

原创 jade模板语法在express中的使用方法

在 Express 中调用 jade 模板引擎jade 变量调用if 判断循环Case 选择在模板中调用其他语言可重用的 jade 块 (Mixins)模板包含 (Includes)模板引用 (Extends)express 中使用ejs 基础教程:https://blog.csdn.net/maindek/article/details/82669720在 Expre...

2019-11-19 15:40:07 824

原创 关于ruby gem源更新安装的问题

1,国内源淘宝不好用了//1.删除原gem源gem sources --remove https://rubygems.org///2.添加国内淘宝源gem sources -a https://ruby.taobao.org///3.打印是否替换成功gem sources -l//4.更换成功后打印如下*** CURRENT SOURCES ***https://ruby...

2019-08-23 09:52:53 707 1

原创 javascrip函数链式调用Person('Dan').sleep(10).eat('dinner')

直接上代码思路:将执行函数放入数组队列,使用next() 执行,将调用函数赋值给构造函数的原型,可以进行连续链式调用,必要:执行功能函数需要返回this let index = 0; let stack = []; function next() { let fn = stack[index]; index++...

2019-05-16 23:26:47 1994

原创 vue项目打包上传服务器 - vue-cli2 + vue-cli3 空白页,资源无法加载等常见问题解决

当我们将 vue 项目完成后,面临的就是如何将项目进行打包上线,放到服务器中。我使用的是 vue-cli(simple) 脚手架,所以就讲一下如何将项目进行打包,并放到 tomcat 上。如果是 vue-cli (非 simple 脚手架),这篇文章可能有点帮助。地址链接:vue-cli 如何打包上线先来描述一下期间遇到的问题有哪些:1、打包后将 dist 文件夹和 index.html 放...

2019-03-13 09:44:07 2221

转载 PayPal支付

Paypal IPN接口开发小结最近终于搞定了该死的Paypal ipn,特地在此留下点东西备忘。所以paypal ipn(Instant Payment Notification),就是Paypal开发的一种能主动通知第三方卖家系统交易状态的一种机制。IPN的原理很简单,就是当产生了一个交易之后,交易状态发生变化时,如用户已经付款、或者退款、撤销时,Paypal利用常用的HTTP POST方式,...

2019-01-14 20:00:51 1027

转载 Vue-Axios插件使用指南,封装报错、鉴权、跳转、拦截

熟练使用axios框架,可以让我们省去很多重复的、绕弯路多的写法。 前言 不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路 需求及实现 统一捕获前言不推荐完全copy过去,可以看看我是如何针对我这边业务;做的一个axios的封装及实现的思路需求及实现统一捕获接口报错弹窗提示报错重定向基础鉴权表单序列化实现的功能统一捕获接口...

2018-12-07 11:17:14 446

转载 理解WebSocket心跳及中断重连机制

在使用websocket的过程中,有时候会遇到网络断开的情况,但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有:服务器会继续向客户端发送多余的链接,并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳,说明还活着,没有心跳说明已经挂掉了。1. 为什么叫心跳包呢?它就像心跳一样每隔固定的时间发一次,...

2018-12-07 10:06:20 3317

原创 前端内存泄露浅谈

一、什么是内存泄露已经不再使用的内存未能被程序释放,叫内存泄露(memory leak)。二、内存泄露会带来什么样的后果?内存泄露会因为减少可用内存数量从而降低计算机性能,严重的可能导致设备停止正常工作,或者应用程序崩溃。三、什么情况下出现内存泄漏?首先了解一下垃圾回收:垃圾回收(英语:Garbage Collection,缩写为GC)在计算器科学中是一种自动的存储器管理机制。当一个计算...

2018-11-26 16:24:07 3254

原创 微信支付基础代码示意

官方API点击这里var app = getApp(); 2 Page({ 3 data: {}, 4 onLoad: function (options) { 5 // 页面初始化 options为页面跳转所带来的参数 6 var that = this 7 //登陆获取code 8 wx.login({ 9 succe...

2018-11-02 11:34:12 874

原创 微信小程序布局方案(block+flex)

微信小程序 View 支持两种布局方式:Block 和 Flex所有 View 默认都是 block要使用 flex 布局的话需要显式的声明(给父元素):display:flex;下面就来介绍下微信小程序的 Flex 布局先做一个简单的 demo <view class="main"> <view class="item item1"&am

2018-10-23 15:36:50 3063 1

原创 gm使用终端命令

GraphicsMagick介绍GraphicsMagick是从 ImageMagick 5.5.2 分支出来的,但是现在他变得更稳定和优秀,GM更小更容易安装、GM更有效率、GM的手册非常丰富GraphicsMagick的命令与ImageMagick基本是一样的。ImageMagick、GraphicsMagick的命令概览[ convert | identify | mogrify...

2018-10-18 15:16:09 4770

原创 我画大家猜-socketIO+nodeJS

环境搭建查看环境搭建搭建服务器服务器代码如下:index.jsvar app = require('express')();var http = require('http').Server(app);var fs = require("fs");app.get('/', function(req, res){ res.sendFile(__dirname + '/huaban...

2018-09-28 16:18:50 315

原创 socketIO-express环境搭建及案例

socket.io 一个与服务器实时通信的工具,它与原生的webSocket相比,具有更可靠、快速的优点,并且能很好的兼容不同系统、浏览器及设备。http://socket.io/nodeJS 服务端js解析引擎 http://www.nodejs.org/一、环境搭建在服务器上创建目录socketio,以它为我们的工作空间。安装node(略过)在工作空间下:安装socket io模块...

2018-09-28 15:52:44 758

转载 socketIO-基础语法

1.服务端io.on(‘connection’,function(socket));监听客户端连接,回调函数会传递本次连接的socketio.sockets.emit(‘String’,data);给所有客户端广播消息io.sockets.socket(socketid).emit(‘String’, data);给指定的客户端发送消息socket.on(‘String’,funct...

2018-09-28 15:41:05 4594

原创 express 中使用ejs

express中使用ejsvar express = require('express');//需要安装 expressvar app = express();app.set("view engine","ejs");//模版引擎设置为 ejs文件组织在express中使用ejs,文件组织遵循express。 .views——-放置动态模版 .

2018-09-12 22:35:43 3297

原创 request favicon

In Express 4 Install the favicon middleware and then do:var favicon = require('serve-favicon');app.use(favicon(__dirname + '/public/images/favicon.ico'));Or better, using the path module:a...

2018-09-07 10:53:07 214

转载 babel的使用

一、配置文件.babelrc .babelrc 文件存放在项目的根目录下。{ "presets": [], "plugins": []} presets 字段设定转码规则,你可以根据需要安装。$ npm install --save-dev babel-preset-es2015 # react转码规则$ npm install --sav...

2018-09-07 10:39:26 150

原创 vue 结合 velocity.js 实现过渡transition 的javascript钩子

velocity简介: Velocity 是一个简单易用、高性能、功能丰富的轻量级JS动画库。它能和 jQuery 完美协作,并和.animate()有相同的API,但它不依赖jQuery,可单独使用。Velocity不仅包含了.animate()有相同的API,但它不依赖jQuery,可单独使用。Velocity不仅包含了.animate()有相同的 API, 但它不依赖 jQuery,...

2018-08-20 17:05:33 760

原创 vue transition 结合 animate.css 实现动画过渡

在vue组件中实现一些过渡动画是很常见的,有时候使用一些css库也是很正常的,今天就简单的说一下在vue组件中使用transition与animate.css结合的用法安装animate.css cnpm install animate.css –save当然也可以将animate.css文件下载下来 下载animate.css 放进assets文件夹以供调用...

2018-08-20 15:29:32 6662

转载 关于vue fetch方法研究promise的用法

理解 Promise 的工作原理 Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程,但是如果出现多层回调嵌套,也就是我们常说的厄运的回调金字塔(Pyramid of Doom),绝对是一种糟糕的编程体验。于是便有了 CommonJS 的 Promises/A 规范,用于解决回调金字塔问题。本文先介绍 Promises 相关规范,...

2018-08-20 09:14:00 1870

原创 vue await fetch 使用

await/async 是 ES7 最重要特性之一,它是目前为止 JS 最佳的异步解决方案了。 先说一下async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思, 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async 函数async function timeout() {  return 'hello wo...

2018-08-19 21:38:44 6434

原创 vue-fetch 兼容性基本使用

安装命令“ cnpm install –save isomorphic-fetch es6-promise由于ie不支持Promise,所以需要安装promise-polyfill; cnpm install promise-polyfill –save-exact需要在index.js中引用import Vue from 'vue'import Router f...

2018-08-19 21:24:37 1411

原创 vue 组件中使用less,sass,stylus 语法

vue 组件中使用less,sass vue中使用css预编译语法其实很简单,主要流程: 下载语法支持-loader 在webpack.config.js 中配置语法支持 在组件中添加语法 lang=’less|scss|stylus’ 下边直接上代码吧! <!-- <style lan...

2018-08-17 10:52:07 2628

转载 vue-cli 脚手架 基本操作

vue-cli 脚手架基本操作 vue-cli 的脚手架项目模板有browserify 和 webpack , 现在自己在用的是webpack , 官网给出了两个模板: webpack-simple 和 webpack 两种。两种的区别在于webpack-simple 没有包括Eslint 检查功能等等功能,普通项目基本用webpack-simple 就足够了.搭建官方项目模板步骤:...

2018-08-17 09:54:39 130

转载 jquery和vue的区别

前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的框架,无非就是实现的方式不一样,在不同场景下性能上会有一些差异。然而从jquery到vue或者说是到mvvm的转变则是一个思想想的转变,是将原有的直接操作dom的思想转变到操作数据上去,难道不是一个根本性的改变吗?1.jquery介绍:想必大家都用过...

2018-08-01 10:10:48 3880

转载 indexOf与search的区别

IndexOf()方法是用来判断一个字符串是否存在于一个更长的字符串中。从长字符串左端到右端来搜索,如果存在该子字符串就返回它所处的位置(即索引)。如果在被搜索的字符串没有找到要查找的字符串返回-1。注意,这里的位置应当填写索引值。所有的字符串索引都是从零开始,第一个字符的位置就是0,终点位置就是字符串的长度减去1。该方法等价于C语言中的strstr函数及Visual Basic语言中的inStr函

2017-10-19 19:50:01 4225

转载 字符集详解

我们一般通常使用的字符集有:ASCII ISO-8859-1 GB2312 big5 GBK Unicode2.0,另外还有一种基于32位的GB18030字符集是国家新出来的一种字符集,其为一个汉字设计了4个字节,因此可以说是目前为止,对汉字支持无论是简体还是繁体都是支持比较好的一种,当然主要的缺点就是太占空间,不利于在网路上传输。 如果不考虑GB18030字符集的话,最详尽的字符集应该是Unico

2017-09-27 15:31:18 441

转载 ASCII详解

目前计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Code for Information Interchange,美国标准信息交换码),它已被国际标准化组织(ISO)定为国际标准,称为ISO 646标准。适用于所有拉丁文字字母,ASCII码有7位码和8位码两种形式,只占一个字节。7位ASCII码是用七位二进制数进行编码的

2017-09-27 15:26:17 634

转载 unicode详解(转)

UNICODE有多个字符集,其中最常用的是2字节字符集——UCS-2,即16个二进制,能表示0~65535共65536个字符,注意字符编码一般用十六进制来 表示,为了与十进制区分,十六进制以0x开头,如0x7ECF转换成十进制 就是32463。目前中、日、韩的三种文字占用了Unicode中0x3000到0x9FFF的部分,其中中文仅取用了不到一万个常用字符。全部的中文字符在UCS-4中逐渐整理出。

2017-09-27 15:25:05 381

转载 ASCII和unicode编码区别

ASCII编码和Unicode编码使我们编程过程中很重要的编码方式ASCII就是编码英文的26个字母和一些常见的符号,之后扩展了一半。总之是一个字节来做编码,大于128的部分是一些特殊符号。但ASCII是无法编码别的东西的,比如说是不存在“中文的ascii码需要2个字符”这种说法的。ASCII就只有一个字节。Unicode是足够编码地球上所有的语言了,所以ASCII中所能表示的,Unicode当

2017-09-27 15:23:37 1643

原创 sublime text 3安装插件卸载插件更新插件

打开Sublime Text3 ,按Ctrl+`,打开命令面板复制粘黏以下代码添加至命令行,然后回车 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.r

2017-08-08 10:06:54 439

原创 Error: The `brew link` step did not complete successfully 错误的

在使用brew安装软件的时候,可能会遇到这样一个错误,其实这个错误的解决办法已经给你了我们来分析一下我是在安装graphicsmagick是出现的错误==>Pouring graphicsmagick-1.3.26.sierra.bottle.tar.gzError: The `brew link` step did not complete successfullyT

2017-07-26 21:52:57 5564

转载 homebrew 无法安装提示不能在根目录下使用

本文来源http://www.cnblogs.com/xiaohaillong/p/6120913.htmlhomebrew 无法安装,提示不能在根目录下使用。Running Homebrew as root is extremely dangerous and no longer supported.As Homebrew does not drop privileges

2017-07-26 20:19:16 7400

转载 GraphicsMagick在mac系统上的用brew的装配

Homebrew安装https://brew.sh/index_zh-cn.html*******************************************************   安装jpeg包******************************************************sudo brew install libjpeg

2017-07-26 19:58:43 3054

转载 GraphicsMagick在mac-os下货Linux下安装及使用

本文来源http://www.iitshare.com/the-graphicsmagick-installation-and-use.htmlGraphicsMagick介绍当前稳定版本:1.3.18(发布日期2013-03-10)GraphicsMagick是从 ImageMagick 5.5.2 分支出来的,但是现在他变得更稳定和优秀,GM更小更容易安装、

2017-07-26 19:35:32 1556

转载 node链接MySQL数据库

使用Node做Web页面开发,基本上是连接非关系型数据库mongodb,而这里我还是先尝试连接了一下mysql数据库,因为相对于mysql来说mongodb过于生疏,想着快速出来页面,所以选择相对熟悉一些的mysql。1. 安装mysql下载MySQL :MySQL Downloads,并进行安装。安装完,会引导你对数据库进行配置,设置root密码以及创建普通用户以及密码。

2017-07-23 18:57:39 332

转载 Mac OS上安装使用MongoDB

概念MongoDB 是一个跨平台的,面向文档的数据库,提供高性能,高可用性和可扩展性方便。 MongoDB 工作在收集和文件的概念。什么是NoSql?NoSql,全称是 Not Only Sql,指的是非关系型的数据库。下一代数据库主要解决几个要点:非关系型的、分布式的、开源的、水平可扩展的。原始的目的是为了大规模web应用,这场运动开始于2009年初,通常特性应用如:模式自由、支

2017-07-23 18:07:40 621

转载 HTMl和css的hack技术常识

先来个冷笑话:一晚下班回家,一民警迎面巡逻而来。突然对我大喊:站住! 民警:int类型占几个字节? 我:4个。 民警:你可以走了。 我感到很诧异。 我:为什么问这样的问题? 民警:深夜还在街上走,寒酸苦逼的样子,不是小偷就是程序员作为一个后端程序员,之前知道的css都是皮毛,因为有专业的美工帮我们做静态页面,我们只需要做好页面数据填充,专心写逻辑代码。现在有一种想去从事web前端开发了,尽

2017-07-17 11:22:42 366

转载 HTML img图片出现下边距的解决方法

图片底部的空隙实际上涉及行内元素的布局模型,图片默认的垂直对齐方式是基线,而基线的位置是与字体相关的。所以在某些时候,图片底部的空隙可能是 2px,而有时可能是 4px 或更多。不同的 font-size 应该也会影响到这个空隙的大小。给图片定义vertical-align也可以解决这个问题,将图片的垂直对齐方式设置为 top 或 bottom,这个空隙会消失。解决办法给img定义

2017-07-12 17:26:48 10676

空空如也

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

TA关注的人

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