Huang ShuWei
Huang ShuWei
# vue-easytable 2.0 Released! ## The following major updates - Complete rewriting of version 1.0. Based on JSX syntax rewriting、Sticky layout、Parameter naming normalization、Event naming normalization, etc - Support International -...
### I am opening an issue for vue-easytable ### Issue Type Bug ### Issue Title Virtual scrolling with expanding rows causes the problem that infinite jitter of the table ###...
Please publish a new version to support ignore conversion #72
Hi: Even if the hash of assets information is extracted from the manifest.js file by html inline. but manifest.js file changes when assets change every time. this part of the...
### 前言 由于前端相关的技术依赖node版本不一致的问题,我们不得不在一台电脑上安装不同的node版本。这里介绍一款 针对 windows 系统的 node 版本管理工具 [nvm](https://github.com/coreybutler/nvm-windows). ### 安装 在发布版本中找到一个下载即可:https://github.com/coreybutler/nvm-windows/releases 验证 nvm 是否安装完成 ``` nvm version ``` ### 使用 以下常用的命令 1、通过 `nvm install [arch]`去安装你需要的nodejs 版本。如 `nvm install 14.17.0`...
### 前言 为了方便维护以及代码的复用,我们会把组件库、工具库这样可以复用的内容通过npm方式发布出去,但是如果对这些npm包进行调试将非常麻烦,有些问题需要在当前项目环境才能复现。而[ `yarn link`](https://classic.yarnpkg.com/en/docs/cli/link)可以很好的解决这个问题 ### 场景 我们有一个项目A,项目A引用了一个叫做 [vue-easytable](https://github.com/Happy-Coding-Clans/vue-easytable) 的组件库。而在项目A中发现这个组件库存在bug需要调试。 ### yarn link 很简单,我们只需要通过 cmd命令 cd 到 vue-easytable 项目目录,然后执行: ``` yarn link ``` 执行成功会有如下类似提示: ``` yarn link v1.22.0 success Registered...
### 前言 按照[上一篇](https://github.com/huangshuwei/blog/issues/54)的配置,如果使用流模式我们会发现一个问题,如果推送服务挂了再恢复,我们的浏览器是无法再收到推送消息的,直到浏览器刷新或者代理服务重启才行。 ### 重试策略 目前没有发现可以通过 grpc-web 代码方式解决上面的问题,在官网发现了[路由重试策略](https://cloudnative.to/envoy/configuration/http/http_filters/router_filter.html#x-envoy-max-retries)的介绍,我们可以通过` retry_on`配置重试的条件,通过`num_retries`配置重试的次数。 修改如下配置: ``` # 省略 route: cluster: greeter_service timeout: 0s retry_policy: #retry_on: connect-failure,refused-stream,unavailable,cancelled,retriable-status-codes retry_on: 5xx num_retries: 10 max_stream_duration: grpc_timeout_header_max: 0s # 省略...
### 前言 有时我们需要将一类包发布到统一的名称作用域下,典型的如 `@vue/cli-plugin-vuex`、`@vue/cli-plugin-router`,它们的名称作用域为 "vue"。接下来会介绍如何利用 npm 创建名称作用域。 ### 创建组织 按照npm官网的 [创建组织步骤](https://docs.npmjs.com/creating-an-organization) 即可。比如我们创建的组织名称为“our-patches”,创建成功后可以通过 https://www.npmjs.com/org/our-patches 查看当前组织下发布的包。 ### 发布名称作用域包 创建项目时,可以通过命令 `npm init --scope=organizationName` 初始化,按照提示完成即可。如: ``` npm init --scope=our-patches ``` 组织默认发布为私有的,可以通过下面命令修改为公共包并发布: ``` npm publish...
### 前言 我们在做主题切换时希望统一通过 [css var](https://developer.mozilla.org/zh-CN/docs/Web/CSS/var()) 处理。假设我们希望做白色和黑色两种主题,背景图的切换理想情况我们希望通过以下方式实现。 首先定义2套 css var 样式 ```css // theme-vars.less .theme-white{ --bg-img:url('./bg-img-white.png'); } .theme-black{ --bg-img:url('./bg-img-black.png'); } ``` 组件中我们希望这样使用: ```css .your-comp{ background: var(--bg-img) top no-repeat; } ``` ###...
### 前言 windows环境生成Protobuf消息和客户端服务存根(Generate Protobuf Messages and Client Service Stub On Windows) 示例项目:https://github.com/huangshuwei/vue-grpc-demo ### 配置 protoc > protoc is the main protocol buffer code generator tool. 1、 下载 protoc 。 [下载地址](https://github.com/protocolbuffers/protobuf/releases)...