i_ViOLeT_i-CSDN博客

原创 webpack5带来的变更

webpack5带来的变更默认值在webpack5中，以下内容变成了默认值，不想改可以不写entry: './src/index.js',output: { filename: '[name].js', path: path.resolve(__dirname, 'dist'),}devServer 的变化启动 devServe 的方式由 webpack-dev-server 变为 webpack serve注意！ webpack serve 内部还是需要 webpack-d

2021-02-18 17:01:33 304

原创 github图裂解决方案【记录】

问题：GitHub 仓库中上传的图片图裂、头像图裂、凡是图片都图裂，非常困扰。解决方案：1、修改hosts配置，在电脑中找到hosts文件：Windows 系统：C:\Windows\System32\drivers\etc\hostsLinux 系统：/etc/hostsMac系统：/etc/hosts2、打开该文件（我用了vscode打开），复制下面的内容，粘贴到文件最后面，保存，关掉。# GitHub520 Host Start185.199.108.154

2021-01-07 09:36:02 788 1

原创报错：Error: Can't find Python executable "python", you can set the PYTHON env variable.

先讲一下本人是怎么遇到这个报错的，执行：npm i sass-loader node-sass后遇到遇到了这个问题网上很多方法都是Python及环境变量配置，亲测后没有效果，解决办法：通过cnpm 来 install sass-loader node-sass1、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm....

2020-03-20 17:01:52 426 1

原创 vue 中v-if和v-for一起使用；p标签中可以放p标签吗？

记录一下今天项目中踩的两个坑。数据是从后台取的，然后通过v-for循环展现出来，由于一些原因，获取到后台返回的值是一个空对象，导致报错。想着直接v-if判断一下对象，如果是空就不编译就不会导致循环空对象报错。然后就有了下面的代码。<div class="" > <p class="a">xxxx</p> <p class="value"...

2019-08-28 14:49:48 2440

原创 JS《剑指offer》第十一题二进制中1的个数

第十一题二进制中1的个数题目描述输入一个整数，输出该数二进制表示中1的个数。其中负数用补码表示。分析计算机中正数就是原码表示，负数用补码表示，所以不需要我们自己把数字转化为二进制。题目中说到负数用补码表示，实际上计算机中的负数就是用补码表示的。所以，输入的数字我们也可以直接当成二进制就行。1、可能引起死循环的解法：每次都用最右边一位判断是不是1，判断完后，然后右移一位。如果是正...

2019-08-27 11:08:12 241

原创 JS《剑指offer》第十题矩形覆盖

第十题矩形覆盖题目描述我们可以用21的小矩形横着或者竖着去覆盖更大的矩形。请问用n个21的小矩形无重叠地覆盖一个2*n的大矩形，总共有多少种方法？分析考察数学建模能力这题关键就是要学会分析题目。如果会分析题目就会变得很简单设用n个21的小矩形，覆盖2n大矩形，有f(n)种方法1）n=1，方法：1种2）n=2，方法：2种。。。。。。3）n=3，方法：如果先竖着覆盖，则剩下...

2019-08-01 16:52:15 190

原创 JS《剑指offer》第九题变态跳台阶

