【更新】玩了一把Bridge.NET,手感不错
作者:V君 发布于:2018-9-24 9:32 Monday 分类:折腾手记
这次不是解决具体问题,TLDR就不存在了,直接开始扯。
让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技术
搭建自己的NuGet托管服务器,并通过符号源服务器提供带源码的调试体验
作者:V君 发布于:2018-9-19 19:43 Wednesday 分类:挖坑经验
尽管花了不少时间但都是些坑或者自己没注意,这次不想扯,直接TLDR:
使用命令行把项目打包并推送到服务器 (参考官方文档)
1) 下载最新版NuGet.exe,
2) 为项目编写nuspec文件,可以通过spec参数创建一个模板
3) 分别使用pack命令打包库或pack -symbol也生成符号包
4) 使用push命令将这俩分别推送到对应服务器
+) 如果想连同PDB文件一起打包(可以堆栈跟踪里获得源代码位置),可以添加下配置到nuspec根
<files>
<file src="bin\$configuration$\$id$.pdb" target="lib\netxxx\" />
</files>
这样做有个副作用会让符号包生成时产生警告PDB文件重复
还有一个副作用会让符号源失效,在DLL旁边PDB似乎挡住了前往符号源服务器的去路,
导致F11进不去,你得在启动调试之前自己把输出目录的PDB删除
目前的做法是写成生成事件,仅匹配Debug生成时删除指定的PDB文件
搭建NuGet服务器 (参考自官方文档)
1) 新建空白Web项目,引入NuGet包[NuGet.Server]
2) 修改web.config配置ApiKey或干脆禁用验证
3) 部署到服务器
搭建符号服务器 (参考X.D.的博客文章)
1) 创建空白MVC项目,引入NuGet包[SymbolSource.Server.Basic]
2) 在服务器上安装Windows Kits Debuggers,下载SDK安装器进行可选安装
3) 部署到服务器,配置好web.config指向上者安装路径的srcsrv
4) 如果用了主机头绑定和HOSTS,在服务器也需要配置指向自己的HOSTS
x) 这货好像也能当NuGet包托管服务器?(但貌似不能设置ApiKey验证
在VS使用自己部署的NuGet包服务器
1) 在菜单工具-选项打开选项对话框
2) 在左边选择NuGet包管理器-程序包源,添加服务器地址到列表,确定
3) 在包管理器检索时不要忘记切换到自己的服务器,或简单选择全部
在VS使用调试符号 (参考符号源官网文档)
1) 在菜单工具-选项打开选项对话框
2) 在左边选择调试-符号,添加服务器地址到列表
3) 接着在左边找到兄弟节点常规对里面的选项做一些改动,见参考文档
4) 在调试时对着提供了符号包的NuGet程序集调用按下F11, VS会自动找到源代码并进入调试
扩充话题
在程序集里嵌入Git提交哈希,可以使用[MSbuildGitHash]这个包来轻松完成
但这货有个缺点,如果机器上没安装Git或者当前项目不是Git托管,就会编译失败
需要自己指定MSBuild条件来绕过.
吐吐苦水: 收集一些老项目中不合理的设计与编码,给后来开发人员添麻烦的例子
作者:V君 发布于:2018-9-9 2:11 Sunday 分类:填坑经验
从17年下半年开始收集,内容不多就先不放出来占条目
供引以为戒
1) 返回值是集合的方法,查询无结果时返回null
调用者必须繁琐地检查空引用
应参考Linq的ToArray, 在无结果时返回元素个数为0的集合实例
2) 对于WEB请求无论报错还是无结果,返回空字符串,尽管把错误写入日志
无法从浏览器前端直接得知是查询无结果还是服务端报错
应当在无查询结果时返回空集合实例, 在服务端报错时返回经过筛选的友好提示
3) RouterMapping.config
在一个相当老的项目中, 出现把所有MVC中Controller的Action全都定义到配置文件的现象,
这和早些年Java的SSH一个鸟养哇!
由于发布版本一般会排除配置文件,因为开发环境和正式环境不同,于是经常出现莫名其妙的Action丢失或404的扯蛋现象。或许是那时候使用的技术过于老旧
4) 二进制协议解析,变长数据,长度敏感
在协议中已明确变长的数据段中使用特定长度区分报文内容,
若厂商在日后扩充了协议(即长度变更)将会无法正确解析数据。
我们应该严谨的遵循协议文档实现解析,
遍历所有出现的数据段,只捡出需要内容,以便向后兼容。
5) (UintFlaggedEnum)int.Parse(dataReader["UintColumn"].ToString())
这真是2008年左右前刚毕业的人写的代码的味道.
在第31个bit被使用之前,这段代码是好用的, 一旦bit31被使用即爆炸.
在不能用ORM的时候我们应该使用一致的数据类型。
现在可以用Dapper之类的轻量级ORM代替手动邦定数据。
前端新手历险记之在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;
虽然这次的收获不多,但还是花了不少时间查资料来弄懂,得好好扯一扯:
blogger
Google Web Translator
热门日志
随机日志
最新日志
最新评论
- V君
@Quartz:(出现)... - Quartz
怎么不见人了呢... - V君
@Soar:DHCP 协议相... - V君
@Soar:当然是非... - Soar
@V君:谢谢 有空... - Soar
搞一个 1230v3+B85... - V君
@Soar:另外,也可... - V君
@Soar:iscsi服务端... - Soar
难怪这么卡,尤其... - Soar
clone了源码,提示...
分类
存档
- 2024年5月(1)
- 2023年7月(1)
- 2023年5月(1)
- 2022年11月(1)
- 2022年10月(1)
- 2022年9月(1)
- 2022年8月(1)
- 2022年7月(1)
- 2022年6月(1)
- 2022年5月(2)
- 2022年4月(1)
- 2022年3月(1)
- 2022年2月(1)
- 2022年1月(1)
- 2021年12月(1)
- 2021年11月(1)
- 2021年10月(1)
- 2021年9月(1)
- 2021年8月(1)
- 2021年7月(1)
- 2021年6月(1)
- 2021年5月(1)
- 2021年4月(1)
- 2021年3月(1)
- 2021年2月(1)
- 2021年1月(1)
- 2020年12月(1)
- 2020年11月(1)
- 2020年10月(2)
- 2020年9月(1)
- 2020年8月(1)
- 2020年7月(1)
- 2020年6月(1)
- 2020年5月(1)
- 2020年4月(2)
- 2020年3月(3)
- 2020年2月(1)
- 2020年1月(1)
- 2019年12月(1)
- 2019年11月(1)
- 2019年10月(1)
- 2019年9月(1)
- 2019年8月(2)
- 2019年7月(1)
- 2019年6月(1)
- 2019年5月(1)
- 2019年4月(1)
- 2019年3月(1)
- 2019年2月(1)
- 2019年1月(2)
- 2018年12月(2)
- 2018年11月(1)
- 2018年10月(3)
- 2018年9月(4)
- 2018年8月(6)
- 2018年7月(4)
- 2018年6月(1)
- 2018年5月(2)
- 2018年4月(2)
- 2018年3月(3)
- 2018年2月(1)
- 2018年1月(1)
- 2017年12月(1)
- 2017年10月(2)
- 2017年9月(1)
- 2017年8月(2)
- 2017年7月(1)
- 2017年6月(5)
- 2017年5月(2)
- 2017年4月(2)
- 2017年3月(3)
- 2017年2月(2)
- 2017年1月(2)
- 2016年12月(3)
- 2016年11月(2)
- 2016年10月(3)
- 2016年9月(4)
- 2016年8月(2)
- 2016年7月(4)
- 2016年6月(3)
- 2016年5月(1)
- 2016年4月(4)
- 2016年3月(3)
- 2016年2月(1)
- 2016年1月(5)
- 2015年12月(4)
- 2015年11月(5)
- 2015年10月(1)
- 2015年9月(6)
- 2015年8月(4)
- 2015年7月(1)
- 2015年6月(6)
- 2015年5月(3)
- 2015年4月(3)
- 2015年3月(2)
- 2015年2月(1)
- 2015年1月(3)
- 2014年12月(1)
- 2014年11月(1)
- 2014年10月(1)
- 2014年9月(3)
- 2014年8月(1)
- 2014年7月(1)
- 2014年6月(1)
- 2014年5月(3)
- 2014年4月(1)
- 2014年3月(1)
- 2014年2月(2)
- 2014年1月(1)
- 2013年12月(2)
- 2013年11月(2)
- 2013年10月(1)
- 2013年9月(3)
- 2013年8月(14)
- 2013年7月(7)
- 2013年4月(1)
- 2013年3月(4)
- 2013年2月(6)
- 2013年1月(6)
- 2012年12月(8)
- 2012年11月(6)