古兰精

2018年4月1日

微信实践记录：微信小程序分包后报错：[获取文件失败] 以下文件已被配置忽略打包上传

摘要：一、微信小程序分包后报错：[获取文件失败] 以下文件已被配置忽略打包上传 1、问题报错：[获取文件失败] 以下文件已被配置忽略打包上传，模拟器无法获取 2、解决办法：（1）在微信开发者工具中，右上角点击详情：工程配置文件设置开发文件忽略 2、project.config.json 的 settin 阅读全文

posted @ 2018-04-01 16:36 古兰精阅读(1783) 评论(0) 推荐(0)

理解JS里的稀疏数组与密集数组

摘要：一般来说，JavaScript中的数组是稀疏的。什么是稀疏呢？稀疏也就是说，数组中的元素之间可以有空隙，因为一个数组其实就是一个键值映射。本文解释了如何创建稀疏数组和不稀疏的数组。 1、稀疏数组创建一个指定长度的稀疏数组很简单：当你遍历它时，你会发现，它并没有元素，JavaScript会跳过这阅读全文

posted @ 2018-04-01 15:22 古兰精阅读(5512) 评论(0) 推荐(1)

2018年3月30日

浅析 vite.config.js 常见基础配置及本地打包解决Cross origin requests are only supported for protocol schemes的问题

摘要： 1、配置@ import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // 需要引入 path export default defineConfig({ plug 阅读全文

posted @ 2018-03-30 21:34 古兰精阅读(4353) 评论(0) 推荐(0)

Vue-router路由基础总结（二）

摘要：一、命名路由有时我们通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称。我们直接在路由下添加一个 name 即可。要链接到一个命名路由，可以给 router-link 的阅读全文

posted @ 2018-03-30 20:15 古兰精阅读(1114) 评论(0) 推荐(1)

浅析vue实现监听切出当前页面的两种方法：visibilitychange事件和onblur事件

摘要：一、visibilitychange事件首先说一个h5事件 visibilitychange visibilitychange是浏览器新添加的一个事件，当浏览器当前页面被最小化，或者切换到浏览器的其他标签页，或者从其他页面或应用返回到当前标签页，都会触发这个事件。 document.visibil 阅读全文

posted @ 2018-03-30 19:29 古兰精阅读(3573) 评论(0) 推荐(0)

模拟源码深入理解Vue数据驱动原理（2）

摘要：我们说到如果监听的属性是个对象呢？那么这个对象中的其他属性岂不就是监听不了了吗？如下：倘若user中的name、age属性变化，如何知道它们变化了呢？今儿，就来解决这一问题。通过走读Vue源码，发现他是利用Observer构造函数为每个对象创建一个Observer对象，来监听数据的，如果数据中的阅读全文

posted @ 2018-03-30 16:11 古兰精阅读(274) 评论(0) 推荐(0)

2018年3月29日

JS函数节流和函数防抖问题分析

摘要：问题1：如果实现了dom拖拽功能，但是在绑定拖拽事件的时候发现每当元素稍微移动一点便触发了大量的回调函数，导致浏览器直接卡死，这个时候怎么办？问题2：如果给一个按钮绑定了表单提交的post事件，但是用户有些时候在网络情况极差的情况下多次点击按钮造成表单重复提交，如何防止多次提交的发生？为了应对如阅读全文

posted @ 2018-03-29 21:11 古兰精阅读(801) 评论(0) 推荐(0)

深入理解JS函数节流和去抖动

摘要：一、什么是节流和去抖？ 1、节流节流就是拧紧水龙头让水少流一点，但是不是不让水流了。想象一下在现实生活中有时候我们需要接一桶水，接水的同时不想一直站在那等着，可能要离开一会去干一点别的事请，让水差不多流满一桶水的时候再回来，这个时候，不能把水龙头开的太大，不然还没回来水就已经满了，浪费了好多水，这阅读全文

posted @ 2018-03-29 20:53 古兰精阅读(6428) 评论(0) 推荐(0)

模拟源码深入理解Vue数据驱动原理（1）

摘要： Vue有一核心就是数据驱动（Data Driven），允许我们采用简洁的模板语法来声明式的将数据渲染进DOM，且数据与DOM是绑定在一起的，这样当我们改变Vue实例的数据时，对应的DOM元素也就会改变了。通过粗浅地走读Vue的源码，发现达到这一效果的核心思路其实就是利用ES5的defineProp 阅读全文

posted @ 2018-03-29 20:29 古兰精阅读(675) 评论(0) 推荐(0)

2018年3月28日

vue实现数据驱动视图原理

摘要：一、什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。比如说我们点击一个button，需要元素的文本进行是和否的切换。在jquery刀耕火种的年代中，对于页面的修改我们一般是这样的一个流程阅读全文

posted @ 2018-03-28 21:11 古兰精阅读(2377) 评论(0) 推荐(1)

公告