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

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

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

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

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

搞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) 浏览(82)

高德WEB地图的坑: 首个标注在创建后无法立即获取DOM

作者:V君 发布于:2018-3-27 12:10 Tuesday 分类:挖坑经验

TL;DR 

创建地图实例之后不管三七二十一先创建一个不可见的标注.

自从第二个标注开始你就能顺利在创建之后立即拿到DOM了.

 

不扯了, 已经被折磨到不要不要才摸清套路.

标签: 软件开发 javascript Web技术 GIS

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

JavaScript的__proto__和prototype差别之我见——从C#的角度看JS

作者:V君 发布于:2018-1-9 9:25 Tuesday 分类:挖坑经验

对于交互稍加复杂的页面, 交互实现就要作成组件了, 要写 JS 类了.

尽管咱整天口口声声说 JS 太灵(dan)活(teng), 但还是要去用, 还得用得爽起来.

真是口嫌体正直, 嘴上说不要但行动却挺老实的 乂目. (´∀((☆ミつ (~ ̄▽ ̄)~


说到 JS 类, 那就跑不掉和原型打交道, 于是又一次狠补这方面的姿势.

放狗出去找了些参考( ·· ), 不过都比较抽象. 有些难以理解.


直到今天一早醒来, 被窝赖床时.


发现从我大井的角度观察 JS , 其实也挺好理解的.

如果把函数类定义比作我大井里面的类,new 出来的东西比作实例. (根本不用类比吧 (´∀((☆ミ


下面的就必须是类比了:

假如想获取类定义, 在我大井里面有 typeof(类名) 和实例的 GetType().

那么, 直接在 JS 的函数定义上点出 prototype 就像我大井里面的 typeof(类名)

JS 的 实例点出 __proto__ 就是我大井里的实例 GetType().

从原型链继承来看, 用我大井的类比并不完全正确, 这次咱只从类定义和实例看.


毕.


标签: 软件开发 javascript Web技术

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

[成功]在element-ui表单选择器组件实现鼠标移入自动展开

作者:V君 发布于:2017-12-20 16:22 Wednesday 分类:挖坑经验

前些天一直在做服务器后端, 最近才开始实现界面, 

自从被猫同事推荐了基于 VUE 的 element-ui 之后发现: 原来这样开发前端也挺舒服的.

只是 element-ui 的实现细节仍然不到位, 比如选择器或级联下拉不支持鼠标移入就自动展开.

官方 hub 上的 issues(4676,4682) 貌似也没人理,于是自己补了一下刀.

像这样:

代码写得有点啰嗦,就不直接显示在条目列表了,进来看

阅读全文>>

标签: javascript Web技术 VUE

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

批量下载在漫画的通用解决方法,包括脚本生成内容

作者:V君 发布于:2017-10-25 13:43 Wednesday 分类:折腾手记

TLDR:

由于太过简单(也就百来行代码),写得还有点丑,就不传到SVN上了 (´∀((☆ミつ

流程大概如下:
  1. CsQuery解析HTML
  2. jurassic解析Javascript
  3. Newtonsoft解析Json对象
  4. PLINQ多线程下载图片文件

进来听我扯扯

阅读全文>>

标签: 软件开发 javascript C# Chrome 爬虫 HTML Web技术

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

Powered by emlog 去你妹的备案 sitemap