邓洲-优快云博客

原创从根本上解决npm install时，node-sass 报错缺少python2

原因因为node-sass安装后会自动执行node-sass/script下的 build.js ，导致运行错误。(在网上找了一大堆文章都是复制粘贴的，根本就没人去分析为什么报错，换淘宝镜像就OK了?为什么要换？)解决方案不需要安装 Python！不一定需要从淘宝镜像安装！(因为有些时候，我们不允许更改镜像)在npm 安装时，不执行构建脚本即可：npm i --ignore-scripts如果只是单独安装node - sass ：npm i node-sass --ignore-scri

2022-03-10 18:13:00 12754 4

原创关于Vue的Update、nextTick 、refs ，虚拟DOM与真实DOM的联系

虚拟DOM和真实DOM相信大家都知道虚拟DOM和真实DOM的区别吧，简而言之就是虚拟DOM是一个人工创造的JS的对象，而真实DOM是document原生对象。我只言片语说不清，大家各自百度一下吧。虚拟DOM的渲染和真实DOM的渲染不是在同一周期中，当然真实DOM渲染之前还有很多步骤不在实际考虑范围之内，我们只需要单独抽象出虚拟DOM和真实DOM的渲染步骤进行比较。好就算你没看懂，那么也没关系，我将用几个实际例子和图文为你讲解。Vue-Update首先我们先了解一下事件循环和DOM渲染的关系，如果不

2021-08-20 05:31:30 2647 5

原创从JS堆栈内存和垃圾回收来理解闭包（绝对深刻！）

