• Vue-Cli2到Vue-Cli3 Vue项目架构升级

    前言

    由于Vue-cli2老板官方不维护,且不推荐使用Vue-Cli2版本,推荐大家使用Vue-Cli3版本。然后我看了一下Vue-Cli3的文档,确实比之前的老版本体验好了很多。

    1. 目录结构更清晰.
    2. 弃用之前的的build文件夹的build.js和webpack.prod.conf.js
    3. 使用新的vue.config.js配置文件包含了之前的wepack配置项。
    4. 支持插件集成和插件开发。(比如PWA这样的功能可以通过插件一键集成)
    5. 可以通过 vue ui 命令运行图形化界面,在图形化界面上创建和管理项目
  • 解决Ubuntu命令-git pull总是提示输入密码问题(Enter passphrase for key /root/.ssh/id_rsa:)

    前言

    最新新开的一台阿里云ECS服务来玩,在安装git并 按照 使用SSH连接到GitHub 文档ssh授权git账户后,每次git命令操作都提要输入密码很烦!

    1
    2
    project-name git:(master) git pull
    Enter passphrase for key '/root/.ssh/id_rsa':
  • Vue CLI3 仿ios NavigationBar & TabBar布局

    前言

    一个仿ios App的NavigationBar和TabBar布局,加自动轮播Banner。
    环境

    • node 8.13
    • vue 2.6.9
    • vue-cli3
    • mac os 10.14.2

    js依赖

    主要实现组件

    • NavigationBar.vue
    • TabBar.vue
    • Swiper.vue
  • Xcode10.1 iPhone has denied the launch request

    前言

    测试环境
    Xcode10.1
    iPhone8 ios12.1.4
    真机调试的时出现下图报错

  • Node.js版本控制切换工具nvm

    前言

    node版本号更新到最新后,有时候去run一些老项目会报错,大部分原因是node版本过高的原因。这个时候难道又卸载node去装老版本,要run新项目又去装新版本吗?
    不!!!我用nvm工具来灵活切换node版本。
    比如之前装的Hexo,在更新node版本到8.13.0后 hexo 所有命令都无效了 报错:command not found: hexo
    这个就是因为node版本过高导致Hexo 命令失效,这个时候我们就可以在Hexo项目文件目录下
    nvm use v7.1.0

  • Js Console报错排查及解决方案

    # 前言 开发过程中有时经常看到一个报错,脑海中浮现出曾经遇到过这样的错误,并也经历过解决方案,但是突然就说想不起来之前是怎么解决的,所以这里记录日常开发中Chrome浏览器Console报错排查及解决方案&思路
  • VueJs单页面应用SEO解决方案

    首先我们来科普一下几个概念:

    1)SPA:单页面应用,基于vue框架开发的项目很多都属于单页面应用;
    2)SSR :server side rendering, 服务端渲染,额,这个不是订阅那个SSR,我一开始就弄混了;
    3)Prerender:预渲染,Prerender.io是基于Node.js的程序,它可以让你的JavaScript网站支持搜索引擎,社交媒体,并且它兼容所有的JavaScript框架和库。它采用PhantomJS渲染JavaScript的网页然后呈现为HTML。此外,我们可以实现的prerender服务层来缓存访问过的页面,这将大大提高性能;
    4)SEO:搜索引擎优化,指通过对网站进行站内优化、修复和站外优化,从而提高网站的网站关键词排名以及公司产品的曝光度。
    5)Nuxt:是一个基于 Vue.js 的通用应用框架,预设了利用Vue.js开发服务端渲染的应用所需要的各种配置,可以为基于 Vue.js 的应用提供生成对应的静态站点的功能。

  • Stripe支付平台对接技术方案

    我接触过的几个支付管理平台 AdyenBraintreePayPalStripe

    最近新接触的Stripe支付平台,相比前几个我感觉Stripe更专业一些,后台管理功能清晰,操作方便,体验好。
    开发文档也很清晰,相对前之前接触的支付平台开发文档,Stripe这个我觉得更容易快速了解其所有API,以及功能。API参数及参数说明很清晰,返回数据结构很合理,对应的API返回对应对象属性很容易理解。不像PayPal返回结果特别不好用,夹着各种键值对,结构凌乱。

    下面记录我集成Stripe支付平台过程。

  • Mac Sublime Text 3 插件管理工具安装-Package Control

    Sublime Text这个工具不用多说,所有程序员基本都喜欢用。轻便,且功能强大,快捷。

    最近用Sublime text做批量编辑真的很方便。然后更新了最新版本。对于喜欢探索新东西的我,想把所有功能都试个遍,然后看到官方说的Package Control,插件管理工具的使用说明。
    利用这个Package Control可以给Sublime Text扩展更多的实用功能。
    比如Python code API

  • 服务器异常电话警报API-云之讯语音通知API

    前言

    最近网站流量增大,又逢电商11月12月旺季,担心服务器宕机,找了个电话语音通知的API 云之讯。