前端
文章平均质量分 55
前端学习、工作过程中遇到的问题记录
芝芝葡萄
这个作者很懒,什么都没留下…
展开
-
工作中常用正则表达式
前端 JavaScript 正则表达式项目中使用(模块化)原创 2022-12-16 15:43:32 · 133 阅读 · 0 评论 -
一行代码解决input框只能输入两位小数的数字
使用elementUI 的 <el-input>标签,然后在oninput事件中使用正则表达式<el-input v-model="msg.pay" oninput = 'value = (value.match(/^[0-9]+(\.[0-9]{0,2})?/g) ?? [""])[0]' />原创 2022-04-30 09:00:00 · 871 阅读 · 0 评论 -
JS函数复制文本内容到剪切板(兼容所有浏览器)
原理:创建input DOM节点再删除该节点,调用 document.execCommand("Copy"); 方法应用:当我们需要一个点击事件把 文本内容 复制到剪切板的时候,只需要在自己定义在工具类.js 文件中,引用一下就行,我定义在utils.js中src/utils/tool.js 中定义// 复制内容到剪切板, 成功返回trueexport function copyString(string){ if(!string) return false let dom = docume原创 2022-04-19 11:11:33 · 854 阅读 · 3 评论 -
前端查看节点已绑定的 addEventListener监听事件
项目中一个节点绑定了多个监听事件 addEventListener ,由于害怕监听事件没有很好的去除,强迫症觉得万一浪费了内存多不好,想查看一下节点绑定了什么监听事件,无奈JS没有很好的方法去发现,Chrome DevTools命令行API提供了多种方式来观察和检查事件监听器使用monitorEvents()监听某一类型的事件。使用unmonitorEvents()停止监听。使用getEventListeners()获取DOM元素的监听器。使用Event Listeners Inspector(.原创 2021-06-23 18:26:23 · 6989 阅读 · 0 评论 -
sockjs-node/info? resource: net::ERR_SSL_PROTOCOL_ERROR 报错
问题综述Vuecli3 npm run serve启动项目,然后就看到了控制台一直报错解决方案找到/node_modules/sockjs-client/dist/sockjs.js找到代码的 1605行 try { // self.xhr.send(payload); 把这里注掉 } catch (e) { self.emit('finish', 0, ''); self._cleanup(false); }解析sockjs-node 是一个J原创 2021-06-21 11:57:00 · 540 阅读 · 0 评论 -
vuex 入门
VuexVuex 是一个专为 Vue.js 应用程序开发的状态管理模式。调试工具:vue devtoolsVuex就像眼镜:您自会知道什么时候需要它。1、state在store中定义数据,在组件中直接使用:目录:store/index.jsexport default new Vuex.Store({ // state相当于组件中的data,专门用来存放全局的数据 state: { num: 0 }, getters: {}, mut原创 2021-06-07 11:44:46 · 104 阅读 · 0 评论 -
2021 前端面试题
2021 前端面试H5DTD的作用是什么?什么是怪异模式?什么是标准模式?二者有什么差别(举例)?产生的历史原因是什么?使用时需要注意什么?HTML5是什么?有哪些新特性?新增了哪些语义化标签?新增了哪些表单元素?和h5有啥关系?你是如何理解 HTML 语义化的?meta viewport 是做什么用的,怎么写?HTML 和 XHTML 有什么区别?使用 data-* 属性有什么用?<script>、<script async> 和 &l原创 2021-04-12 14:48:07 · 190 阅读 · 0 评论 -
JavaScript高频手写题目(面试)
1 debouncefunction debounce(fun, wait = 2000) { let timer = 0; return function(...args) { if (timer) clearTimeout(timer); timer = setTimeout(() => { fun.aplly(this, args) }, wait) }}2 throttlefunction throttle(fun, wait= 2000){ let原创 2021-02-23 16:17:24 · 325 阅读 · 0 评论 -
dva数据流向(入门)
1、Dva全局架构.├── mock // mock数据文件夹├── node_modules ├── public ├── src │ ├── assets │ ├── components // 组件│ ├── models // dva最重要的文件夹,所有的数据交互及逻辑都写在这里│ ├── routes // 就是react中主要页面│ ├── services // 放请求借口方法的文件夹│ ├── utils│ ├── index.c原创 2021-02-23 16:09:52 · 1202 阅读 · 1 评论 -
redux入门,从单文件到项目结构到异步redux
1、配置 Redux配置Redux开发环境的最快方法是使用create-react-app工具。在开始之前,确保已经安装并更新了nodejs,npm和yarn。我们生成一个redux-shopping-cart项目并安装Redux:create-react-app redux-shopping-cartcd redux-shopping-cartyarn add redux # 或者npm install redux首先,删除src文件夹中除index.js以外的所有文件。打开index.js原创 2021-02-23 09:59:03 · 235 阅读 · 0 评论