数据类型JS的变量类型分为基础类型数据（Number, string, boolean等）和引用类型数据（ Object , Function , Array 等等)。栈内存栈内存是在程序（函数）执行过程中维护的一块内存区，当程序（函数）执行完毕之后，该内存便会自动被垃圾回收。栈内存中只保存基础类型数据（虽然不客观，但是好理解）。栈内存中保存引用类型数据的地址，而不是完整的引用类型数据。function fun(){ let a=0; //函数栈内存保存的是基础类型数据 0 let

2021-08-07 15:59:35 832 3

原创 js中的可迭代对象，Generator的迭代方式，yield *

目录可迭代对象迭代方式1.Generator.next()2.for in 、 for of通过 yield * 迭代可迭代对象我将举一个特别典型的例子来帮你更加理解可迭代对象。可迭代对象可迭代对象你可以理解为内部可循环遍历的对象。在ES6中，可迭代有Array、Map、Set 还有 String；当然还有一些特殊类型比如生成器(Generator)。迭代方式我就不带大家手写迭代器了，直接教大家应用。下面以Generator为例向大家介绍两种迭代方式，第二种大家最熟悉。1.Generato

2021-08-05 12:37:27 737 1

原创 URL编码传输问题（特殊字符）

问题产生过程之前做安卓项目遗留下来的一个问题, 为什么我传输的中文到服务端(Java) 获取参数时, 总是出现各种问题, 莫名其妙就出现了乱码? 各种设置UFT-8 都不管用??我们必须从字符集和字符集编码方面去了解具体URL编码的过程.浏览器环境浏览器的导航栏输入包含中文URL后.浏览器会自动将中文进行URL编码.(我们打开F12开发者工具查看)那么我此时会产生好奇,URL编码是在什么阶段开始编码的?什么适合开始解码的?安卓环境我尝试在非浏览器环境下(比如Android的HttpU

2021-08-04 16:11:26 1411

原创堆栈、作用域、作用域链、变量提升、暂时性死区、闭包等高频问题（教程分享）

直接上课程JS中的堆栈内存及闭包详解上上周看的一个教程，讲的特别特别详细，直接把一套问题从底层开始讲清了，认真看完你还没懂直接回来喷我。

2021-07-27 05:28:09 152

原创 android实现点击空白处失去输入框焦点

目录情景方法效果演示情景这是界面布局。里面包含一个列表容器。当输入框点击后，会触发聚焦事件，两个按钮会变成一个发送按钮。这时，我想实现，点击屏幕空白区，也就是容器列表的位置，让输入框失去聚焦。我试过，无论是模拟器鼠标，还是点击屏幕，都不能取消聚焦。然后RecycleView作为Container容器，也没有点击事件，这该如何是好。方法第一步，我们拖动一个按钮，将RecycleView覆盖。然后取名为Mask，顾名思义，就是遮罩层。我们给它的Text清空，背景设置为TransPa

2021-07-10 23:46:23 2196 2

原创 sass-loader高版本传入全局变量的错误

问题npm run serve打开vue项目就出现这样的问题。因为使用了sass。在vue.config.js中配置了module.exports = { css: { loaderOptions: { sass: { additionalData: ` @import "@/assets/scss/variable.scss"; @import "@/assets/scss/mixin.scss";

2021-07-05 10:55:50 1386

原创 Spring+MyBatis过程中遇到的错误

文章目录1. Property 'driverClassName' threw exception; nested exception is java.lang.IllegalStateException: Could not load JDBC driver class [com.mysql.jdbc.Driver]2.Mapped Statements collection already contains value for com.org.mapper.UserMapper.getUserList.

2021-06-22 07:49:48 1210

原创报错：1 字节的 UTF-8 序列的字节 1 无效。

报错信息背景最近在搞SpringMVC，写第一个案例，出现了这样的错误。其实不管是什么项目，只要用到xml做配置文件就可能出现这种问题。原因XML出现了中文注解解决方案方案一. 删掉中文注释（我知道你不想，那就用下面的方法）方案二. 将有中文注释的xml文件（不需要所有的xml都要改）的顶部的UTF-8<?xml version="1.0" encoding="UTF-8"?>改成UTF8<?xml version="1.0" encoding="UTF8"

2021-06-10 14:39:13 6646 1

原创 localhost不等于127.0.0.1，不要混用！！！

为什么建议百度搜索他俩的区别关键词（如果你遇到类似问题，不妨参考我的思路）Cookie获取不到Cookie删不了Cookie.setMaxAge(0) 无效Referer一直是 http://localhost:8080/href.location 跳转不携带参数无法重定向返回上一页跨域获取不到Cookie直接解决方案request.getCookies()取不到值原因https://blog.youkuaiyun.com/seven_devil/article/details/8506

2021-06-06 17:30:17 1586 4

原创教你如何用本机搭建网盘/服务器、上传/下载资源库（公网）

教你如何用本机搭建网盘/服务器、上传/下载资源库（公网）教程缺点教程我一开始按照正规流程只能买了一套阿里云全家桶搭了套服务：云服务器ECS, 云数据库RDS，对象存储OOS（云盘），数据总线DataHub（做数据备份）。成功部署了云服务器。后来发现本地开发测试不太方便，一直要远程连接云端进行操作，且很多应用不好云端部署（只能本机运行），于是开始着手将本机映射至公网。最终解决方案：第一步：买了个花生壳Http认证附送了个域名，然后用这个域名做了本机内网穿透，这样外网就能使用浏览器通过域名访问本机。

2021-05-19 01:46:51 3389

原创关于评论点赞消息的设计

研究网易云评论点赞消息网易云点赞消息推送是一条一条的，每当评论被点赞一次，就向用户推送一条消息，而且把手机数据清空这些数据仍然保留。因此可以猜想，网易云的每条点赞记录都会被存储，并且最少存储以下数据：1.点赞者的uid2.被点赞者的uid3.评论id4.点赞时间假如以我为平均数，每天接收5条点赞消息，假设每天活跃用户量是3000W，那么每天光评论点赞都有存储1.5亿条数据，况且我翻了下记录，翻到前年还没翻到底，似乎网易云并没打算清空这些数据。但是对用户来说，这些数据大部分都是无用的，因为他们

2021-03-31 05:18:11 1502 1

原创 Error: Compiling RuleSet failed: A Rule must not have a ‘options‘ property when it has a ‘use‘ prope

问题描述Error: Compiling RuleSet failed: A Rule must not have a ‘options’ property when it has a ‘use’ property (at ruleSet[1].rules[3].options: [object Object])在webpack项目打包的时候，出现以上报错信息。根据报错消息大概可以得知，当使用use来加载loader的时候，不能添加options选项，因为use往往是使用多个loader，你无法对

2021-03-20 20:44:23 6034 1

原创 NodeJs的fs.existsync和stat等方法找不到文件（文件明明存在），原因是文件路径包含中文

问题描述先表示：没有水文章，我是真的百度了很久没有答案很纳闷，跟着教程一起做居然翻车，明明是同个文件夹的文件，居然显示不存在？const fs = require("fs")console.log(fs.existsSync('hello.txt')); //false解答问题处在中文路径，相信有不少朋友在平时写笔记案例的时候喜欢以中文命名（做项目肯定不会）。这是一个容易忽略的细节，大家把文件代码和文件放到全英文路径执行就没问题了。...

2021-03-16 20:24:11 1790 1

原创 JS生成器generator，yield关键字的阻塞原理

目录如何使用generatoryield的阻塞原理如何使用generatorgenerator其实本身就是一个迭代器iterator什么是迭代器？参考https://blog.youkuaiyun.com/qq_18433441/article/details/78223502上面文章中讲解了Java的迭代器：集合类Collection实现了接口Iterator所以任何集合类都有一个iterator实例Iterator iterList= list.iterator();//List接口实现了`It

2021-03-11 17:26:41 995 1

原创闭包的经典例子讲解

声明文章中的例子不是我举的，是我复制别人的例子，但是讲解思路是我自己整理的。为的就是给大家分享另外一种思考的方式，比如你曾经看见过这个例子但是看讲解没看明白，或者是闭包的知识比较模糊，那么我就来用我的思路帮大家再讲一遍。如果你连作用域的知识都不知道，那么我推荐你先去看看别的博主的文章再回来看我的讲解。小知识在开始之前，我先说一下词法作用域敲黑板啦！重点重点！词法作用域简单来说就是，函数声明时的作用域。相反的还有动态作用域,也就是函数调用时的作用域。我今天我们只针对词法作用域进行讲解。函数作用

2021-03-09 23:32:48 744 3

原创一个经典的块级作用域例子拆解

例子例一：for (var i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 );}运行结果是66666例二：for (let i=1; i<=5; i++) { setTimeout( function timer() { console.log( i ); }, i*1000 );}运行结果是12345

2021-03-09 22:29:23 167 1

原创 JS原生实现css动画切换避免使用.style来直接添加样式，请使用classList.add代替

项目背景首先我想实现这么一个侧边栏效果直接一个hover就能实现可是我想添加一个效果，就是点击右上角的收回按钮可以锁定住侧边栏，这样鼠标移开就不会自动收回了贴上代码（也可以点目录跳至问题描述）代码HTML<div class="imageList-container movable"> <div id="pullback"><svg t="1613860886171" class="icon" viewBox="0 0 1024 1024" versio

2021-02-22 07:41:12 857

原创原生JS的drag事件实现元素拖拽的bug

项目场景：最近做Uniapp项目，从服务器请求json数据时，console.log打印出的对象中有部分数据字段缺失问题描述：这是服务器的数据，总共包含六个字段这个是控制台打印出的结果，少两个字段不说，连sex字段都错了下面是代码：下拉刷新请求网络数据，而两个url都是一样（我直接复制的）onPullDownRefresh() { uni.request({ url:this.url, success:(res)=> { console.log(re

2021-01-11 20:36:49 2426 1

原创调用系统相机和相册出现闪退报错No Activity found to handle Intent

调用系统相机和相册出现闪退报错No Activity found to handle Intent ：在开发安卓项目的时候遇到了一个问题，当手机调用系统相机和相册的时候会出现闪退的现象，根据报错常常是No Activity found to handle Intent { act=android.media.action.IMAGE_CAPTURE和No Activity found to handle Intent { act=android.media.action.PICK等等问题描述：之所

2021-01-08 03:51:04 4920

原创 Android Studio 自定义底部导航栏（TabBar），使用Constraint LayOut来DIY导航栏，模仿微信导航栏

Android Studio 自定义底部导航栏（TabBar），使用Constraint LayOut来DIY导航栏遇到的问题设计步骤遇到的问题最近在做一个模仿微信的项目，当开发到主界面的时候，我一开始偷懒用了Google自带的BottomNavigationView，然而我是使用这个创建Activity，它还自动创建了三个Menu Item，光改名就够我头疼了，而且还出一堆感叹号，改了一个小时最后改完之后，勉强能用了。但是在后面开发中，因为需求想做一个红点提示，像这样在做的时候，我天真地在Bott

2020-12-17 23:25:14 3805 1

weixin_51116314的博客