煌哥哥的博客

再见20182019-01-04 22:23:25

TIM截图20190104230601.png

Action speak louder than words

还未回过神来就已经到了2019年的一月份，时光飞逝，又一年过去了。是时候给过去的一年做个小结了。

今年的小收获

个人博客 26篇
掘金2篇其中vueblog 有了 4182浏览数 和 241喜欢
github vueblog 有 95start 和 18fork

阅读全文 >>

分类：

生活

标签：

生活

使用Electron制作一个快速搜索应用（入门向）2018-11-26 23:30:41

什么是Electron

Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。 Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。

由于平常去不同的站点搜索进行代码搬运时要经常切换不同的网站再进行搜索，本来想做一个整合搜索的站点方便自己平常搜索用；后来看到vscode忽然觉得可以使用它的爸爸——Electron来做一个试试，顺便练练手入门一下Electron，而且还可以使用快捷键呼出窗口来搜索，比用网站做更快。

想做的功能有：

平常隐藏在系统托盘，使用时用快捷键Alt+ s呼出搜索窗口
可以拖动搜索按钮，调整顺序
可以自定义搜索站点，增加删除修改
可设置开机启动

阅读全文 >>

分类：

前端

标签：

Electron

Node.js

webpack 打包时将指定文件上传至七牛并替换引用路径方法2018-10-01 21:54:14

由于服务器小水管的原因，导致该博客依赖的静态资源加载缓慢，导致页面不能很快的显示出来，于是就手动把静态资源移至七牛上试试，发现快了许多；
可是这样以后只要有修改代码就必须手动把资源传至七牛，麻烦不说还容易出错；我就想有没办法能在打包时就把资源传上七牛，这样就不用再另外手工上传而且不容易出错；
本来是想自己写一个上传到七牛的插件的，后来在npm上发现了个现成的插件qiniu-webpack-plugin还挺好用就直接拿来用了（偷懒）

主要用到了以下两个插件：
webpack-html-string-replace-plugin（用于替换html引用资源的路径）
qiniu-webpack-plugin （用于把资源上传至七牛）

阅读全文 >>

分类：

工具

标签：

webpack

css实现内圆角demo2018-08-28 22:28:42

工作中遇到个卡券的样式如图所示

阅读全文 >>

分类：

demo

标签：

CSS

制作一个cli命令行工具2018-08-22 22:59:42

因为工作中经常需要生产新的项目模板，有天想到vue-cli可以使用命令行初始化一个项目模板，我就想是不是也能自己实现一个命令行工具来为
工作提供便利，就尝试写了一个，感觉还算好用，这里记录一下如何用node和npm生产命令行工具。

阅读全文 >>

分类：

工具

标签：

javascript

Node.js

npm

mongodb学习笔记2018-08-22 22:58:42

准备

简介

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。
MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。
跟关系型数据库的区别

SQL术语/概念	MongoDB术语/概念	解释/说明
database	database	数据库
table	collection	数据库表/集合
row	document	数据记录行/文档
column	field	数据字段/域
index	index	索引
table joins	index	表连接,MongoDB不支持
primary key	primary key	主键,MongoDB自动将_id字段设置为主键

阅读全文 >>

分类：

后端

标签：

mongodb

koa学习笔记2018-08-22 22:56:42

在学习koa2之前先简单屡一下express、koa、koa2的关系；众所周知，这三者都是TJ大神的产物，那他们到底有什么不同呢？
express的异步操作是基于es5的回调函数嵌套，koa的异步操作是基于es6的generator函数来实现的，而koa2则是基于es7的async，await来实现的；

web框架	语法	备注
express	es5	回调嵌套
koa	es6	Generator函数+yield语句+Promise
koa2	es7	async/await+Promise

阅读全文 >>

分类：

后端

标签：

javascript

koa

Node.js

jsonp原理及实现2018-08-22 22:55:42

什么是jsonp

由于浏览器的同源策略，浏览器默认不支持跨域请求，解决跨域问题有多种方案，而jsonp就是其中一种；
JSONP的基本思想是，网页通过添加一个 script 标签，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来；
可以理解为先在前端定义一个函数，然后通过服务端返回的内容（其实就是一段js语法的代码）来调用；

阅读全文 >>

分类：

前端

标签：

javascript

jquery

jsonp

koa

axios

Array.apply生成数组小结2018-08-22 22:53:42

发现问题

今天在学习vue时，在文档的一个例子中发现一个代码片段

  Array.apply(null, { length: 20 }).map(function () {
    return createElement('p', 'hi')
  })
  // 目的是为了创建一个20次的循环

阅读全文 >>

分类：

前端

标签：

javascript

contentType相关知识点整理2018-08-22 22:52:42

最近在使用vue开发用到了vue推荐的axios时，遇到了一个问题，前端提交的数据，服务端获取不到，经过一番查证，是因为content-type的不同导致的，反复实验了多次才发现原来平常使用那么多的ajax请求里还有那么多之前不太了解的知识点，这里简单的整理一下contentType相关的知识点。

阅读全文 >>

分类：

HTTP

标签：

javascript

axios

jquery

共 27 条

跳至页