自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(84)
  • 收藏
  • 关注

原创 菜是原罪

菜是原罪

2019-06-26 06:57:26 1225 3

原创 浅尝Flutter

浅尝Flutter,快速了解Flutter。

2022-09-21 16:46:09 2011 3

转载 解决ESLint中Unexpected lexical declaration in case block 的问题

参考链接????文章已解决

2021-08-31 20:45:47 969

原创 React引入AntD警告:Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance

问题如下:原因:react使用严格模式导致的警告,删除外层StrictMode组件即可;解决方案:

2020-10-26 18:59:48 1642

原创 Error: Component is not found in path “components/xxxbar/xxxbar“ (using by “pages/index/index“)

1:此问题不影响小程序正常预览;2:在真机测试时会出现此异常;3:问题原因app.json中没有配置对应组件路径4:解决办法在app.json中,将组件路径配置到pages下即可。

2020-08-20 15:48:07 3688

原创 数组根据元素相同value的key值进行归类

let arr = [ { "id": "1001", "name": "值1", "value": "111" }, { "id": "1001", "name": "值1", "value": "11111" }, { "id": "1002", "name": "值2", "value": "25462" }, { "id": "1002", "name": "值2", "value": "23131" }, { "id": "1002", "name": "值2", "val.

2020-07-10 21:50:37 623 1

原创 【Vue】vue中的$attrs到底是什么?

先来看看官方文档给的定义:包含了父作用域中不作为 prop 被识别 (且获取) 的 attribute 绑定 (class和style除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class和style除外),并且可以通过v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。既然来到这里就继续往下看!既然是跟组件间数据传值有关,话不多说,直接上栗子:<div id="app"> Parent: ...

2020-05-30 20:00:24 3077

原创 【Vue】怎么理解Vue中双向数据绑定v-model?

1:v-model是什么?语法糖。不够详细?实现数据双向绑定的语法糖!2:v-model的本质?既然是实现数据双向绑定,那么如果不使用v-model该怎么实现?请看下面栗子:<div id="app"> <input type="text" v-bind:value="defaultValue" v-on:input="setDefaultValue($event.target.value)"></div>let vm = new V

2020-05-30 19:22:48 560

原创 Vscode设置背景图(自定义透明度背景图)

1:插件搜索background并安装2:设置首选项 设置 搜索background 点击在setting.json中编辑{ "workbench.activityBar.visible": true, "editor.tabSize": 2, "window.zoomLevel": 1, "diffEditor.ignoreTrimWhitesp...

2020-04-30 22:04:10 3019 3

原创 Mac怎么查看本地图片路径

Mac不如Win那样有清晰的分盘,可以直观定位某张图片的本地地址,那么怎么知道一张图片在Mac文件中的绝对路径呢?很简单!1:打开终端2:将图片拖入终端3:复制终端中生成的地址即可食用...

2020-04-30 21:54:27 6628

原创 【Mac版本】SourceTree无法push代码,提示Incorrect username or password

1:sourceTree无法推送代码至远程仓库Incorrect username or password //用户名或密码错误原因是我在两个设备上使用两个邮箱进行推送操作;2:解决办法打开sourceTree的偏好设置首先将通用中的电子邮件地址与远程仓库的地址对应修改然后将高级设置中的用户名地址,修改为远程仓库的电子邮箱地址3:重新pus...

2020-04-30 21:32:37 2348

原创 手机怎么访问本地HTML文件(甄姬,哦不,是真机调试)

1:手机与电脑在同一局域网下手机可开热点给笔记本,台式也要联热点/Wi-Fi?可以,去买一个Wi-Fi接收器装主机上即可;2:找到本地HTML文件的测试地址例如 http://123.1.2.3:1234/index.html3:查看电脑ip地址例如 199.166.33.774:替换将3中的端口替换到2中 ,即:http://123.1.2....

2020-04-13 20:47:49 2269 1

原创 本地调试微信公众号时,无法使用80端口

经过: 为了重构微信公众号,本地ip与域名做了映射,本地起了服务后,在微信开发者工具中访问所映射的域名,发现无法访问此网站:经过多番折腾后,定位问题出现在MacOS系统无法使用80端口,而微信公众号服务器配置只支持80和443端口,只能用域名,既然无法使用80端口,那么又多番折腾后,使用端口号转发终于解决了此问题,以下为配置步骤:1、本地ip与域名映射://电脑命令行打开hos...

2020-03-27 16:40:17 1533 1

原创 前端像素单位都有哪些?px、rpx、em、rem......?

一、存在即合理:随着Web的发展,对新的解决方案的需求也会继续增大,对网页的要求更高。网页设计单位是涉及到我们布局的效果,使用不同的单位会对最终的demo,会有影响。而且现在都是要求响应式设计,需要适配各种设备,电脑,手机,平板。如果单位不合适,可能在这个设备显示良好,那个设备就会打乱布局。所以需要我们选择合适的单位来进行开发,设计。二、详解:1、px1)px就是pixel的缩写...

2020-03-02 15:50:55 6124 1

原创 引入Three.js使用到的CDN有哪些

请移步 ⬅️巴拉巴拉:==主页传送门==

2020-02-16 17:40:25 6772

原创 如何查看网页性能

使用:var property = window.performance.getEntries();console.log('property:',property);查看即可(后续会补上相应注解)。巴拉巴拉:==主页传送门==

2020-01-10 07:56:10 742

原创 【Vue-Nightwatch】使用Nightwatch实现Vue项目的单元测试

单元测试:个人理解是代码模拟用户操作进行用例测试,按键精灵与此类似。官方文档参考博客Nightwatch:1:所需依赖nightwatch selenium-server(依赖java环境) chromedrever2:安装步骤预装jdk(8.0版本及以上),从而支持selenium-server; npm install nightwatch; n...

2019-12-14 17:26:12 905

转载 git怎么配置本地.ssh密钥

1.打开终端,输入命令cd ~/.ssh第2步:创建SSH Key在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsa和id_rsa.pub这两个文件,如果已经有了,可直接跳到下一步。如果没有,创建SSH Key:ssh-keygen -t rsa -C [email protected] 如:[email protected].你需要...

2019-10-19 11:23:29 1544

转载 Incorrect username or password ( access token )

android studio git 提取项目Authentication failed 和Incorrect username or password ( access token )的问题原文链接:==》请移步《==巴拉巴拉:==主页传送门==

2019-08-21 07:48:57 597

转载 项目上传码云:fatal: remote origin already exists.解决方法

原文写的很好,直接贴上链接:==》请移步《==巴拉巴拉:==主页传送门==

2019-08-21 07:43:21 1189

转载 webpack不是内部或外部命令解决办法以及npm配置

起初因为设置了一个中文文件夹来存放NodeJs,导致配置失败,后续找了很多解决办法都不行,直到今天被安利了一波,亲测有效,可解决webpack不是内部或外部命令这个毒瘤。(这里还要抛出一个问题,使用4.0以下的版本可正常打包,但是使用4.0以上的版本,配合webpack-cli仍然会打包失败,不知道问题出在了哪里......?)文章写得很好,就直接贴链接了:==》请移步《==巴拉巴拉:...

2019-08-03 07:53:52 930 3

原创 NodeJs:安装插件‘xxx’后,提示‘xxx’ 不是内部或外部命令也不是可运行的程序或批处理文件

1:首先使用npm、cnpm或者yarn下载所需插件,以nodemon这个插件举例npm install -g nodemon2:命令行查询插件版本信息nodemon --version3:如果提示‘nodemon’ 不是内部或外部命令解决方法找到nodejs下的nodemon插件,复制此路径!下面要用到。4:右击--我的电脑--单击属性--高级系统设置...

2019-07-04 16:39:19 10246 9

原创 Vue:子组件接收不到父组件所传的值(v-bind)

一个很基础的父组件向子组件传值:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...

2019-07-03 18:01:58 4159

原创 前端:数据的浅拷贝与深拷贝问题区别解析(来一点变相深拷贝的说)

前端数据交互赋值的时候很容易遇到深拷贝浅拷贝的问题,就会导致数据的耦合,今天来用一组代码来说明一下首先来看一下普通的数据拷贝:<script> const sourceData = ['today','is','Sunday',20190622]; const commonCopy = sourceData; commonCopy[3] = '2019...

2019-06-23 12:20:31 391

转载 前端:发展史

原文:地址地址二巴拉巴拉:==主页传送门==

2019-06-15 16:31:07 124

原创 三种函数执行方式(普通函数、IIFE、ES6块级作用域)

1:普通函数的执行方式function test(){ let n=10; if(true){ let n=5; } console.log(n);}test();2:IIFE写法(立即执行)(function(){ let n=10; if(true){ let n=5; } co...

2019-06-13 07:35:13 384 1

原创 Invalid default value for prop "tableData": Props with type Object/Array must use a factory function

原文参考:地址问题:问题大致意思为:“tableData”的默认值无效:带有对象/数组类型的道具必须使用工厂函数返回默认值导致问题的代码:props:{ tableData:{ type:Array, default:[] },}解决办法:修改default返回类型的方式props:{ tableDat...

2019-05-15 14:19:08 7384

原创 前端获取当前的时间(年月日,周,时分秒),一点点详细哦。

首先获取本地时间,然后对其进行针对性取值即可,如下:<script> let date = new Date(); let dateYear = date.getFullYear(); //获取年 let dateMonth = date.getMonth(); //获取月 let date...

2019-05-15 13:57:58 27120 2

原创 常见的、不常见的数组操作方法汇总

(1)concat:将多个数组合并成一个数组<script> //concat数组合并 let arrOne = ['梦','为','努',';力']; let arrTwo = ['浇','了','水']; let arrThree = ['L','J','J']; let arrAll = arrOne.concat(arrTwo,...

2019-05-12 17:48:00 248

转载 学习--lodash--,这一篇就够了?

原文:地址在ES6盛行,ES78马上就要出来的情况下;我们还是需要懂得一些工具库的使用,比较推荐的是lodash。在下面就会谈一谈为什么要使用lodash和lodash的基本使用。首先要明白的是lodash的所有函数都不会在原有的数据上进行操作,而是复制出一个新的数据而不改变原有数据。类似immutable.js的理念去处理。lodash是一套工具库,内部封装了很多字符串、数组、对...

2019-05-12 15:22:52 551 1

原创 Vue:_handler.apply is not a function解决apply不是一个函数的报错情况

今天偶然间碰到了一个从未碰到过的问题(谷歌浏览器下检查出的错误):TypeError: handler.apply is not a function!出现这个报错的原因是因为当前页面中的变量名与事件名一致发生了冲突,项目涉及到的变量以及事件名称过多,导致自己在定义这些变量名以及事件名称的时候大意了,只需要找到对应的变量名和事件名,任改其一,即可解决apply不是一个函数的报错。S...

2019-04-13 13:24:02 20185

原创 Gitlab:使用gitlab无法clone远程代码的解决办法

之前使用的是github,然后今天项目需要使用到gitlab进行项目托管,发现去gitlab上clone代码一直失败,这是因为配置gitlab的SSH Keys时使用的是github创建的id_rsa.pub文件。1:首先使用ssh-keygen -t rsa -C 'yourEmail.com'创建一个新的id_rsa.pub2:打开电脑控制面板=>凭据管理器=>普通...

2019-04-05 22:33:31 20016 8

转载 跨域:怎么解决前端开发过程中的跨域问题(9种跨域方式)

原文:请移步

2019-03-30 17:44:40 1817

转载 Canvas:怎么用canvas实现一个3d球型

原文:地址

2019-03-30 16:08:56 4553

转载 Vue:怎么实现异步组件加载(按需加载)

原文:地址有时候打包出来的js文件过大,严重影响访问速度,这个时候我们就不得不考虑相关方法来提速,毕竟这可是会影响浏览量的。如果只是针对这个问题的话,我们可以考虑以下两方面:nignx开启gzip、缓存。 文件再次拆分-异步加载下面就主要说以下vue组件异步加载的方法:(测试所用的webpack:^4.12.0)1.使用() => import();2.使用resol...

2019-03-30 15:30:55 1316

转载 前端JS获取数组中的最大值和最小值

参考原文:地址实现很简单:<script type="text/javascript"> let arr = [21,3,1,4,23]; let max = Math.max.apply(null,arr); //获取最大值 let min = Math.min.apply(null,arr); //获取最小值 console.log(max,min)...

2019-03-26 12:52:15 2057

原创 JS动态修改transform:scale(x)属性

今天写项目的时候碰到一个修改div缩放的问题,因为并不是直接给定一个固定大小的缩放比例,所以总结一下怎么使用JS控制动态缩放。给定一个div:<div id="box"></div><!-- 初始样式 --><style type="text/css"> *{padding: 0;margin: 0;list-style: no...

2019-03-26 12:28:37 31349

原创 Canvas:在canvas区域内双击会选中整个canvas的问题解决办法

最近接触到canvas的一个项目,很容易的一个效果,点击canvas绘制选中框,其中当点击速度过快时,就会选中整个canvas,这点很苦恼!解决办法:使用onselectstart="return false;"<canvas class="canvas" width="500px" height="500px" id="canvas" onselectstart="return ...

2019-03-25 11:21:29 1926

原创 Hope on the way!

=>微笑 <=

2019-03-24 22:45:51 195

转载 前端中关于模块化管理的理解

地址:请移步

2019-03-24 22:15:07 169

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除