V君的博客

解决Chrome打开闪退，删除preferences文件

作者：V君 发布于：2018-10-2 0:21 Tuesday 分类：折腾手记

室友T同学在一次由于卡顿然后重启的时选择强行关闭了Chrome，重启之后Chrome打不开了。

（T：Chrome崩溃了，怎么办？我：上网查一下呀！T：但是Chrome打不开呀！）

表现为窗口出现之后马上消失，更新到最新版也没用, 问题可能出现在用户数据文件.

我们一边用ProcMon盯住进程行为，一边做了一些尝试

－删除系统临时文件，问题依旧

－删除Crome缓存文件，问题依旧

－改走UserData文件夹，可以启动了，但所有数据丢失

－还原UserData,进去里面改走Default,结果和上一条一样

将Default还原之后回到了闪退，导致这个问题元凶肯定就在Default文件夹里。

经过一番排除，最终定位到文件夹中的preferences文件，

它没有后缀，是个JSON文件，内容格式正确，里面并没有明显的线索。

将它删除之后，chrome打开了，历史、书签之类的正确看似都正常，

但上次会话的选项卡丢掉了，咕狗账号的登录状态也失效。

虽然没有完美解决问题，这次的结果也不算太糕。

标签: Chrome 故障解决 软件故障诊断 Sysinternals

评论(3) 引用(0) 浏览(6704)

【更新】玩了一把Bridge.NET，手感不错

作者：V君 发布于：2018-9-24 9:32 Monday 分类：折腾手记

这次不是解决具体问题，TLDR就不存在了，直接开始扯。

在早些年就一直物色有没有C#版本的GWT之类的工具，在浏览器上跑C#或者把C#代码转成JS，
让B/S开发不用把精力浪费在js这种过分动态的弱类型语言上。
比起TS，还是能直接写C#更舒服。

接触Bridge.NET之前了解过Script#、JSIL、WootzJs之类的玩意儿，遗憾的是它们都不好使。
主要体现在元数据(反射)和三方库绑定(类型导入)上，直到发现了这货，
这两个问题已经得到基本上的解决，只是有些小毛病有点让人不爽。

搞B/S要对组成页面的三大要点DOM、样式、脚本，为啥不是HTML、CSS、JavaScript?
因为通过脚本可以控制前两者，嫌设置样式麻烦还有scss之类的预处理器，
手写原生代码时代已经一去不复返。

在Bridge.NET有一个名为Retyped的类型定义仓库，本文撰写时已收录3600+个常用Web类库。
不但三方库类型定义齐全，H5/DOM API也很完备，可以不管HTML直接用代码来撸DOM。

说完Web基础功能之后当然就是JS和TS做不到的运行时元数据啦！
Bridge.NET带有完整的元数据，我们可以尽情地使用各种Attribute和类型反射

顺便贴一下练手过程的副产物：
前端路由：基于历史API造了个带拦截的前端路由轮子玩，用了Attribute和反射，手感不错
热更新（伪）：每次调试生成后写入时间戳文件，轮询，检测到差异就刷新页面
Lodash：Retyped的类型定义库会造成编译失败略不爽，反正也只用到debounce，就自己撸了
Ace编辑器：类型定义用着还不错，【更新】虽然目前似乎没有同步到原来的类库定义，但可以在初始化之前来个workaround补丁脚本。

体验报告到此结束，接下来不用纠结选VUE还是这玩意了，博客系统的管理界面前端就用它吧！

标签: 软件开发 javascript C# Web技术

评论(0) 引用(0) 浏览(1235)

前端新手历险记之在VUE项目中使用Ace编辑器(brace)和一些TypeScript知识点

作者：V君 发布于：2018-9-8 23:52 Saturday 分类：折腾手记

TL；DR

▉ 将Ace编辑器引入项目

1) $npm install brace

2) $npm install --save @types/ace

3) ts:import * as ace from 'brace';

4) ts:import 'brace/...";

▉ TypeScript类型转换，对于 var dom = this.$refs["editor-dom"] 有两种方式

1) ts:ace.edit(dom as HTMLElement);

2) ts:ace.edit(<HTMLElement>dom);//这种方式会使tsx编译器报错标签未关闭，但实际能用

▉ 在TypeScript类中声明可空属性

在标识符后面加感叹号否则必须在构造时初始化，例子：

ts:private editor!: ace.Editor;

虽然这次的收获不多，但还是花了不少时间查资料来弄懂，得好好扯一扯：

阅读全文>>

标签: 软件开发 Web技术 VUE 前端工程

评论(0) 引用(0) 浏览(2067)

在 vue-cli 3.x 创建的项目中启用反向代理

作者：V君 发布于：2018-8-26 21:50 Sunday 分类：折腾手记

TL；DR

1）在项目根目录创建 vue.config.js

2）在文件中指定配置 module.exports -> devServer -> proxy

3）按需增加详细参数 如重写

这次能扯的东西并不多。

主要把时间浪费在咕狗上。什么都不了解就直接搜“vue-cli 反向代理”

粗心大意地忘了加上版本号，首先找到的是在config文件夹创建index.js的方法，没起作用。

后来加上版本号去搜索就发现了vue.config.js，再作为关键字就搜索到了官方文档。

从目录一眼扫下来就发现了遍地文章提到的devServer配置节。

顺便贴一下本次练习中生效的作为参考：

module.exports = { devServer: { port: 8084, proxy: { '/api': { target: 'http://localhost:7808/', changeOrigin: true, pathRewrite: { '^/api': '' }, } } } }

服务端路由为 /md 在前端配置成 /api/md。 

或许把前后端路径一致然后去掉pathRewrite参数比较好。

标签: 软件开发 Web技术 VUE 前端工程

评论(1) 引用(0) 浏览(1967)

上手VUE前端构建

作者：V君 发布于：2018-8-25 21:46 Saturday 分类：折腾手记

TL；DR

1）到官方网站，下载稳定版本的node安装，选择加到环境变量，然后配置淘宝NPM镜像。

2）参考官方网站安装vue-cli。

3）使用vue-cli创建项目，然后在VsCode编辑代码。

作为刚入门前端新手会扯得很细，不介意的话可以点进来看看

阅读全文>>

标签: 软件开发 Web技术 VUE 前端工程

评论(0) 引用(0) 浏览(880)