前端问题总结
关注
分享
扫一扫
文章平均质量分 63
个人平时遇到问题的总结
一只懒羊羊
一只懒洋洋
展开
-
el-upload 多文件 上传 只执行一次成功回调on-success的问题
el-upload批量上传只执行一次成功回调on-success的问题问题已解决，如图，附上链接https://nyd0u5wyud.feishu.cn/docs/doccnLoii5xShTk7yiPXTzD9Suh原创 2021-07-23 17:30:24 · 12154 阅读 · 12 评论 -
vscode vue 格式化 末尾逗号去除
vscode vue项目格式化vue项目格式化，可以安装vetur插件。配置文件打开步骤。ctrl键+逗号键 ；点击这个图标，插件完成之后，配置文件，如下{ //配置vscode 的终端为 git，路径是自己的安装路径可以自己找下； "terminal.integrated.shell.windows": "C:\\Users\\wb_chenzj\\AppData\\Local\\Programs\\Git\\bin\\bash.exe", // tab 大小为2个空格原创 2020-09-24 18:29:34 · 24291 阅读 · 18 评论 -
前端字体横向间距
letter-spacing: 5px；原创 2020-05-25 19:00:03 · 1923 阅读 · 0 评论 -
JavaScript 执行机制概述。同步异步？宏任务，微任务？
1.关于javaScriptjavascript是一门单线程语言，在最新的HTML5中提出了Web-Worker，但javascript是单线程这一核心仍未改变。所以一切javascript版的"多线程"都是用单线程模拟出来的，一切javascript多线程都是纸老虎！2.javascript事件循环既然js是单线程，那就像只有一个窗口的银行，客户需要排队一个一个办理业务，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的转载 2020-05-23 20:52:01 · 243 阅读 · 1 评论 -
js的数组方法总结；map，foreach，filter，reduce
处理数组经常用到的方法；array.everyevery()方法测试数组的所有元素是否都通过了指定函数的测试。只会返回true和false，可用于数组判断；function isBigEnough(element, index, array) { return element >= 10; } [12, 5, 8, 130, 44].every(isBigEnough); // false [12, 54, 18, 130, 44].every(isBigEnough原创 2020-05-22 17:43:36 · 184 阅读 · 0 评论 -
前端实现 谷歌浏览器 右下方通知消息
谷歌浏览器自带的通知提醒1，需要在页面载入时，向用户索取 通知权限；Notification.requestPermission()；2，然后 新建Notification 就可以实现了；代码如下：Notification.requestPermission()；var notification = new Notification('检测工单', { body: '您有新的检测工单待审核哦', icon: 'http://assets.souche.com/shop/asset原创 2020-05-19 20:36:25 · 4459 阅读 · 5 评论 -
移动端列表超出横向滑动，并隐藏滚动条
列表ul超出横向滑动，并隐藏滚动条 使用组件多了，css的很多常用效果都忘记怎么写了，今天来记录下； 列表超出横向滚动，并隐藏滚动条；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl原创 2020-05-19 20:14:58 · 3723 阅读 · 3 评论 -
react 事件绑定this方式分析；事件传值传值分析
react 事件绑定this的三种方式以下三种方式都能达到同样的效果。性能排列：方式二>方式三>方式一首先，第三种方式性能是最差的，每次在render的时候都要去绑定this。对于第二种和第三种，我们这样看其实看不出差别，但是如果我们将代码编译为ES5 之后，就能看到其中的区别了import React from 'react'export default class D...转载 2020-05-06 10:05:02 · 225 阅读 · 0 评论 -
vue 父组件向子组件传值，但子组件未更新
问题：今天碰到一个vue的问题，父组件向子组件传值，在子组件可以打印出接收到的值，但是，子组件没有显示：两个可能：1，组件未渲染；2， 组件渲染了。只是数据是空值，新数据传过来，没有重新渲染；第一种情况可以很容易的排除，那就是第二种情况，数据传过来是空的，所以渲染出来也是空的；知道原因，就可以解决问题了。解决：在向子组件传值时，可以加一个判断，当数据不为空时传过去；<...原创 2020-04-17 11:31:47 · 2594 阅读 · 2 评论 -
Support for the experimental syntax 'decorators-legacy' isn't currently enabled，装饰器语法报错
react 项目引入mobx之后，用到了装饰器这个语法，但是项目没有识别出来，运行项目报错，报错截图如下：Support for the experimental syntax 'decorators-legacy' isn't currently enabled (8:1):解决办法：在项目的package.json文件中添加这么一段代码：允许使用装饰器 "plugins":...原创 2020-03-31 15:27:15 · 2624 阅读 · 2 评论 -
react通过mobx实现全局状态管理
vue 里通过 vuex实现全局状态管理，在react里可以通过redux或者mobx也可以实现全局状态管理；但是通过查看文档，发现redux调用过程有些繁琐，对于一些小白来讲，使用起来有些吃力今天通过简单的demo来介绍使用mobx；首先安装依赖yarn add mobx mobx-react此demo主要用到的东西 observer observable action目录结构如图...原创 2020-03-31 11:37:26 · 1656 阅读 · 0 评论 -
h5 跳转到原生浏览器指定网址 vue项目
场景： 公司希望通过在版本升级页面（h5），用户通过点击升级按钮，跳转到公司软件的下载页面。实现方式：如果是IOS，则是希望跳转到Appstore里；安卓的可以正常跳转到本机浏览器；IOS实现思路大致一致，也是跳转到浏览器，不过是多了一个操作。ios通过链接跳转到Safari之后，Safari识别到Appstore里有这个应用。就会跳转到Appstore；想法是有，但是ios没实...原创 2020-03-21 18:06:11 · 4999 阅读 · 8 评论 -
临时服务anywhere 配合 ngrok内网穿透，实现外网访问本机web服务
问题： 有时我们想要自己写好页面，让别人看下效果，但是别人不在身边。我们可以通过自己搭建临时服务器，让别人通过网络来访问你的页面；这时候 我们就可以通过 anywhere 来搭建临时服务器。然后通过 ngrok来做内网穿透，生成域名后来访问；操作方法： 全局node安装anywhere npm install anywhere -g 在需要开启服务的目录打...原创 2020-03-19 10:46:44 · 693 阅读 · 0 评论