第九题变态跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级……它也可以跳上n级。求该青蛙跳上一个n级的台阶总共有多少种跳法。分析考察数学建模能力这题关键就是要学会分析题目。这道题就是上一道题的变形，如果会分析题目就会变得很简单设跳n级，有f(n)种跳法1）n=1，跳法：1种2）n=2，跳法：2种。。。。。。3）n=n-1，跳法：如果第一次跳1级，则剩下有f(n...

2019-08-01 16:05:39 203

原创 JS《剑指offer》第八题跳台阶

第八题跳台阶题目描述一只青蛙一次可以跳上1级台阶，也可以跳上2级。求该青蛙跳上一个n级的台阶总共有多少种跳法（先后次序不同算不同的结果）。分析考察数学建模能力这题关键就是要学会分析题目。其实就是斐波那契数列1级台阶时，1种跳法2级台阶时，2种跳法n>2级台阶时，把n级台阶时的跳法看成是n的函数，如果n级台阶记有f(n)种跳法，当第一次跳了1级，那么剩下有f(n-1)种...

2019-08-01 16:02:41 207

原创 WebSocket

1、什么是WebSocket？WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。如果通过ajax实现双向通信，需要写一个定时器不断请求，即轮询，然后以固定的间隔给服务器发请求，询问服务器有没有新消息。1）浪费服务器资源，不断地连接和断开请求资源2）...

2019-08-01 15:50:02 238

原创 JS《剑指offer》第七题斐波那契数列

第七题斐波那契数列题目描述大家都知道斐波那契数列，现在要求输入一个整数n，请你输出斐波那契数列的第n项（从0开始，第0项为0）。n<=39分析一看到这道题，想到的就是用递归来做，递归代码慢，因为重复的计算太多。改进：把已经得到的数列中间项保存起来，下次需要计算的时候先去查找一下，如果前面已经计算过就不用再重复计算了function Fibonacci(n){ /...

2019-07-26 16:37:19 216

原创 JS《剑指offer》第六题旋转数组的最小数字

第三题从尾到头打印链表题目描述把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个非减排序的数组的一个旋转，输出旋转数组的最小元素。例如数组{3,4,5,1,2}为{1,2,3,4,5}的一个旋转，该数组的最小值为1。 NOTE：给出的所有元素都大于0，若数组大小为0，请返回0。看到这题目时，我觉得“非减排序”说的有点含糊，个人觉得这包含很多种情况，例如，[...

2019-07-25 10:23:35 190

原创 JS《剑指offer》第三题从尾到头打印链表

第三题从尾到头打印链表题目描述输入一个链表，按链表值从尾到头的顺序返回一个ArrayList。做这题的时候用了两种方法一、方法一：思路：栈。将链表按顺序把val放进数组，放进数组的方式是从头部开始添加。画了一个图便于理解，也许不够严谨function printListFromTailToHead(head){ // write code here var...

2019-07-22 16:56:09 242

原创 JS《剑指offer》第二题替换空格

第二题替换空格题目描述请实现一个函数，将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy。做这题的时候用了两种方法一、方法一：通过题目可知：一个空格替换成%20 后，长度会变成(加2)这里都直接把长度减1，数组索引最大值思路：1、将字符串变成数组split(’’)2、可以遍历数组，计...

2019-07-22 12:04:56 188

原创 JS《剑指offer》第一题二维数组中的查找

第一题二维数组中的查找题目描述在一个二维数组中（每个一维数组的长度相同），每一行都按照从左到右递增的顺序排序，每一列都按照从上到下递增的顺序排序。请完成一个函数，输入这样的一个二维数组和一个整数，判断数组中是否含有该整数。思路1、获取数组有多少行（row）、多少列（col）。这里直接将这两个数值进行减一，得到二维数组行和列的最大索引2、排除[[],[],[],…,[]] 和[]这...

2019-07-22 11:56:49 167

原创 vue父子组件间通信——父传子props

总结一下父组件通过prop给子组件下发数据。虽然网上有很多关于父子组件间通信的文章讲得都很好，但还是想自己总结一下加深记忆变成自己的知识。父传子（父——>子）props总结成三步：1.传 2.收 3.用有时候需要父组件向子组件传递一些数据，例如下面的这个例子。子组件的一些内容需要父组件传递，子组件中的一些内容是否显示由父组件来控制//父组件<template>...

2019-07-18 15:52:52 409

原创 vue中，根据屏幕不同设置子组件的高度，ref、$refs、props

现在有一个需求：中间子组件的高度要固定，并且由设备的高度（不同设备高度不同）和父组件头部和尾部决定需求来源：用vue做移动端商城，使用mint-ui时，使用上拉下拉刷新加载功能时要固定容器高度，不然会被元素无线撑大，会导致不管什么时候直接拉动都会进行加载本文用以记录实现这个需求的方法知识点：用ref获取dom元素、$refs获取用 ref 注册过的所有 dom元素、通过props来父传子通...

2019-05-23 21:00:30 5617

原创 vue项目中css3实现加入购物车小球抛物线飞入动画效果

学习Vue中在做移动端商城练习项目时，记录css3实现加入购物车抛物线小球飞入动画效果。下面会介绍我在项目中实现抛物运动的简单方法。知识点：css3动画（抛物线运动）、vue动态绑定事件（控制小球出现）、vue过渡效果组件（小球进入和消失的过渡效果）、vue过渡效果组件中声明 JavaScript 钩子（控制小球消失）效果图如下：点击“添加购物车”，小球出现飞入到购物车，小球消失一、...

2019-05-03 21:29:32 6291 1

原创 css中元素的分类？内联元素设置line-height有没有效果？

在看面试题整理 css中元素的分类？这个问题答案时，看到网上好多答案都说在关于内联元素设置高度相关的都是没有效果的。对此产生了疑惑，经过自己尝试之后，得出内联元素设置padding-top、padding-bottom、line-height是有效果的，具体看下文。如有不正确，请指出。css中元素的分类一、块级元素display:block常见: div 、 ul、 li、 ...

2019-04-05 10:29:23 968

原创 js变量添加属性、复制变量？函数传参（下）

对不同数据类型变量动态添加属性？基本类型变量、引用类型变量复制变量？函数传参是按值传递还是引用传递？(这个问题应该不少人有疑惑)之前在学习过程中没有重视变量而且觉得js变量类型多没有一个大体的框架，这几天在看书重温了这方面的知识，对变量有了更多的认识，下面这篇白话文章会解答上面那几个问题。总之，变量很基础也很重要。看这篇文章之前要先理清楚变量的类型有哪些。画了一些简单的图帮助理解。一、添...

2019-01-21 15:50:18 1276

原创 js变量类型有哪些？如何检测判断变量类型？（上）

js有哪些变量类型？如何检测变量类型？之前在学习过程中没有对变量重视而且觉得js变量类型多没有一个大体的框架，这几天在看书重温了这方面的知识，对变量有了更多的认识，下面这篇白话文章会解答上面那几个问题。总之，变量很基础也很重要。变量类型：画了个框架图，一目了然在操作对象时，实际上是在操作对象的引用而不是实际的对象。这句话不严密，复制时操作的是对象的引用，添加属性时，是操作实际的对象。...

2019-01-21 15:48:01 1100

原创 js中this指向的绑定例外

上一篇文章js中this指向全面解析——四种绑定规则讲了this指向哪里，今天就来说一说四种绑定规则也有例外的情况，还有关于ES6箭头函数中this的问题本文讲述两个内容：绑定例外、this词法绑定例外一、被忽略的thisnull或者undefined 作为this的绑定对象传入call、apply或者bind，这些值在调用时会被忽略，实际应用的是默认绑定规则：（不懂默认绑定可以看上...

2019-01-12 20:15:28 495

原创 js中this指向全面解析——四种绑定规则

thisthis指向什么？不了解this时，一看到函数中有this，就以为this指的是函数自身，这是错的！！首先要明确：this既不指向函数自身也不指向函数的词法作用域。this是运行时进行绑定的，而不是在编写时绑定，它的上下文取决于函数调用的各种条件。this的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式，完全取决于函数在哪里被调用。好吧，还是好迷？？不要急，我们往下看...

2019-01-06 15:30:02 2073 1

原创 js词法作用域—欺骗词法eval、with

js欺骗词法之前一直对欺骗词法感到很迷，直到看了《你不知道的JavaScript》（上卷）里面的解释，才解决了之前的谜团，这篇文章就是在看了书这部分内容之后再加上自己的一些尝试和理解写下的读书笔记。看这篇文章的时候可以自己动手试试看看输出结果，会有不一样的收获，希望对大家有帮助。在对欺骗词法进行了解之前首先要对作用域要有一定的了解。词法作用域简单来说：写代码时将变量和块作用域写在哪里位置决...

2018-12-26 10:02:54 569 2

原创 Linux ubuntu下搭建boa服务器

如果对Linux文件操作不熟悉的可以看文末的补充内容学习Linux过程中，记录配置boa服务器详细过程一、官网下载boa源码boa官网 http://www.boa.org/我这里下的版本是boa-0.94.13将文件拷贝到虚拟机上，这里我直接放在了home用户文件根目录下解压tar -xf boa-0.94.13.tar .gz进入解压后的boa-0.94.13文件cd bo...

2018-12-05 18:56:12 2024 6

i_ViOLeT_i的博客