随笔分类 - js
1、DOM 操作：通过 Document Object Model（文档对象模型） API 操作 HTML 和 XML 文档的结构和内容。
事件处理：捕获和响应用户的交互行为，如点击、滚动和键盘输入等。2、AJAX：通过 XMLHttpRequest 或 Fetch API 发起异步请求获取数据，无需刷新整个页面。
3、客户端存储：使用 Web Storage API 或 IndexedDB 在客户端存储数据。
4、动画效果：利用 CSS、Canvas 或 SVG 以及 JavaScript 实现网页上的动态效果和动画。
摘要：如果你用了 pinia 就需要引入 vue-demi: vue-demi 是一个 Vue.js 的兼容性库，旨在为 Vue 2 和 Vue 3 提供一致的 API。它通过提供与 Vue 3 相似的 API 来帮助开发者平滑地迁移代码从 Vue 2 到 Vue 3。 pinia 为了兼容新, 使
阅读全文
摘要：这个警告是因为你提供了一个模板选项（template option），但在当前的Vue构建版本中不支持运行时编译。解决该问题的方法是将你的打包工具配置别名（alias）将 "vue" 指向 "vue/dist/vue.esm-bundler.js"。 具体来说，如果你使用的是Webpack或者vit
阅读全文
摘要：税号一般由15或18位数字组成，其中： - 15位税号：前6位是所属地区（通常是行政区划代码前6位）、中间6位是组织机构代码、最后3位是登记管理部门代码。- 18位税号：前2位是登记管理部门代码、中间6位是组织机构代码、最后10位是由国家税务总局统一分配的顺序编码。 所以，对于税号的正则匹配逻辑可以
阅读全文
摘要：正则表达式的() [] {}有不同的意思。 () 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。 (\s*)表示连续空格的字符串。 []是定义匹配的字符范围。比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。[\s*]表示空格或者*号。 {}一般用来表示匹配
阅读全文
摘要：问题： 今天在本地起服务准备测下ios手机端页面，结果发现：页面可以打开，但是登录不上。 用alert定位了下，await fn() 报错被try()catch(){}捕获了。。。 原因： 该机子不支持最新js标准 解决方案： 第一步：打开iphone手机的开发者模式，流程是：【设置】->【Safa
阅读全文
摘要：function IETester(userAgent){ var UA = userAgent || navigator.userAgent; if(/msie/i.test(UA)){ return UA.match(/msie (\d+\.\d+)/i)[1]; }else if(~UA.to
阅读全文
摘要：匹配HTML单行注释： 匹配HTML多行注释： 或者： 除了他HTML还有其他注释，大家可以自己试着写下，改起老页面来是不是很效率；
阅读全文
摘要：gitignore可以指定git忽略指定文件。 问题： 想忽略一些文件在.gitignore文件中会配置对应的文件，但是有时候配置后还是没有起作用： 我在element-ui封装个性化组件时，需要更换组件颜色主题，便在".gitigore"文件里添加以下文件，只提交编译后文件：/theme/inde
阅读全文
摘要：开发者模式（下面有配图）： 开发者模式/DevTools、More tools/Network conditions/User agent/ Custom/安卓或ios代理配置配置 更改User agent（用户代理）： 安卓微信UA： mozilla/5.0 (linux; u; android
阅读全文
摘要：封装函数： 正则简单判断： 可以在开发者模式请求头里查看：NetWork -> Request Headers里查看
阅读全文
摘要：问题说明： ios中，键盘的弹起，页面会往上挪动，使输入框展示在页面中间，键盘隐藏页面会下挪恢复原状。 在微信移动端，ios页面不恢复，下方有留白。 收起键盘的瞬间，如果有弹窗弹出，此时时页面内容应区域错位。 问题栗子配图： 解决方案： 其实只要知道了原因，坑填起来很简单：输入法的软键盘影响了页面的
阅读全文
摘要：没有大全，只有方法，授人与鱼不如授人于渔： 下面这行代码，大家可以打在控制台里，直接进行测试： 这里除了测试键值，同时也打印了常用组合键Ctrl和Alt的是否同时按下的布尔值； 还有Shift键，对应属性是shiftKey，大家自行测试； 下面是本人测试结果（chrome && FF）：按住Ctrl
阅读全文
摘要：深拷贝就是一份一模一样数据，且该数据和之前的数据断开连接，互不影响： 那么为什么会出现数据相互影响呢？这就涉及到JavaScript中的内存概念：“栈 stack”和“堆 heap”，stack一般是静态分配内存，heap上一般是动态分配内存；堆是通过地址的指针传值，即传址；栈是直接传值。 了解了堆
阅读全文
摘要：公司之前有个胖女孩说你竟然会正则? 其实正则没那么难；今天我们说说他常用的几个API。 在讲方法之前, 我们先对正则表达式做一个基本的了解： 1、正则表达式定义使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 2、英语：Regular Expression，在代码中常简写为rege
阅读全文
摘要：这里我们对上面的方法进行优化: 利用空对象作为中介,避免改变父级构造函数 他其实是方法二和方法三的组合:首先写一个用来过渡的空函数Ffunction F () {} 先把Animal原型赋值给F, 因为F是一个无用的且几乎不占内存的空函数所以无须担心构造指向改变等问题F.prototype = An
阅读全文
