aiyouer0191-CSDN博客

转载宽松等于的情况下，有布尔值的情况需要注意的地方

==在js中一般都不会使用，一般情况下我们会使用===严格相等。今天看《你不知道的js》--中卷--第四章的时候，发现书中讲解了关于==的情况。特别是在一方为布尔类型的情况下特别有意思。先看下放例子：let str = '42';console.log(str == true); // falseconsole.log(str == false); // false如果我们从...

2019-03-21 10:27:00 183

转载 CommonJs/ES6/AMD模块的用法以及区别

github地址：一直以来对CommonJs/AMD/CMD/ES6的文件模块加载一直懵懵懂懂。甚至有时会将CommonJs的exports和ES6的export.default搞混。趁着学习webpack，先搞懂这些模块加载方式再说！！！随着前端的发展，我们日常开发的功能越来越复杂，文件越来越多。随后前端社区衍生出了CommonJs/AMD/CMD/ES6的几种模块加载方式。...

2019-03-20 16:32:00 234

转载五分钟搞懂Vuex

这段时间一直在用vue写项目，vuex在项目中也会依葫芦画瓢使用，但是总有一种朦朦胧胧的感觉。于是决定彻底搞懂它。看了一下午的官方文档，以及资料，才发现vuex so easy！作为一个圈子中的人，决定输出一下文档，如果你仔细看完这篇文章，保证你对vuex熟练掌握。我把自己的代码上传到了github，大家有需要的可以拉下来：github先说一下vuex到底是什...

2018-10-25 11:25:00 198

转载实现把多维数组转为一维数组的几种方式

在开发过程中遇到一个比较ip大小的情况，并且遇到了把二维数组转为一维数组的情况，翻下资料，做下总结。方法一：转字符串法该例子中，tempArr是一个多维数组，使用join将其转为字符串，在使用split方法转换为一维数组。缺点：如果数组中的各个项是number，将不可避免的转为字符串。 /** * 使用转字符串法 */ le...

2018-10-09 16:33:00 2578

转载设置鼠标右键自定义事件

作为一个前端工程师，有时候可能会遇到这种需求，点击鼠标右键，显示自定义ui。这就用到了 contextmenu 事件具体用法：<div id="myBox">当你右键点击我时，会出现自定义事件，当你单击时，自定义取消。</div> <ul class="lists"> <li> ...

2018-08-09 15:12:00 451

转载 JS事件处理程序

之前一直对事件处理程序这个概念不是很清楚，正好趁着看js高程这本书，来总结一下。事件处理程序是跨浏览器的，也就是说不通的浏览器处理事件处理程序不通（主要就是IE）。事件处理程序，分为HTML事件处理程序，DOM0/DOM2级事件处理程序，以及IE事件处理程序。一、什么是事件处理程序：　　说起事件处理程序，需要首先理解什么是事件，事件就是用户或浏览器自身执行的某种动作。例如...

2018-08-08 11:15:00 93

转载 DOM操作的一个小坑

最近在苦读《JavaScript高级程序教程》，真不愧是前端圣经，学到了很多东西。nodeList、NameNodeMap、HTMLCollection这三个集合是动态的！每当文档发生变化，它们都会得到更新。因此，它们始终保存着最新、最准确的信息。在DOM这段遇到一个有意思的例子：例子1：增加内容这个例子首先获取div，然后在一个for循环中，往body追加新的div元...

2018-08-01 17:31:00 114

转载 webpack 引入 html-webpack-plugin 报错

配置webpack当中，出现一个问题：引入html-webpack-plugin 插件报错。这时需要本地（也就是当前项目下）安装一下webpack就可以解决问题了。注意：现在是webpack4版本，需要安装webpack-clinpm install --save-dev webpack webpack-cli转载于:https://www...

2018-06-26 15:50:00 951

转载 The 'brew link' step did not complete successfully

在mac 上更新node时遇到了一系列的问题：卸载node重新安装之后提示：The 'brew link' step did not complete successfully其实这里已经给出了方法：执行第一个命令一般不会出现问题。直接回车就行。执行第二个命令的时候我这里出现了一些问题：说我没有 /usr/local/share/d...

2018-06-22 10:53:00 335

转载判断一个数值是否为正数、负数、零、整数。

