webhmy

摘要： 在项目中遇到这样一个问题，如下图所示，当输入纯数字的时候，文本没有按我们预想的样子去换行，使用了 overflow-wrap: break-word后没啥用，查了一下，需要使用overflow-wrap: anywhere； 记录 anywhere和break-word的不同之处在于，在overfl 阅读全文

摘要： 1、纵向模糊匹配 正则： /[abc]/ 匹配：表示字符可以是字符中a,b,c的任何一个 正则：/[0-9a-zA-Z]/ 匹配：数字或者字母 2、排除字符 正则：[^abc] 匹配：除a，b，c之外的任一字符 正则：/^[^\d]+$/ 匹配：非数字的内容 3、贪婪匹配（尽可能多的匹配）惰性匹配（ 阅读全文

摘要： 案例场景 如下图所示，点击保存的时候，想把没有标注到页码的图片滚动到可视区域。 当我还在考虑计算标注图片距离父容器的高度，然后设置容器的scrollTop的时候，旁边的大神嗤之以鼻的说，你为什么不用scrollintoview？ 什么是scrollintoview？ Element.scrollIn 阅读全文

摘要： 场景描述 我们经常使用 prop 和 emit 的组合来实现父子之间的通信，如果简单的场景下想父子组件相互修改，可以使用.sync 和 update组合。 代码案例 父组件 传递 prop <comp :foo.sync="bar"></comp> 等同于 <comp :foo="bar" @upd 阅读全文

摘要： 场景描述 一个可编辑的div，在输入文本后，需要进行一些交互插入文本如右键插入，插入文本后需要恢复光标。 使用execCommand命令插入文本 一般情况下，我们会使用selection获取光标的位置后，插入文本或者html然后再恢复光标。但是如果使用execCommand则一行代码搞定。 // 插 阅读全文

摘要： 平时习惯使用命令行提交代码，但是会发现有时候比较繁琐且当我们只要提交某个或某些文件的时候，还要输入文件对应的路径才行，有点麻烦，使用Vscode的git插件会更便捷，提高平时的效率。这里记录下常用的操作。 1 查看更新 一旦有代码更新，这里就会显示更新的文件和数量 2 查看修改 选中对应的文件，可以 阅读全文

摘要： 题目 给定一个字符串 s ，请你找出其中不含有重复字符的 最长子串 的长度。 输入: s = "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc"，所以其长度为 3。 输入: s = "pwwkew" 输出: 3 解释: 因为无重复字符的最长子串是 "wke"，所以其长度 阅读全文

摘要： 背景 本博文主要记录在使用cke编辑器时，遇到的一系列的问题 问题1：在执行某些业务操作后，编辑器会偶现在页面头部或者尾部插入&ZeroWidthSpace占位符（编辑器好像就爱干这事~） 解决方法：在业务操作后对html的孩子节点进行遍历，过滤掉特殊字符 removeBodyZeroWidthSp 阅读全文

摘要： 1、慎重修改prop传来的对象数据 父子组件，是通过prop组件来实现通信的。如果是个基础类型，在子组件修改了prop的值，vue会报错。但是如果是引用类型，不会报错，甚至还给你修改了。当我们使用父组件传来的prop对象来构建视图，并有修改操作的时候，你会发现，会卡，会卡，会卡。。。。所以不要直接使 阅读全文

摘要： 本文接上篇博客记录一些配置的升级过程中遇到的坑。 1、设置mode 通过指定mode参数，启用对应环境下webpack内置的优化。有三个可选参数：development，production，none。默认值为production，生产环境在production模式下，会自动压缩代码，可以去除之前配 阅读全文