作者归档：zhouxiang

前端单页（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相关用法自己百度，先看最终效果：

整体显示效果：


继续阅读 →