最近在看阮一峰老师的《ES6标准入门》的时候，看到ES6新增了两个方法。用来判断一个数值。一、判断整数------Number.isInteger()Number.isInteger() 首先判断该值是否为number类型，不是直接返回false；是number类型的话在判断是否为整数。Number.isInteger(25); //trueNumber...

2018-06-05 15:46:00 11068

转载 Vue 插槽详解

Vue插槽，是学习vue中必不可少的一节，当初刚接触vue的时候，对这些掌握的一知半解，特别是作用域插槽一直没明白。后面越来越发现插槽的好用。分享一下插槽的一些知识吧。分一下几点：1、插槽内可以放置什么内容？2、默认插槽3、具名插槽4、作用域插槽一、插槽内容　　一句话：插槽内可以是任意内容。　　　先看一下下面的代码：声明一个child-com...

2018-05-31 10:53:00 184

转载 Vue props父组件向子组件传值详解

vue官网上可以说有我们想要的一切，先贴上通过prop传值的官网地址：通过prop向子组件传递数据Prop是什么？　　Prop是你可以在组件上注册的一些自定义特性。当一个值传递给一个prop特性的时候，它就变成了那个组件实例的一个属性。　　从这句话上面我们能看出两点　　1、prop是写在组件上的。　　2、把父组件的一个值传给子组件时，这个值通过prop转化成了这...

2018-05-29 15:05:00 235

转载 sublime 设置代码片段不起作用的问题

最近爱上了sublime但是我也继续爱我的Vscode安装sublime代码片段的时候，遇到了设置好的代码片段按　Tab建不起作用的问题。快折磨死的时候灵光一闪：首先检查设置的代码片段 <tabTrigger></tabTrigger>标签里面的内容如果写成html，点击 Tab建不起作用，而是标签。其次：右...

2018-05-21 15:18:00 529

转载 javaScript构造函数、原型、面向对象编程

js最重要也是最核心的东西就是对象了，入行这么长时间，一直对面向对象一知半解。网上有很多介绍对象对象的内容，这里也做了很多借鉴，尤其是阮一峰老师的文章。我这里写的大多例子都是阮一峰老师文章的例子，但是加上了我自己的见解。JavaScript面向对象编程js最核心的东西就是对象，万物皆对象。对象分为普通对象和函数对象。分区是看是否有function关键字。为什...

2018-04-09 15:23:00 88

转载 SyntaxError: Unexpected token ' in JSON at position 1

刚才遇到一个问题：在公司两个不同的环境竟然会出现错误对比一下两个环境的数据，发现一个传来的是双引号的JSON字符串，一个是单引号。而当我用JSON.parse()时，就会报错！！原因是JSON.parse()转换的字符串必须k和value必须是双引号！！！记录一下。转载于:https://www.cnblogs.com/chi...

2018-03-20 15:41:00 756

转载 elementui 日期选择器设置当前默认日期（picker-options），以及当前日期以后的无法选择（default-value）...

目前官方的日期默认是当前日期，打开之后长这样子：现在是三月13日，但是有的需求是当前日期在后面。就像这样：代码如下：default-value是设置当前日期默认值的。"timeDefaultShow"是在data里面的值，而不是方法。<el-date-picker v-model="pickerDate" ...

2018-03-13 17:40:00 9059

转载 js函数形参和实参的区别

在《Javascript权威指南》中这样定义：　　参数有形参（parameter）和实参（argument）的区别，形参相当于函数中定义的变量，实参是在运行时的函数调用时传入的参数。　　说明白就是，形参就是函数声明时的变量，实参是我们调用该函数时传入的具体参数。　　例子：　　声明函数add时，a，b就是形参。调用函数add(1,2) 1，2就是实...

2018-03-10 17:54:00 812

转载 ES6--javascript判断一个字符串是否存在另一个字符串中

es5中我们经常使用indexof()方法来判断一个字符串是否包含另外一个字符串中。如果存在则返回匹配到的第一个索引值。如果没有则返回 -1。所以，判断一个字符串是否包含另外一个字符串中只需要判断是否为-1就行。-1代表不存在。例如：let str = 'Hello World!';console.log(str.indexOf('H'));//0 st...

2018-03-09 21:58:00 690

转载 vue项目--favicon设置以及动态修改favicon

