BougieInfance-CSDN博客

原创用 Travis CI 自动部署 Github Pages

原文链接：用 Travis CI 自动部署 Github Pages前言Github Pages 不能运行动态程序，只能输出一些静态内容。因此 Github Pages 非常适合用于前端项目的展示。可用于存放项目介绍、项目文档或者个人博客。本文介绍了怎么用 Travis CI 自动化部署 Github Pages。关于 CI持续集成（Continuous integration）是一种软...

2019-05-04 22:55:26 1159

原创用Decorator控制Koa路由

在Spring中Controller长这样@Controllerpublic class HelloController{ @RequestMapping("/hello") String hello() { return "Hello World"; }}还有Python上的Flask框架@app.route("/hello...

2018-06-21 17:36:09 895

原创 React Native 在用户网络故障时自动调取缓存

App往往都有缓存功能，例如常见的新闻类应用，如果你关闭网络，你上次打开App加载的数据还在，只是不能加载新的数据了。我的博客bougieblog.cn，欢迎前来尬聊。集中处理请求如果你fetch数据的页面有多个，不集中处理的话每个页面都要单独进行缓存处理。那么，如何对http请求进行集中处理？在WebApp中常见的做法就是将请求放在action里面，例如Vuex和...

2018-05-29 16:03:01 526

原创 Node JS爬虫：爬取瀑布流网页高清图

原文链接：Node JS爬虫：爬取瀑布流网页高清图静态为主的网页往往用get方法就能获取页面所有内容。动态网页即异步请求数据的网页则需要用浏览器加载完成后再进行抓取。本文介绍了如何连续爬取瀑布流网页。在知乎提到python就必有一大帮人提起爬虫，咱Node JS爬虫也是非常简单的，和python相比仅仅是“异步”和“多线程”的性能对比而已。对python了解不多，故对此不做评价。...

2018-05-24 14:27:16 825

原创 Node JS后端项目开发与生产环境总结

原文地址：Node JS后端项目开发与生产环境总结 Node JS常用后端框架有express、koa、sails。国产框架有个egg js，已经在cnode投入生产了，还有个think js，类似think php，在此支持一波。每个框架在开发环境与生产环境都有所不同，这里以koa为例开发环境与生产环境的区别建立在后台模板渲染(ejs, pug)的基础上。前后分离架构请...

2018-05-02 10:04:51 854

原创用ES6的class模仿Vue写一个双向绑定

原文地址：Bougie的博客点击在线尝试一下最终效果如下：构造器(constructor)构造一个TinyVue对象，包含基本的el，data，methodsclass TinyVue{ constructor({el, data, methods}){ this.$data = data this.$el = docu...

2018-04-19 20:13:08 628

原创 cheerio制作markDown索引目录

原文链接：Bougie的博客制作目录索引这种东西当然是放在前端方便。选择放在后端一是为了了解Node后端生态，掌握更多后端技术；二是因为公司实行前后端分离的方式开发，睾贵的JAVA后端经常啥也不做处理就返回一个row数据(甚至有时时间戳都不处理)，对此有些无语。最终目标 1. 点击索引单项跳转到相应标题 2. 大号标题包含小号标题，小号标题向右缩进 3. 滚动页面时自...

2018-04-17 17:59:48 262

原创移动地图时地图自动获取当前地图中心地区

原文链接：Bougie的博客使用百度地图时，我们发现百度地图右上角的地区名称是自动变化的。地图整个屏幕是一个矩形，为了方便计算，我们可以把地图每个城市也看成矩形，即为城市的Extent或BBox。分析当前屏幕每个区域的面积占比即可获取当前地图区域。问题来源使用百度地图时，我们发现百度地图右上角的地区名称是自动变化的。解决思路地图整个屏幕是一个矩形，为了方便计算，...

2018-04-17 17:57:45 1878

原创 React-Native App启动页制作(安卓端)

原文链接：Bougie的博客 react native启动页制作，隐藏启动白屏，打打广告这篇文章是根据开源项目react-native-splash-screen来写的。在使用react-native-link命令安装该包后不知是何原因导致app无法运行了。issue也有很多用户说安装该包后项目出错。其实制作app启动页很简单，大可不必引用该包。下面开始正文。 app...

2018-04-17 17:56:12 1199

原文地址：Bougie的博客 Java中的Spring MVC加MyBatis基本上已成为Java Web的标配。Node JS上对应的有Koa、Express、Mongoose、Sequelize等。Koa一定程度上可以说是Express的升级版。许多Node JS项目已开始使用非关系型数据库(MongoDB)。Sequelize对非关系型数据库(MSSQL、MYSQL、SQLLite)做...

2018-04-10 10:42:20 694

原创用vue写一个仿简书的轮播图

原文地址：Bougie的博客先展示最终效果： Vue的理念是以数据驱动视图，所以拒绝通过改变元素的margin-top来实现滚动效果。写好css样式，只需改变每张图片的class即可实现轮播效果。可以将轮播图看成两个，如图所示：写好每个class的样式：$width: 800px; // 容器宽度$height: 300px; // 容器高度$bWidt...

2018-04-09 18:21:44 475

原创基于ES6的tinyJquery

原文链接：Bougie的博客 jQuery作为曾经Web前端的必备利器，随着MVVM框架的兴起，如今已稍显没落。但它操作DOM的便利性无出其右。我用ES6写了一个基于class简化版的jQuery，包含基础DOM操作，支持链式操作，仅供日常使用。当然，它不支持IE。构造器(constructor)构造一个tinyJquery对象。功能：基于基本选择器构造，包括id、class、t...

2018-04-09 18:14:37 243

Bougie的博客