2019年07月_LPLIFE

原创微信小程序tabBar的基本设置

app.json当我们想要在小程序中实现下面的效果的时候，可以使用tabBar从图片中可以看到tab的结构：1、3个可选的tab：list: 使用tabBar对象中的list对象数组属性来控制，list数组中的每个元素（对象）,{ "pages": [ "pages/index/index", "pages/publish/i...

2019-07-30 16:37:50 15052

原创 Can't resolve 'element-ui/lib/style.css'

查找依赖包，发现element-ui/lib中并没有发现style.css文件，但是在使用的时候总是隐式加载了style.css文件，导致编译报错解决方式：把全局引入更换为局部引入借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。首先安装：npm install babel-plugin-component -D然后，...

2019-07-29 10:08:20 5084

原创 RegExp类型

ECMAScript通过RegExp类型来支持正则表达式。定义正则表达式的方式：字面量：var expression = /pattern / flags；使用RegExp构造函数：接收两个参数：一个时要匹配的字符串模式，另一个是可选的标志字符串。/* * 匹配第一个"bat"或"cat"，不区分大小写 */var pattern1 = /[bc]at/i;/*...

2019-07-23 16:58:17 224

原创 [Vue warn]: Duplicate keys detected: '1'. This may cause an update error

<div class="result_content"> <p v-for="(item, index) in list" :key="index">{{item}}</p> </div> <div class="result_content"> <p v-for="(ite...

2019-07-22 18:38:36 1026

原创 JavaScript的Array类型包含的方法

栈方法（push()和pop()），只对数组尾部操作push():可以接收任意数量的参数，把他们逐个添加到数组末尾，并返回修改后数组的长度。pop():从数组末尾移除最后一项，减少数组的length值，然后返回被推出栈的元素如下图:队列方法（shift()、unshift()），只对数组首部操作shift()：移除数组中的第一个项并返回该项，同时数组长度减1unsh...

2019-07-21 17:08:15 2128

原创 vue路由去掉#

添加： mode: 'history',export default new Router({ mode: 'history', routes: [ { path: '/', name: 'HelloWorld', component: HelloWorld } ]})

2019-07-18 01:06:49 1195

原创 vue的八种组件通信方式

组件之间的通信主要分为：父子组件之间通信非父子组件之间的通信（兄弟组件、隔代关系组件等）八种通信方式1. props 、$emit2. children、children 、children、parent3. ref4. provide 、reject5. Vuex6. $attrs 与listenters7. eventBus...

2019-07-14 22:44:09 1354

原创挺有趣的css题，看看有没有踩坑的

.blue { color: blue; } .red { color: red; } <div class="blue red">这是什么颜色</div> <div class="red blue">这是什么颜色</div>请问到底是什么颜色？答对了吗？原因：...

2019-07-10 15:43:39 157

原创 JavaScript高级程序第四章变量、作用域和内存问题

第三章有看了，不过就不搬上来了，太多了。纯概念，不过理解了，写代码起来也舒服。ECMAScript变量：基本类型值：简单的数据段包括：Undefined、Null、String、Number、Boolean这五种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。引用类型值：可能由多个值构成的对象引用类型的值：保存在内存中的对象。JavaScript不允...

2019-07-09 22:42:47 169

原创 Uncaught TypeError: Cannot read property '$refs' of null

年少无知的我原先是这样调用子组件中的方法的引用子组件（父组件中）： <ShareBottom ref="child"/>其中ref相当于赋予子组件一个ID的引用，可以当成标识来看。调用子组件的方法（父组件中）： <div @click="this.$refs.child.shareClick();">分享</div>需要改为...

2019-07-09 18:50:32 8977

原创 [Vue warn]: Invalid prop: type check failed for prop "active". Expected Number, got String

意思是需要的是Number类型，但是传递了String类型转换成合适的类型就可以了

2019-07-08 18:40:04 2451

原创 vue中mounted取不到props的值

父组件向子组件传递参数子组件使用props获取但是当子组件中代码异步的时候，可能会出现mounted中取不到传递过来的参数的情况。解决方式：子组件添加监听，如下：export default { props: ['itemData'], data () { return { } }, watch:{ it...

2019-07-05 17:55:13 13693 2

原创 JavaScript如何使句子的标点符号单独占一行

这个标题可能说的不太明确，原谅词穷。看图：一个竖排的句子,正常渲染出来是这样的：实际上想要的效果：实现方法：使用replace、正则表达式vue中： <li v-for="(item, index) in data" :key="index"> {{item.replace(/[,，\.。]/,...

2019-07-04 16:54:30 774

原创 JavaScript RegExp 对象

RegExp对象概念：表示正则表达式，它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法：new RegExp(pattern, attributes);pattern：字符串，指定了正则表达式的模式或其他正则表达式。attributes：可选参数，包含属性"g","i","m",分别指全局匹...

2019-07-03 23:54:54 137

原创 isPrototypeOf()和hasOwnProperty()

两者都是object类型的方法isPrototypeOf()：方法用于测试一个对象是否存在于另一个对象的原型链上。如下：hasOwnProperty()：方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性（也就是是否有指定的键）如下：...

2019-07-03 10:22:08 869

原创对scrollTo的一些看法

通常会涉及到这样的交互：1. 用户下拉浏览当前页面的内容2. 然后从页面上的链接跳转到其他的页面上，3. 用户操作返回在返回的时候，往往会停留在初始浏览的位置。想要返回时停留在页面顶部，可以这样实现： window.scrollTo(0, 0);作用：把内容滚动到指定的坐标。语法：scrollTo(xpos,ypos)参数描述 xpos ...

2019-07-01 11:44:34 519

原创 JavaScript高级程序第二章script元素

红宝书值得多读几遍。<script>元素作用：向HTML页面中插入JavaScript的主要方法，就是使用<script>元素。它的属性：async：可选。表示应该立即下载脚本，但不应该妨碍页面中的其他操作，比如下载其他资源或等待加载其他脚本。只对外部脚本文件有效。 charset：可选。表示通过src属性指定的代码的字符集。由于大多数浏览器会忽略它的值，...

2019-07-01 00:25:32 245

LPLIFE的博客