最近写公司项目时，动态更新favicon动态更新之前需要有一个默认的favicon。目前vue-cli搭建的vue项目里面已经有了一个static文件夹，存放静态文件。favicon图片放到该文件夹下。然后再index.html中添加：<link rel="shortcut icon" type="image/x-icon" href="st...

2018-03-05 16:34:00 1182

转载为什么说for循环设置循环变量的那部分是一个父作用域？

最近在看阮一峰老师的《ES6》看到let时，发现一处for循环很神奇的地方。书中的原话是：“另外，for循环还有一个特别之处，就是设置变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。”书中的例子是：1 for(let i = 0; i < 3; i++){2 let i = 'abc';3 console.log...

2018-02-23 21:33:00 205

转载 element ui form表单清空规则

公司项目重构，经过商定使用element ui。在重构项目的时候发现一下element ui上很蛋疼的东西。例如，这个form表单就是一个。趁着在高铁上没事，把想写的东西写一下。先说一下element ui提交form表单的时候，如果没有进入我们预想的代码流程，一般就是你写的自定义验证规则有误。例如如下代码。验证镜像的名称是否重复的一个方法。每个if-else都需要有内...

2018-02-12 19:13:00 791

转载 input type file上传文件之后清空内容。

上次写过如何上传文件，上传成功之后，会出现一些问题。当我打开上传的文件，但是没有点击上传，然后关闭弹窗，接着继续上传刚才的那个文件。为了满足产品组的要求，我们一般都会把样式进行一定的覆盖。但这就会出现一定的问题。按照上面说的那种情况，当我再次打开之后覆盖样式的内容为空。其实刚开始是百思不得其解的，最后想了一下，应该是file文件内容没有清空的原因造成的。上网查各种清空的方...

2018-02-12 18:46:00 1605

转载 vue项目上传文件以及进度条

最近做项目的时候，需要上传自定义镜像。并且附带进度条，上网查询一下资料，经过一番折磨，也总算做出来了，把自己写项目的内容给大家分享一下。先直接贴代码吧1.首先声明一个formData对象。2.把需要上传的参数利用append追加进去。append('参数名','值')第一个this.$refs.upload.files[0],其实就是input标签加上ref唯一关键字...

2018-02-12 18:32:00 1016

转载 vue项目中使用iconMoon图标

前两篇文章写了一下如何在vue项目中使用vue-awesome和阿里的iconfont，这里介绍一下如何使用iconMoon图标iconMoon和前两者相比可以生成自己的矢量图，这点是我喜欢的。至于前两种有没有这个功能我暂时没了解，今天用了一下iconMoon瞬间喜欢上！！首先提示一下：不要用我们的png,jpg等格式来转成svg格式。一个是基于像素的，一个是基于矢量线的，...

2018-01-03 20:00:00 998

转载 vue项目中使用阿里iconfont图标

在上一篇文章中介绍了如何在vue项目中使用vue-awesome，如果你想了解，请移步《vue项目中使用vue-awesome》这里介绍一下vue项目中如何使用阿里的iconfont图标库，先看一下官网可以看到有将近两百万的图标量，可以说我们想要的矢量图图标这里大部分都是有的，下面直接开始如何在vue项目中使用，方法有两种方法一：简单粗暴法1.打开iconFont...

2018-01-03 16:12:00 90

转载 vue项目中使用vue-awesome

公司在项目重构时，遇到图标问题，然后把vue-awesome、iconfont、iconMoon都试了一遍，虽然最终使用了iconMoon但是也要把这两个过程记录一下。github地址1.首先安装vue-awesome依赖包安装方法：使用npm安装npm install vue-awesome使用bower安装bower install vue-awes...

2018-01-03 15:48:00 329

转载 vue-cli打包之后页面为空的问题。

做了一个demo，想看一下打包之后的样子，发现页面是空的。发现问题就要解决：1.首先看控制台没有报任何错误，那就证明我们的代码是没有任何问题的。只能是路径问题造成的。2.在路由router/index.js中加入一个404页面,代码引入创建之类的就不说了。也就是说只要路径错误，Error这个vue组件就会显示{ path: '*', n...

2017-12-29 11:08:00 149

转载 Do not use built-in or reserved HTML elements as component id: header

刚刚在搭建项目时发现控制台报错查找发现是因为组件名称所致，也就是当我们起名一个header.vue的组件时，我们安装的vue插件会自动把name设置为default这就造成了错误把header修改为headerNav就ok了！！当然你可以修改为任何你喜欢的名字，前提是不冲突转载于:https://www.cnblogs.com/chinabin1993/p...

2017-12-28 15:51:00 97

转载基于webpack搭建vue-cli以及webstorm的设置

N1.检查本地电脑是否安装node和npm安装vue-cli的前提是已经安装了npm是否安装npm检查命令npm -v如果出现版本号，说明已经安装了npm查看node版本号node -v如果未出现上述情况，请前往官网下载稳定版本，也可以点右边的穿梭机下载，目前vision用的node版本是8.9.3走你--node下载注意：可以直接在官网上...

2017-12-28 11:33:00 243

转载数组方法总结

上周没事的时候把自己对数组方面的理解做了一下总结，知识点不深，方便以后的查阅。1.对象继承方法//对象继承方法toString() toLocalString() valueOf()//toString()返回的结果是去掉数组两边的"[" "]",toLocalString()和前者相同，而valueOf()返回的则是数组本身var arr = [1,2,3];...

2017-12-15 23:00:00 75

转载微信小程序底部弹框动画

在写小程序的时候，一般会碰到底部弹出动画，就像下面这样的效果直接进入正题https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-animation.html1.首先需要写点击触发事件<view class='text' bindtap='chooseSezi'>请选择：颜色/尺码</view>...

2017-09-28 11:12:00 213

转载 Flex布局--必然的选择

这篇文章是我在阮一峰老师的flex布局教程下，按照自己的理解重写写一遍，以便增强理解。如果你来到这里最好去看一下阮一峰大神的Flex布局教程正式开始自己的。说起布局方式，大家首先要了解css3有哪些布局方式，这里就不一一详解了。网上一大堆，而且平时写css3的时候大家一般也都会用到。Flex布局：1.概念：flex布局，英文全称为：Flexible Box 也就是弹性盒子...

2017-07-28 18:07:00 140

转载初识laytpl

laytpl-精致巧妙的JavaScript模板引擎这两天在做一个mui项目，列表需要循环很多的数据。在公司同事的指引下认识了这个新的模板--laytpl。我只想说，很好用们很巧妙。废话不多说，直接看如何使用。首先，我们需要下载laytpl.js文件官网http://www.layui.com/laytpl/然后我们创建一个data.js文件用来存储数据里面的内容我...

2017-07-27 20:51:00 172

转载文字只显示一行，和文字只显示两行的问题

在我们设置样式的时候，不可避免的涉及到内容只出现一行或只出现自己想要的行数。1.首先说一行的问题。<div class="outer">如果内容超出，还会看到现在的内容吗？哒哒哒哒哒</div>.outer {width: 200px;overflow: hidden;text-overflow: ellipsis;wh...

2017-07-24 18:51:00 3279

转载关于getAttribute()和setAttribute()的总结

继续声明：欲练其功，必先自宫。博主正处在自宫阶段，修炼得道者多多指教。最近在看《JavaScript DOM 编程艺术》这本书，看到了getAttribute()和setAttribute()就想把自己的收获写下来。以及书中出现的疑点。getAttribute是一个函数。它只能通过元素节点对象调用。也就是说用获取到的元素来调用。语法：object.getAttribute(a...

2017-07-15 12:53:00 209

转载关于javascript的"+="连接符

今天在读《javascript Dom 编程艺术》的时候，看到了自己感觉陌生的+=连接符（小白一枚，各位勿耻笑）"+="连接符，可以看成完成一次“加法和赋值”（或者“拼接和赋值”）例如：输出结果为：其实经历的一个过程就是：var day = new Date();var message = "我写该博客的时间是";message = messa...

2017-07-12 21:15:00 174

转载 vscode设置背景图片

最近在知乎上看见有人设置了vscode编辑器的背景图片，觉得很新鲜，就尝试以一下，倒是成功了。1.首先在vscode扩展中，找到background这个插件，快捷键Ctrl+shift+x2.完成第一步就已经有默认背景了，可是想设置自己喜欢的怎么办？往下看打开文件>首选项>设置在右侧设置里"background.enabled": true,...

2017-07-11 16:47:00 700

aiyouer0191的博客