古兰精

2018年4月2日

浏览器工作原理：浅析作用域链和闭包 - 代码中出现相同的变量，JavaScript引擎是如何选择的？

摘要：在上一篇文章中我们讲到了什么是作用域，以及 ES6 是如何通过变量环境和词法环境来同时支持变量提升和块级作用域，在最后我们也提到了如何通过词法环境和变量环境来查找变量，这其中就涉及到作用域链的概念。理解作用域链是理解闭包的基础，而闭包在 JavaScript 中几乎无处不在，同时作用域和作用域链还阅读全文

posted @ 2018-04-02 17:08 古兰精阅读(623) 评论(0) 推荐(0) 编辑

Vue脚手架（vue-cli）搭建和目录结构详解

摘要：一、环境搭建 1、安装node、npm、webpack，不多说 2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。二、用vue-cli来构建项目 1 阅读全文

posted @ 2018-04-02 16:10 古兰精阅读(15758) 评论(1) 推荐(9) 编辑

2018年4月1日

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

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

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

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

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

posted @ 2018-04-01 15:22 古兰精阅读(5453) 评论(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 古兰精阅读(3297) 评论(0) 推荐(0) 编辑

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

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

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

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

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

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

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

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

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

2018年3月29日

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

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

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

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

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

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

公告