wangzhaohui
wangzhaohui
必须从html标签字符串最前面开始匹配tag，因为有时候html属性中还有html标签，例如 ```html ``` 虽然是不符合预期的，但可能被用户使用
增强匹配html标签的兼容性，形如 不是预期的，但是是可能被用户导入的
对不规则的html（例如没有成对的标签）进行修正，增强兼容性 形如 ```html asdf ``` 在浏览器里是会被处理为下面这样，不需要抛出错误，可以兼容。 ```html asdf ```
基于ace的brace在输入中文时前面有个框，这个问题也存在于有道云笔记6.x。 brace.js官网的bug更严重，输入中文不光前面有框，汉字还会重复。 http://thlorenz.com/brace/ 而ace最新版 https://ace.c9.io/ 没有这个问题 然后在ace的issues里搜索 chinese 发现了一个issue说汉字输入有问题 https://github.com/ajaxorg/ace/issues/3099 我推断是brace.js里面的修改版ace editor版本太低有bug， 花了好多时间去将ace最新版合并到brace.js里。 合并后问题没有解决， 才考虑是不是字符的显示问题。 brace它是修改版的ace中用到的占位字符 \x01 在 electron 1.6 chrome 56 下 显示成了 " ...
# Vue兼容IE的研究、实践 ## 背景 公司前端框架使用的Vue.js，因为它基于`Object.defineProperties`来监听数据变化，而IE8是不支持`Object.defineProperties`的，所以注定不能兼容IE8。 Vue作者尤雨溪也无意让Vue支持IE8，见 https://github.com/vuejs/vuejs.org/issues/50 目前Vue.js我们只用在后台界面，网站前台由于要兼容IE8，使用的是jQuery或Backbone，造成技术栈不统一，工程化不够。 为此想寻求Vue.js兼容IE8的方案。 ## 可行性调研 github上搜索"vue IE8" 找到一个项目 https://github.com/wcflmy/VM4IE8 这个项目的数据监听是通过一个把一个model的数据，附加到一个dom元素上， 然后ie8下使用`Object.defineProperty`来监听dom上属性的改变 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty#Internet_Explorer_8_specific_notes 从Mozilla的资料上来看，有两大问题， 一个问题：因为model是附在dom上的，会有很多的dom属性，不能再用for遍历， 二个问题：数据键名要避开所有的dom属性名， 综上：基本等于没有用 另外一个未完成的项目，如 https://github.com/wusfen/vm https://github.com/wusfen/vue-ie 发邮件问了作者，他用的类似Angular的检测机制，对所有的异步的函数、方法，进行复写、注入 $foceUpdate ，如 ajax, setTimeout,...
## 目的 在ZCMS中专题可视化制作，原来的截图用的是html2canvas，其原理是解析html和css，在Canvas上绘制截图，相当于实现了浏览器的css解析部分的功能，不但无法正确还实际的界面效果，绘制的的速度还很慢，甚至会因为脚本错误导致无法返回截图。 现在的思路是用C#在本地跑一个http服务器，并响应js请求对网页截屏，然后上传图像到远程服务器。 ## 实现过程 - 在baidu 里搜索“C#截图”找到一些文章 如 https://blog.csdn.net/weixin_36381867/article/details/79434143 - 为了写C#，找一下相关的文档 https://www.asp.net/get-started - 查 .netcore的api手册，没有找到与http通讯有关的内容，在microsofe全站搜索“CopyFromScreen”找到了 https://docs.microsoft.com/zh-cn/dotnet/api/system.drawing.graphics.copyfromscreen?view=netframework-4.7.2#System_Drawing_Graphics_CopyFromScreen_System_Int32_System_Int32_System_Int32_System_Int32_System_Drawing_Size_ 看来 .net core里没有CopyFromScreen，.net framework里有 CopyFromScreen。 怎么办？ 先尝试一下在.net core里用.net framework里的功能 在google里搜索“.net core Bitmap”...
插件都在目录 C:\Users\abeet\\.vscode\extensions 下， 找到vetur插件目录，在目录下搜索 vue中`v-for`属性的说明 “`Renders the element or template block`” 在文件这两个文件中有这两文件 C:\Users\abeet\\.vscode\extensions\octref.vetur-0.12.6\server\src\modes\template\tagProviders\vueTags.ts C:\Users\abeet\\.vscode\extensions\octref.vetur-0.12.6\server\dist\modes\template\tagProviders\vueTags.js 发现目录中带有server字样 server目录下的`package.json`里找找依赖 发现`vscode-languageserver` 感觉这是与语言服务有关， 发现`vscode-emmet-helper` 可能与emmet有关， 在代码里搜索这两个库的使用，没有得到很特别的东西，换个插件看看 看一下`minapp-vscode`插件 这个插件的注释是中文的，看到可能 自动补全相关的是 ``` vscode_1.languages.registerCompletionItemProvider('wxml', autoCompletionWxml, '
在2006年有一部电影《穿普拉达的女王》女主角觉得同事拿出的两条腰带没有什么区别，她的主编上司说了一段话印象很深刻 “你身上挑选的那件蓝色的毛衣，你以为是按你的意思认真地选出这件衣服。并不是，首先你都不明白那件衣服不是蓝色也不是青绿色或琉璃色，实际上它是天蓝色。你也不知道，从2002年Oscar de la Rent 的发布会第一次出现了天蓝色礼服后，天蓝色就出现在随后的8个设计师的发布会里，然后才风行于全世界各大高级卖场，最后大面积的流行到街头，这样你才能在廉价的卖场里买了它……你觉得你穿的这件衣服是你自己选择的，以为你的选择是在时尚产业之外，但实际上不是这样的，你穿的衣服实际上就是这间屋子里的人，替你选的……” 所以对于设计中图标用了哪种风格、背景用了哪个颜色，我期望也有一个追根溯源的说法，例如 在平面设计中认为紫色_____________，但______显的沉闷，所以很少被使用。 在显示器上紫色可以显示的秀通透，_______________ 甚至_____________带有科技感…… 设计师们在dribble上发布各种风格的设计作品，一些传统的设计风格被设计师们重新演绎，从_______风格到_______风格到_______风格，其中_______工作室在近年创作的一些设计作品中，偏好使用紫色、蓝色，波浪形状、液化形状。随后使用紫色、蓝色的_______风格的设计也被其他设计师也大量使用。在2017年又夹杂着________风格的兴起________延续到现在。 受到设计潮流的影响，在的设计中尝试使用_____紫色，来表达_____诉求——科技感、潮流感_______ 所以对于设计中图标用了哪种风格、背景用了哪个颜色，我期望也有一个追根溯源的说法，例如 在平面设计中认为紫色带来的观感是高贵，因为材料原因，紫色显的沉闷，紫色很少被使用。 在显示器上紫色可以用的通透，而被UI设计师使用，甚至紫色给人的印象除了高贵之外还带有科技感…… 2012年开始dribble的影响力越来越大，设计师们在这个网站上发布各种风格的设计作品，一些传统的设计风格被设计师们重新演绎，从波普风格（Pop）到孟菲斯风格（Memphis）到蒸汽波风格（Vaporwave），其中JQ工作室在16年创作的一些设计作品中，偏好使用大块的紫色、蓝色，波浪形状、液化形状。随后其他设计师也大量地使用。在2017年蒸汽波风格（Vaporwave）更是大行其道。 受到设计潮流的影响，在近期的设计中尝试使用紫色也是很自然的，但考虑到受众对设计潮流的接触有一定的滞后，在本作品仍然想使用更纯粹的扁平风格，并没有使用流行的渐变色。
## 目的 在ZCMS中的文章编辑器是UEditor，我曾经在写了一个UEditor插件叫uploadLocalImage，作用是自动上传粘贴到文章编辑器中的本地图片到服务器。在从word文档中copy内容到编辑器中就可以自动上传其中的图片了。 在之前的笔记 https://github.com/abeet/Blog/issues/16 中有记录，在chrome插件中是通过NPAPI调用本地dll文件去读取本地文件，chrome45及以后的版本，加强了安全限制，禁止了NPAPI，所以chrome插件不能再访问本地文件了。 现在的思路是要求客户安装一个可执行程序，这个程序在本地启一个httpserver，编辑器中用js通过ajax和本地的httpserver通讯，通知这个本地服务上传本地硬盘上的文件到cms后台去。从而解决js不能访问本地文件的限制。而且这种方式与浏览器无关，不用为不同的浏览器开发插件了。 ## 实现过程 - 在github上搜索“http server”在c#语言里找项目，发现项目的代码量都比较多 - 进.net的官网看看，https://www.asp.net/get-started 在asp.net的官网发现asp .net core的入门特别简单，并且明显是用到了webserver的，于是安装.net core sdk，并试运行一个示例，成功 - 查看示例源码，关键的一个组件是，实例化一个`WebHostBuilder` - 在百度搜索 `WebHostBuilder`，发现这篇文章，http://www.cnblogs.com/artech/p/net-core-hello-world.html 文中附有源码，将源码下下来，运行之 - 第5个示例运行有误，开始认为是配置文件的版本不匹配，反复尝试，调整配置，花了两个小时，终于发现问题在于index.cshtml里head标签没有正常结束 期间还在github上找了一个简单示例，并根据这个示例尝试调整配置 https://github.com/SunKD/practice-portfolio/blob/master/Program.cs -...