2018年08月_祥哥的说

转载 VUE的nextTick

一、定义［nextTick、事件循环］　　nextTick的由来：　　　　由于VUE的数据驱动视图更新，是异步的，即修改数据的当下，视图不会立刻更新，而是等同一事件循环中的所有数据变化完成之后，再统一进行视图更新。　　nextTick的触发时机：　　　　在同一事件循环中的数据变化后，DOM完成更新，立即执行nextTick(callback)内的回调。　　应用场景：　　　　...

2018-08-14 17:41:08 296

转载 js事件循环机制

一、JS单线程、异步、同步概念　　从上一篇说明vue nextTick的文章中，多次出现“事件循环”这个名词，简单说明了事件循环的步骤，以便理解nextTick的运行时机，这篇文章将更为详细的分析下事件循环。在此之前需要了解JS单线程，及由此产生的同步执行环境和异步执行环境。　　众所周知，JS是单线程（如果一个线程删DOM，一个线程增DOM，浏览器傻逼了～所以只能单着了），虽然有webwo...

2018-08-14 17:39:13 19187 1

转载 Vue组件中如何获取非Prop特性的值

学习Vue.js文档的过程中，发现组件那一章，非Prop特性一节有些疑问：所谓非 prop 特性，就是指它可以直接传入组件，而不需要定义相应的 prop。尽管为组件定义明确的 prop 是推荐的传参方式，组件的作者却并不总能预见到组件被使用的场景。所以，组件可以接收任意传入的特性，这些特性都会被添加到组件的根元素上。例如，假设我们使用了第三方组件 bs-date-input，它包含一...

2018-08-13 20:49:42 488

转载 Vue路由开启keep-alive时的注意点

这个不是业务的要求，但是看到每次进入页面就重新渲染DOM然后再获取数据更新DOM，觉得作为一个前端工程师有必要优化下的加载逻辑，正好vue提供了 keep-alive 的功能，所以就试用了下。当然，干任何事儿都不会一帆风顺的，在路上的磕磕碰碰在所难免，故在此记录下遇到的问题，希望看到这篇文章的人能有所帮助。ps：这个也没多难。HTML部分：<template> <d...

2018-08-07 21:33:17 1070

转载 Vue中router-link及其属性介绍

原文地址：http://router.vuejs.org/zh-cn/api/router-link.html<router-link><router-link> 组件支持用户在具有路由功能的应用中（点击）导航。通过 to 属性指定目标地址，默认渲染成带有正确链接的 <a> 标签，可以通过配置 tag 属性生成别的标签.。另外，当目标路由成功激活时，链...

2018-08-07 16:48:44 8128 1

转载 Vue 2.0学习笔记：使用$refs访问Vue中的DOM

Vue 2.0学习笔记通过前面对Vue的学习，到现在我们很有必要进一步了解Vue实例中的一些特殊的属性和方法。首先要了解的是$refs属性。但是在深入到JavaScript部分之前，我们先看看模板。<div id="app"> <h1>{{ message }}</h1> <button @click="clickedBut...

2018-08-05 15:47:32 4881

原创题目集合

1、且运算或运算---考点：逻辑操作且运算符"&&"的运算规则是：如果第一个运算子的布尔值为true，则返回第二个运算子的值（注意是值，不是布尔值）；如果第一个运算子的布尔值为false，则直接返回第一个运算子的值，且不再对第二个运算子求值。eg:返回参数 a 和 b 的逻辑且运算结果function and (a,b){ return !!(a&a...

2018-08-04 00:10:55 286

原创获取二进制数中某一位的值

题目描述获取数字 num 二进制形式第 bit 位的值。注意：1、bit 从 1 开始2、返回 0 或 13、举例：2 的二进制为 10，第 1 位为 0，第 2 位为 1示例1输入复制128, 8输出复制1我的解答：function valueAtBit(num, bit) { var str=num.toString(2); r...

2018-08-04 00:04:50 6395

转载如何解决GitHub冲突：使用命令行解决合并冲突

如何解决GitHub冲突<二>：使用命令行解决合并冲突原文地址：https://help.github.com/desktop/guides/contributing/syncing-your-branch/你可以使用命令行和文本编辑器来解决“合并冲突”。合并冲突往往会发生在以下情况：（1）多个代码更改发生在同一行代码上（2）一个提交删除了某一个文件而另一个提...

2018-08-03 20:24:38 2663

祥哥的说