FrankKai
FrankKai
### dependencies中的包未生效 如果在插件内部引入了npm包作为运行时依赖，也就是dependencies，需要将.vscodeignore中的node_modules/**移除。移除后，会将node_modules也打入到vsix包中
### 使用esbuild压缩打包文件 有很重要的一点，esbuild天然支持打包ts类型的文件。 >Bundling can automatically strip TypeScript types, convert ECMAScript module syntax to CommonJS, and transform newer JavaScript syntax into older syntax for a specific version of node 原始的ts方式打包...
### 发布插件 ERROR TF400898 运行vsce publish，提示如下错误： **ERROR TF400898: An Internal Error Occurred. Activity Id: 78f21af1-d92d-4984-afcd-b53942d97394.** 是因为package.json里的displayName为空导致的。 ```json { "displayName": "", } ``` 为其指定值即可。
### input事件 ``有两个事件，一个是input，一个是change。 这两个事件是非常非常重要的两个事件，可以说与click是旗鼓相当的重要程度。 所以特地开此issue系统性学习input事件。 ### input事件会由哪些标签触发？ `` `` ``。当它们的value发生改变时，会触发这个事件。 ### input事件在开启contenteditable后也可以使用吗？打开designMode的可以吗？ 都可以。 ### contenteditable和designMode下，event target是什么？如何表现？ editing host。 如果这些属性被设置到多个元素，editing host是父元素不可编辑的，最近的祖先元素。 ### type=checkbox或type=radio的元素，input事件怎么表现？ input理应会在toggle时触发。 但是由于浏览器兼容性问题，有时可能替换成change事件。 ### input事件和change事件的区别是什么？ input事件在元素的值每次发生变化时都会触发。 而change事件只有在commit时才会提交，比如通过enter提交，选中某一项等等。 ### 其它...
### change事件 ``有两个事件，一个是input，一个是change。 这两个事件是非常非常重要的两个事件，可以说与click是旗鼓相当的重要程度。 所以特地开此issue系统性学习change事件。 #### 什么时候会触发change事件？ `` `` ``。 在用户修改了元素的值并且提交了修改，change事件会触发。 与每次修改都去触发事件的input事件不同。 #### 几个触发change事件的示例 - 当``或``元素是:checked（click或者使用键盘）。 - 当用户显式提交change时，比如选中一个``的一个选项，从``选中一个日期时，或者``选中一个文件。 - 失去焦点时。``或者``。 #### 浏览器兼容性怎样？ 在Gecko内核下，通过键盘改变``的navigation，不会直接fire一个change事件，只有在用户按下Enter或者从当前选中的select失去焦点才会fire。 #### 哪些``的type类型可以fire change事件？ 可以参阅规范https://html.spec.whatwg.org/multipage/input.html#concept-input-apply，明确告诉我们哪些type可以发射change事件。 Hidden | Text,Search...
### hashchange事件 hashchange事件会在URL的fragment identifier发生变化时发射，fragment identifier是指URL的#的部分，包括#符号。 ```js // 触发haschange的changeHash函数，它改变了localtion.hash的值 function changeHash() { location.hash = (Math.random() > 0.5) ? "666" : "777"; } // hashchange事件触发后的事件处理函数 function HashHandler() { console.log("The Hash has changed!");...
### DOMContentLoaded事件 vs load事件 #### DOMContentLoaded HTML文档完成加载和解析，无需等待样式表，图片，iframe加载完成。 ```js window.addEventListener('DOMContentLoaded', (event) => { console.log('DOM fully loaded and parsed'); }); ``` #### load HTML页面及所有依赖完全加载，包含样式表，图片，iframe加载完成。 ```js window.addEventListener('load', (event) => { console.log('page is fully...
### 手写filter - 实现 - 测试 ### 实现 ```js const filter = (arr, callback) => { const result = []; for (let i = 0; i < arr.length; i++) {...
### 手写map - 实现 - 测试 #### 实现 ```js const map = (arr, callback) => { const result = []; for (let i = 0; i < arr.length; i++) {...
### 手写every - 实现 - 测试 #### 实现 ```js const every = (arr, callback) => { let result = true; for (let i = 0; i < arr.length; i++) {...