让心去旅行

2019年3月19日

组件中 data 什么时候可以使用对象？这道题其实更多考的是 JS 功底；组件复用时所有组件实例都会共享 data，如果 data 是对象的话，就会造成一个组件修改 data 以后会影响到其他所有组件，所以需要将 data 写成函数，每次用到就调用一次函数获得新的数据；当我们使用 new Vu Read More

posted @ 2019-03-19 11:37 让心去旅行 Views(120) Comments(0) Diggs(0) Edit

面试题之几种常见设计模式

单例模式：单例模式很常用，比如全局缓存、全局状态管理等等这些只需要一个对象，就可以使用单例模式；单例模式的核心就是保证全局只有一个对象可以访问。因为JS是门无类的语言，所以别的语言实现单例的方式并不能嵌入 JS 中，我们只需要用一个变量确保实例只创建一次就行，以下是如何实现单例模式的例子：在 Read More

posted @ 2019-03-19 10:49 让心去旅行 Views(2000) Comments(0) Diggs(0) Edit

2019年3月5日

声明式开发 & 命令式开发

何为声明式开发，何又为命令式开发~~~ 这里我不做太多概念的剖析，我们只要明确一个：声明式开发只是告诉计算机需要什么，而不是把每一步都计划好；典型代表为React；命令式开发则是每一步明确的去操作DOM；典型代表 Jquery； Jquery开发相信大家已经很 6 了，那我们着重剖析一下以 Re Read More

posted @ 2019-03-05 17:03 让心去旅行 Views(394) Comments(0) Diggs(0) Edit

React之ref

作为响应式开发框架React，我们知道他是数据驱动的，但有时候避免不了还是得动用到DOM操作，这个时候我们就可以用到ref；用法如下：然后这样做有个弊端，当一个 ul 下面的 li 是动态添加的时候，不能通过 this.ul.querySelectAll('li').length 实时捕获；原因剖 Read More

posted @ 2019-03-05 16:15 让心去旅行 Views(92) Comments(0) Diggs(0) Edit

深入剖析虚拟DOM提升性能（Vue，React）；

I.原始渲染方式（直接操作DOM）： 1.state数据； 2.JSX模板； 3.数据 + 模板相结合，生成真实的DOM来显示； 4.state发生改变； 5.数据 + 模板结合，生成真实的DOM来显示，替换上一个模板； II.原始渲染方式改良方案（比对之后再操作DOM）： 1.state数据； Read More

posted @ 2019-03-05 15:16 让心去旅行 Views(505) Comments(0) Diggs(0) Edit

2019年2月22日

vue 通过自定义指令实现置顶操作；

项目需求：要求当前项目每个页面滑到超出一屏的距离时，出现 backTop 按钮，点击则回到最顶端；俗称置顶操作：因为涉及到的页面较多，每个页面都加肯定显得重复累赘，最终想到了 Vue 的自定义指令 Vue.directive；场景分析：①.监听页面滚动过程，计算当前的 scrollY 与设定的 Read More

posted @ 2019-02-22 17:07 让心去旅行 Views(1837) Comments(0) Diggs(0) Edit

vue axios拦截器 + 自编写插件实现全局 loading 效果；

项目需求：用自定义的 .gif 图标实现全局 loading 效果；为避免在每个页面手动添加，且简单高效的实现，经查阅资料，最终采用了 vue axios拦截器 + 自编写 loading 插件；下面直接贴上代码~ 在公用模块定义loading文件，含 index.js，loading.vue文件， Read More

posted @ 2019-02-22 15:08 让心去旅行 Views(565) Comments(0) Diggs(0) Edit

2019年2月21日

vue 中使用 axios 请求接口，请求会发送两次问题

在开发项目过程中，发现在使用axios调用接口都会有两个请求，第一个请求时，看不到请求参数，也看不到请求的结果；只有第二次请求时才会有相应的请求参数以及请求结果；那为甚么会有这么一次额外的请求呢，后面经过查证资料发现：如果只是普通的 ajax 请求，也不会发起这个请求，只有当 ajax 请求绑定 Read More

posted @ 2019-02-21 19:54 让心去旅行 Views(5344) Comments(2) Diggs(1) Edit

vue 之组件递归；

在开发一个 PC 端的项目时，需要开发一个树状结构，直接上效果图如下：点击 "+" 号的时候则展开下一级，点击 "-" 号的时候则收起；之所以写这篇博客，因为在实现过程中用到了组件递归，觉得之后再遇到此种功能时能借鉴一下，treeViewItem.vue 中通过 name： "treeViewIt Read More

posted @ 2019-02-21 17:11 让心去旅行 Views(757) Comments(0) Diggs(0) Edit

2019年2月19日

vue 之筛选功能实现

要实现的效果如下：根据输入框里面输入的内容筛选下面列表；推荐实现代码如下：其中 allProductData 就是用来下拉列表的数据，allProductList 为从获取的所有列表的数据； Read More

posted @ 2019-02-19 10:17 让心去旅行 Views(2764) Comments(0) Diggs(0) Edit

公告