tiodot

1. 空格&颜色 在 termnial 中可以通过设置 \033[{色值}m设置颜色，如果需要重置颜色，可以再次通过\033[0m重置颜色。 \033是 ESC 的keyCode的 8 进制表现方式。 其中小的就是unicode的，大的就是空格&色值。

移动端表单页面会有较多的 input 输入框，用户输入数据时、用户提交数据时都需要对数据进行校验，如果校验不通过，则不允许用户提交。例如输入姓名时，不能包含表情，特殊字符等，输入年龄时不能为字符串等。 当表单页面较长，点击提交按钮时，校验不通过的表单项已经不在手机的可视区域内了…

接着浏览器ES6模块加载, 浏览器支持ES6加载，使用import语法加载模块时，需要经过网络请求从服务器下载 js 文件，当我们下载主文档时，其实已经知道依赖哪些模块，结合 H2 的 Server Push 能力提前下发依赖的模块文件，在一定程度上可以改善页面的性能（目前无实…

自从ES6原生支持模块机制，浏览器也逐渐都支持ES6的模块功能，除了万恶的IE外，PC的浏览器都支持挺好的。 语法是ES6的语法，所以开发模式也没啥区别。唯一区别点是模块查找的机制，如果使用的相对路径，会自动根据 url 的加载机制进行加载，具体规则就是： 合并过程和使用 No…

1. ts 提示.vue文件类型相应的类型申明 简单的思路是：看.vue文件在什么地方用的。 这样就解决了Vue文件类型文件找不到的问题。

业务涉及身份证号码输入，身份证号码格式固定，只允许输入数字和字面X。而在移动端上的键盘，输入数字只能使用数字键盘，输入字面只能使用字面键盘。用户体验不是很好，故自定义了一个键盘的实现。 如果输入框在页面底部时，此时进行输入，浏览器会将输入框往上移动，在实现自定义键盘时，也需要处…

于是开始坎坷的解决之路。 先搜索相关问题，问题其实都不知道出现在哪，于是搜索也没有结论。绝望 然后再问别人看看是否有类似问题。没有人遇到过。绝望 + 1 开始分析打包配置，然后修改打包入口文件，指向一个最简单的Demo，就只包含上述这些样式。 分步注释打包对CSS的配置，排除变…

前端页面一般都是 JS 负责逻辑控制，样式、布局等由CSS负责，而 CSS 的一般都是通过 class 和 style来作用于 html 的。 class/style的渲染都分为两个两个场景： 首次创建、动态更新。之所以分为这两个场景是因为真好对应了 Vue 在渲染元素的各个周…

开发 Vue 组件时，可以通过不同的钩子函数，在不同时期添加一些自定义的逻辑。Vue实 例创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等，这些过程间会调用不同的钩子函数。具体的生命周期钩子函数如官方所言…