前端单页(SPA)网站最快SEO介入办法

以前讲过,单页网站实现SEO的各种办法,目前最优解是nuxtjs,但是这种办法不利于现有项目,现有项目想快速实现百度抓取SEO,最快的就是使用中间件在服务器预渲染。

最近在解决一个老项目实现爬虫SEO过程中,使用了nodejs Prerender 中间件,效果还可以,适用于小型项目,杜绝了代码修改,配置一下服务即可

server {
    listen 80;
    server_name your_domain.com;
    root /your/current/directory;

    # 强制所有图片/CSS/JS从当前目录加载
    location ~* \.(jpg|png|css|js)$ {
        root /your/current/directory;
        expires 7d;
        access_log off;
    }

    location / {
        # 识别爬虫UA并转发代理
        if ($http_user_agent ~* (googlebot|bingbot|baiduspider|twitterbot)) {
            proxy_pass http://proxy-service:port;
            break;
        }
        # 正常用户访问本地资源
        try_files $uri $uri/ /index.html;
    }
}

nodejs Prerender 可以自己在服务器安装一个,安装好后把 http://proxy-service:port 地址换成 本地的 http://127.0.0.1:3000 就可以了

如果嫌麻烦,也可以用我的,不保证服务的稳定性,所以大家还是自己在服务器本地搞个。

http://spa.bbdaxia.com

调用方法就是上面的配置,把地址换成我的服务,不保证稳定性 ,可以用来看一下效果

效果示例:
https://www.bbdaxia.com/shenpiDemo/#/ 这是个单页面应用

下面使用我的服务直接访问 http://spa.bbdaxia.com/https://www.bbdaxia.com/shenpiDemo/#/

你看可以正常拿到前端运行后的内容,也就是说爬虫来抓也可以了。

公司发票报销,常常用到打印,这么个简单的功能WPS还收费这能忍?

主要是解决自己报销,打发票一张A4纸,合并几个发票一起打印的问题,WPS超级恶心,这样一点功能还要收钱!!!

运行环境:win + net8.0

代码自己看仓库,仓库在下面,工具下载:

https://gitee.com/netzhouxiang/fapiao/blob/master/FaPiaoHB.rar

运行效果:

合并三个文件:

合并结果:

仓库地址:https://gitee.com/netzhouxiang/fapiao.git

可以根据自己的需求调整

NPM插件创建及发布

最近在接手公司外包项目时,遇到一些问题:
1、外包使用的第三方组件(Variant Form)里的基础组件,不满足公司的业务需求。
2、外包使用的第三方组件(Variant Form)不支持小程序解析,外包也没做解析。
3、外包使用的第三方组件(Variant Form)框架庞大,而且臃肿。

所以,我打算基于之前做的表单设计组件,打包成插件,在公司项目里使用,这样做有以下好处:
1、代码更简洁,框架更轻。
2、高自由、高扩展性。
3、自定义组件方便快捷。
4、界面UI更好看。

那么如何把一个VUE组件打包成一个NPM插件呢?

继续阅读

实现仿钉钉动态化表单设计和流程设计(二)

(后续就不更新了)

演示网址: https://www.bbdaxia.com/shenpiDemo (未做兼容,请使用谷歌浏览器(webkit内核)访问)

源码下载:https://gitee.com/netzhouxiang/dingding

本次讲解如何实现流程设计和相关代码释义,先看最终效果:

整体效果:

继续阅读

实现仿钉钉动态化表单设计和流程设计(一)

前几周写过类似的文章,不过那个是用来试水的,之前用的vue3,现在用的vue2,从本文章开始,接下来我会讲解如何实现仿钉钉表单设计和流程设计动态化面板,后续会开放源代码下载。

本次讲解如何实现表单设计和相关代码释义,vuedraggable相关用法自己百度,先看最终效果:

整体显示效果:


继续阅读