2019年3月12日
摘要: 今天,数据库的操作越来越成为整个应用的性能瓶颈了,这点对于Web应用尤其明显。关于数据库的性能,这并不只是DBA才需要担心的事,而这更是我们程序员需要去关注的事情。当我们去设计数据库表结构,对操作数据库时(尤其是查表时的SQL语句),我们都需要注意数据操作的性能。这里,我们不会讲过多的SQL语句的优 阅读全文
posted @ 2019-03-12 11:12 ygunoil 阅读(176) 评论(0) 推荐(0)
  2019年3月11日
摘要: 如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。 此篇文章中也会简单阐述到栈堆,基本数据类型与引用数据类型,因为这些概念能更好的让你理解深拷贝与浅拷贝。 我们来举个浅拷贝例子: l 阅读全文
posted @ 2019-03-11 13:03 ygunoil 阅读(311) 评论(0) 推荐(0)
  2019年2月22日
摘要: 对于vue来说,组件之间的消息传递是非常重要的,下面是我对组件之间消息传递的各种方式的总结,总共有8种方式。 1. props和$emit 父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。 Vue.component('child',{ data( 阅读全文
posted @ 2019-02-22 16:13 ygunoil 阅读(158) 评论(0) 推荐(0)
  2019年2月20日
摘要: Web 缓存大致可以分为:数据库缓存、服务器端缓存(代理服务器缓存、CDN 缓存)、浏览器缓存。 浏览器缓存也包含很多内容: HTTP 缓存、indexDB、cookie、localstorage 等等。这里我们只讨论 HTTP 缓存相关内容。 之前一直对浏览器缓存只能描述一个大概,深层次的原理不能 阅读全文
posted @ 2019-02-20 22:22 ygunoil 阅读(139) 评论(0) 推荐(0)
  2018年8月2日
摘要: HTML篇 浏览器地址栏运行JavaScript代码 这个很多人应该还是知道的,在浏览器地址栏可以直接运行JavaScript代码,做法是以javascript:开头后跟要执行的语句。比如: javascript:alert('hello from address bar :)'); 将以上代码贴到 阅读全文
posted @ 2018-08-02 09:56 ygunoil 阅读(251) 评论(0) 推荐(0)
摘要: 有兴趣的同学可以文章最后的代码复制贴到控制台玩玩。 Go for Code 在正常模式下,一般只能向console 控制台输出简单的文字信息。但为了把信息输出得更优雅更便于阅读,除了cosole.log()方法外还可以调用 cosole.warn() 来输出警告信息,在控制台中出来的效果如下: 在输 阅读全文
posted @ 2018-08-02 09:39 ygunoil 阅读(785) 评论(0) 推荐(0)
  2018年7月30日
摘要: 一般项目中,有时候会要求,你在数据请求的时候显示一张gif图片,然后数据加载完后,消失。这个,一般只需要在封装的axios中写入js事件即可。当然,我们首先需要在app.vue中,加入此图片。如下: <template> <div id="app"> <loading v-show="fetchLo 阅读全文
posted @ 2018-07-30 11:29 ygunoil 阅读(5513) 评论(1) 推荐(0)
摘要: 一般项目中,有时候会要求,你在数据请求的时候显示一张gif图片,然后数据加载完后,消失。这个,一般只需要在封装的axios中写入js事件即可。当然,我们首先需要在app.vue中,加入此图片。如下: <template> <div id="app"> <loading v-show="fetchLo 阅读全文
posted @ 2018-07-30 11:28 ygunoil 阅读(1383) 评论(0) 推荐(0)
  2018年7月27日
摘要: 移动端页面为了更接近原生的体验,是否可以隐藏滚动条,同时又保证页面可以滚动? 使用 overflow:hidden 隐藏滚动条,但存在的问题是:页面或元素失去了滚动的特性。由于只需要兼容移动浏览器(Chrome 和 Safari),于是想到了自定义滚动条的伪对象选择器::-webkit-scroll 阅读全文
posted @ 2018-07-27 14:14 ygunoil 阅读(324) 评论(0) 推荐(0)
  2018年7月13日
摘要: 什么是 better-scroll better-scroll 是一个移动端滚动的解决方案,它是基于 iscroll 的重写,它和 iscroll 的主要区别在这里。better-scroll 也很强大,不仅可以做普通的滚动列表,还可以做轮播图、picker 等等。 better-scroll 的滚 阅读全文
posted @ 2018-07-13 09:44 ygunoil 阅读(3812) 评论(0) 推荐(0)