- 博客(130)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 Invalid CSS after “...load the styles“:
引入scss文件发生的一个错误。完整的错误是这样的： Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi" in F:\vscode\supplier_bidding_system\src\styles\index.scss (line 1, column 1) @ ./src/styles/index.scss 2:12-462 @
2020-12-11 08:53:42
2021
原创 TypeError: Cannot read property ‘install‘ of undefined
vue项目在main.js中全局注册ElementUI的时候，出现的一个错误。解决办法：删除node_modules文件夹。重新npm install。原因猜测：缺少插件。
2020-12-02 14:09:25
4469
原创 制作一个UI插件上传npm及安装使用的步骤
目录一、制作npm插件。1、注册npm账号。2、本地创建项目。2.1、命令行使用vue-cli创建一个webpack项目。2.2、在src下新建testqzz。2.3、把下面代码分别复制进index.js和test.vue中。 2.4、上传到npm。二、安装npm插件到本地项目。2.1、安装插件。2.2、引入插件。2.3、使用插件。一、制作npm插件。1、注册npm账号。打开npm官网，使用邮箱注册一个账号（用记事本记...
2020-12-01 17:07:35
599
原创 JS三元运算符语法错误记录
前言：本篇文章仅谈JS中的三元运算符，php,java等语法有不同。今天写代码时三元运算符语法颠覆了我以往的认知！！！我们都知道if…else与"?:"都是判断使用的语句，个人习惯使用三元运算符，性能更优一点，而且代码更简洁舒服。详细可看说说三元运算和if…else的相同之处？如果你对三元运算符不太熟悉，推荐你看条件（三元）运算符 (? ：)或者直接看我的例子：if…else式 let a; if (true) { a = 1; } else {
2020-11-27 11:29:37
734
原创 前端项目如何阻止手机键盘弹出
这是一个移动端项目出现的bug，其实也不能算是bug，省份键盘是自己写的，在input输入框触发focus事件时键盘显示。而同时focus事件也会唤醒手机的键盘，把我的省份键盘顶上去也正常。解决办法是把input输入框设置为readonly，这样就不会触发输入键盘了。写项目还是用别人的插件好用，自己写的坑自己踩，不断出现Bug，好烦。...
2020-11-26 09:54:33
880
原创 vue使用lang=“stylus“报错UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolve is not a f
报错：UnhandledPromiseRejectionWarning: TypeError: loaderContext.getResolveis not a function环境："webpack": "^3.6.0","stylus": "^0.54.8","stylus-loader": "^4.3.0",错误原因：stylus-loader或stylus版本不兼容。我的解决办法：解决办法① 轻松版。修改package.json中的版本号，删除node_modules，重新
2020-11-25 10:08:44
378
原创 一次洗脚经历我搞懂了react组件传值的5种方法
作为一个程序员，经过一天高强度的代码工作之后，我们经常会选择去火锅店洗个脚，顺便做点服务来解除疲劳。1、父子传值如果进店时小红刚好躺在门口的沙发上玩手机，我就可以直接让她给我洗脚。① 父传子。作为父组件的Me，找到小红XiaoHong组件之后，在XiaoHong的属性里，把信息给她。class Me extends Component { render() { return <XiaoHong xijiao="小红过来给我洗脚"></XiaoHong.
2020-10-27 16:36:29
405
1
原创 一次按摸经历搞懂了js的this指向
作为一个写代码的，经常坐在办公室，时间久了就容易脖子酸痛，我们都喜欢去按摸店找小红做一下服务，我就以按摸来写一篇js的this指向问题。假如你常去的怡红院的高级技师叫小红，而你老婆的名字也叫小红，那我们找小红按摩的时候必须找对小红，毕竟这是性命攸关的事。所以this就是帮我们找对指向的办法。1、普通函数的this。例子1： 调用对象是window对象，window是js的全局对象。 var xiaoHong = "你tm敢让老娘帮你按摩？活腻了"; funct...
2020-10-22 15:03:12
1752
1
原创 ES6 3000字详解Map与Set用法
Map与Set是存储数据的两种结构。1、Map结构。1-1、Map存储方式。Map采用(key,value)的方式存储数据，Object对象也是（key,value），两者不同的是Object的key只能是字符串或者Symbol对象,而Map更高级一点，它的key可以是任何类型的值。1-2、创建一个Map对象。Map的key类型可以是：Number，String，Boolean，Null，Undefined，Symbol,Array，Function，Object。let map = new M
2020-10-21 10:49:27
180
原创 async/await原理及使用方法
async/await是es7的功能，更好地解决了JS异步操作的问题。1.Generator——async/await的爸爸以前执行异步操作使用Generator函数，执行Gnerator函数会返回一个遍历器对象，但是只有调用next方法才会遍历下一个内部状态。例如下面一段Generator函数：function* Generator() { yield call('http://xxxx'); yield call('http://yyy'); return call('http://z
2020-10-10 13:19:21
391
原创 webpack配置生产、开发、测试环境及使用
最近做项目的时要区分各种环境的请求地址，基于vue-cli 3.x使用webpack模板创建的项目，所以没有build文件夹。想配置三个环境下的请求路径。1、根目录下新建三个文件.env.development、.env.test、.env.production文件（复制这三个文件名）2、分别写入如下代码：.env.development：NODE_ENV = 'development'VUE_APP_MODE = 'development'VUE_APP_API_URL = 'http://1
2020-09-17 15:33:19
563
原创 vue-router传参方式三种（举例详细）
以下例子全部采用a组件向b组件传参的方式。看一下界面，点击按钮跳转到b组件，并把参数传递过去。路由配置（index.js） routes: [ { path: '/', component: A }, { path: '/b', name:'b', // 这句特别重要 component: B } ]1.params。不多bb，看代码。给a组件里的按钮添加一个点击事件。 <butto
2020-09-17 11:36:20
976
原创 Cannot read property ‘matched‘ of undefined
这是使用vue-router时报的一个错，遇到这种错不要怕。一般遇到类似的错不要错，也不要自己找原因，直接百度，这种错肯定有很多人犯过了，百度是最快的解决办法。我原先的代码(main.js)：import Vue from 'vue'import App from './App.vue'import Router from "./router/index";new Vue({ Router, render: h => h(App),}).$mount('#app')错误：
2020-09-15 21:31:23
616
原创 To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css
这是使用 Element-ui时出现的一个错入，正常操作是yarn或者npm安装之后载main.js里导入，然后在组件里引入要使用的组件。但是我在引入之后提示错误：‘element-ui/lib/theme-chalk/index.css’。To install it, you can run: npm install --save element-ui/lib/theme-chalk/index.css意思就是缺少index.css呗，但是我打开目录竟然找到了这个文件，而且我在import Elem
2020-09-11 10:56:36
17038
6
转载 git commit 提交的时候报错husky hook failed (add --no-verify to bypass)（解决办法）
这个问题是因为当你在终端输入git commit -m “XXX”,提交代码的时候会在Git键入提交信息前运行做代码风格检查。解决办法我使用的是第三种。转自：https://blog.csdn.net/yy_onway/article/details/98627663
2020-06-02 16:08:55
1033
原创 × Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to r
Error: Objects are not valid as a React child (found: object with keys {color}). If you meant to render a collection of children, use an array instead.这是我在学习React-hook的useContext时报的一个错先看一下中文翻译：大概意思就是：对象不能作为React组件。报错原因：代码太长我就不沾了，直接分析原因。我在A组件里使用expo
2020-05-15 16:57:46
2153
2
原创 React16.X生命周期
React16.x新增生命周期getDerivedstateFromProps和getSnapshotBeforeUpdate。以下是16.4现有周期。官方图见http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/。constructor(props)：ES6类的构造函数（为了初始化state或绑定this）.详见constructor(props)。staticgetDerivedstateFromProps(props,sta.
2020-05-09 10:41:55
273
原创 npm模块安装（开发环境、生产环境、全局安装）
npm 生产环境 开发环境 npm install XXX 不可用 不可用 npm install -save XXX 可用 不可用 npm install --save-dev XXX 不可用 可用 npm install -g XXX 不可用 不可用 npm install XXX 不...
2020-05-07 16:54:34
3293
1
原创 axios拦截器封装步骤（含代码）
最近做项目时用到了axios拦截器封装，记录一下，相信以后还会用到，直接来复制粘贴（/阴险脸）。先提供一个链接axios中文文档，看看API。我英语不好，你也是。拦截器有请求前拦截，请求响应后拦截，自定义拦截器，移除拦截器，文档里太详细，我再写出来就是浪费流量。关键的代码部分惭愧，这个代码的请求和响应不是我写的，我只是站在巨人的肩膀上，所以看的更远。当初搜拦截器的时候看到了博主的帖子，写的...
2020-04-30 16:14:07
832
原创 覆盖Vant自带样式
直入主题，猜你也是来看解决办法的/滑稽脸。解决办法：①找到你要覆盖的class。②在你新的样式上加!important(一定要记住)。③我使用的是Vue，我猜你也是。新建一个<style></style>(Vue中存在两个<style></style>)样式也能生效。这是因为我们平时默认生成的style都是这种带scope的<sty...
2020-04-29 23:28:55
4982
1
原创 vant-list一直显示loading框
网上的问题多是页面一直loading数据，而我的问题却是加载完之后还是显示“正在加载…”问题根源：在项目中由于很多页面使用了List，所以我封装了一个vant-list组件。也就是这个万恶的组件害我忙活了一上午。代码太多我贴部分出来。先概括一下代码意思，方便大家阅读：（父组件给vant-list组件通过v-bind的方式传递值，vant-list通过pops接收，为了防止vant-list...
2020-04-27 15:13:43
7411
4
原创 vue使用（keep-alive）防止切换页面闪烁
keep-alive的详细介绍我不多讲，请看官网keep-alive问题来源：在 app.vue中我使用了<keep-alive>进行页面的缓存，源代码： <div id="app"> <keep-alive> <router-view></router-view> </keep-alive&...
2020-04-27 11:11:59
2642
原创 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re
Vue报错记录原因分析：这是父子组件传值时报的错，先看一下代码：父组件：<div :loading='loading' ></div>子组件：props: { loading: { type: Boolean, default: false } },父组件通过:loading方式传值，子组件props接收，然后在里使用这个值。报错的原因：Vue使用单项数据流，为...
2020-04-24 14:07:31
627
原创 VScode恢复删除的文件
刚才一不小心删除了写了两天的组件，我承认，那一刻吓得腿酸了。。！还好是使用鼠标右键删除的，这要是shift+delete，我tm…然后在桌面的回收站找到了被删除的组件，恢复成功。所以以后再在工作的目录里删除时还是右键保险点。。。！...
2020-04-15 14:11:00
8606
1
原创 text-align无法实现内容居中的原因分析及解决办法
<div class="loading"> <img src="./loading.png" alt="图片丢失了" /> <span class="text">{{text}}</span> </div>为了让图片和文字水平垂直方向都居中，我使用stylus（就当CSS理解）如下：.loading po...
2020-04-14 11:22:41
5858
原创 Duplicate keys detected: '1'. This may cause an update
错误原因：Vue遍历需要一个不唯一的key，原代码： <div v-for="(item,index) in records" :key="index" > <news-item></news-item> </div>修改后： <div v-for="(item,ind...
2020-04-14 09:14:55
180
原创 Uncaught (in promise)
vue使用promise第一次遇见这种错误，记录一下方便以后纠正。虽然能正常获取数据，但是事实上还是存在erro，这肯定是不行的，所以纠正一下。先看一下我报错时的代码：getSwipper() .then(res => { console.log(res.data); })纠正后的代码getSwipper() ...
2020-04-13 11:58:04
395
原创 Vue中的mixin混入用法简谈
首先要谈一下Vue的组件复用混入。组件常用混入方法是组件B复用组件A，网上查到的说法是相当于组件B在自己的内存中开辟了一块内存空间，然后根据父子组件传值的方法来互相交互。而mixin进来的方法属性是扩充了该组件的内容。mixin使得相同的方法能更多组件中复用。下面是简单的代码写法：mixin.jsexport default{ created() { con...
2020-04-03 17:46:40
281
原创 TypeError: Invalid attempt to spread non-iterable instance. In order to be iterable, non-array objec
看一下百度翻译：类型错误：传播不可提交实例的尝试无效。 为了可iterable，非数组对象必须有一个[Symbol.iterator]（）方法。网上查询到的说法是：此类错误多为不可遍历导致的。来看一下我的代码： <List dataSource={{}} //就是这一行出了问题 ...
2020-03-30 17:07:02
53376
原创 几个常用的DOS命令
md 名字 在当前目录下新建文件夹F: 直接进入F盘dir 显示当前目录cd… 返回上级目录cd/ 返回根目录rd 名字 删除指定文件夹
2020-03-20 21:10:30
112
原创 为什么选择Vue？
毫不避讳的说，入坑前端学了html,css,js之后,问了同学，Vue简单！这就是我学Vue的原因——但是不能拿到面试上去说这真正的原因，所以下面我要写几条高大上的理由。1.轻量级。Vue2.0mini版本72k(压缩后23k)，React的大小为132k，angular的大小为144k，我也不知道这几十k的差距有什么用，现在4G普及，wifi普及，5G商用的时代，还差这几十k的流量吗？2.简...
2020-03-15 16:56:57
921
原创 一行代码设置sublime打开的默认浏览器
代码：{ "keys": ["f2"],"command": "side_bar_files_open_with","args": {"paths": [],"application": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe","extensions":".*"} }各位都是人才，说话还好听，想必...
2020-03-06 16:36:08
357
原创 css元素常用居中方式3种
三种方式都可以在未知元素宽高的情况下。一、DOM结构，很简单。外层父元素father,内层子元素son。<body> <div class="father"> <div class="son"></div> </div></body>所有结果图都是这样 二、上代码，一目了然。1....
2020-03-05 14:07:51
287
原创 Type of the default value for 'searches' prop must be a functi on
https://www.cnblogs.com/shengnan-2017/p/9115298.html
2020-02-24 11:46:47
139
原创 clientHeight / offsetHeight / scrollHeight / Window.innerHeight
clientHeight:① 元素的内部高度（包括padding,但不包括滚动条）② 图示③ 获取:element.getBoundingClentRect()offsetHeight:① 边框高度+内边距+内容高度+滚动高度②图示③ 获取：element.getBoundingClientRect()scrollHeight① 是clientHeight+可滚动的内容部分（...
2020-02-04 12:05:56
251
原创 export default和export区别
export与export default均可用于导出常量、函数、文件、模块等①一个文件只能有一个export default，一个文件可以有多个export②使用export导出，引入时需要加“{}”，使用export default导出，引入时不需要加’{}’③使用export导出的叫什么名字，import时必须叫什么名字，而export default导出的，import时可以自己起别...
2020-01-28 15:19:21
126
空空如也
android stdio新建项目出现error(27,13)求解决
2019-03-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人