- 博客(32)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 阿里云的一个坑
阿里云的一个坑今天我将一个node的后端项目部署到阿里云上，数据库正常启动, node项目也使用pm2正常跑起来了，nginx也正常，单是我前段老是访问不了后端，经过一天的排查，发现是我node后端占用的3000这个端口号被阿里云的防火墙截了！！！如果你要是用某个端口号，一点更要记得在在防火墙加上你要使用的端口号！！！(我使用的是轻量级的服务器)...
2020-12-23 19:51:27
243
原创 this指向问题
this指向问题this的绑定规则默认绑定this默认指向window// 1. 全局环境下的this指向windowconsole.log(this); // window// 2. 函数独立调用时，函数内部的this也指向windowfunction fn() { console.log(this);}fn(); // window// 3.被嵌套的函数独立调用时，this默认指向windowlet a = 1;let obj = { a: 2, foo:
2020-06-04 22:05:49
248
原创 JS函数
函数JS中函数主要分为声明式函数和赋值式函数声明式函数function 函数名 () { 函数体..}对于声明式函数来说，有函数的提升，并且函数名重复的话后面的会覆盖掉前面的，其实这也引出了js中的重载问题。。。这就是后话了。。(js中没有真正意义上的重载)fn()fn()function fn () { console.log(1);}function fn...
2020-05-07 19:03:51
377
原创 bind返回函数被当成构造函数的情况
bind返回函数被当成构造函数的情况在MDN中有这么一句话bind()中的第一个参数：调用绑定函数时作为 this 参数传递给目标函数的值。如果使用new运算符构造绑定函数，则忽略该值那么这句话啥意思呢？？首先，我们都知道bind()会返回一个新的函数，如果这个返回的新的函数作为构造函数创建一个新的对象，那么此时this不再指向传入给bind的第一个参数，而是指向用new创建的实例f...
2020-04-28 22:15:52
1352
原创 深拷贝
深拷贝学习自京程一灯董老师课程，如有侵权，联系删除浅拷贝创建了一个新的对象，这个对象有着原始对象属性值得精确拷贝，如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。Object.assign(target, ...sources)let target = {}Object.assign(ta...
2020-04-23 18:24:55
226
原创 Method "components" has type "object" in the component definition.
报这个错的原因：将components即组建注册写在了methods之后导致的。。。。
2020-04-23 11:36:39
1675
2
原创 JS防抖和节流
JS防抖和节流防抖原理事件响应函数在一段时间后才执行，如果在这段时间内再次调用，则重新计算执行时间；当预定的时间内没有再次调用该函数，则执行响应逻辑underscore中的debounce函数可以防抖应用场景scroll事件滚动触发的时候搜索框输入查询的时候表单验证按钮的提交事件浏览器的窗口缩放，resize事件自定义防抖函数/** * 防抖函数的自定义实现 * @...
2020-04-22 19:04:32
1023
原创 canvas学习笔记(三)
设置填充和描边颜色fillStyle : 设置用于填充绘画的颜色strokeStyle : 设置用于描边的颜色以上两个值都可以接受颜色名,16 进制数据，rgb 值，甚至 rgba. 一般先进行设置样式然后进行绘制。设置阴影此部分内容由于使用性能差，故了解即可，阴影的设置常用图片实现shadowColor ： 设置或返回用于阴影的颜色。shadowBlur ： 设置或返回用于阴...
2020-03-30 21:23:15
177
原创 canvas学习笔记(二)
创建矩形rect(x , y , width , height)x , y 是矩形左上角的坐标位置width和height是矩形的宽和高，单位为像素。该方法只规划了所绘制矩形的路径，并没有填充和描边strokeRect(x , y , width , height)参数含义与rect( )方法相同该方法在在规划完矩形路径后会立即进行描边，不必再写stroke( )方法...
2020-03-30 21:22:16
155
原创 解决安装双系统后ubuntu系统只有一个分辨率问题
解决安装双系统后ubuntu系统只有一个分辨率问题问题描述：在windows系统的基础上安装了ubuntu18.04之后，发现系统的分辨率只有800*600一个分辨率，并且不能使用xrandr修改分辨率，使用xrandr命令报xrandr failed to get size of gamma for output default错误，找了很多教程，都出现了问题，最会终于解决了。解决...
2020-03-30 21:18:45
4382
1
原创 Leetcode-面试题3--找出数组中的重复数字
找出数组中的重复数字题目描述在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重复的数字。限制：2 <= n <= 100000示例输入：[2, 3, 1, 0, 2, 5, 3]输出：2 或 3 解题思路暴力破解额，这个方法最容易想到吧...
2020-03-30 21:03:22
219
原创 Leetcode -- 999车的可用捕获量
999.车的可用捕获量一、问题描述在一个 8 x 8 的棋盘上，有一个白色车（rook）。也可能有空方块，白色的象（bishop）和黑色的卒（pawn）。它们分别以字符 “R”，“.”，“B” 和 “p” 给出。大写字符表示白棋，小写字符表示黑棋。车按国际象棋中的规则移动：它选择四个基本方向中的一个（北，东，西和南），然后朝那个方向移动，直到它选择停止、到达棋盘的边缘或移动到同一方格来捕获该...
2020-03-30 19:12:32
152
原创 Leetcode - 面试题62-- 圆圈中最后剩下的数字
圆圈中最后剩下的数字题目描述0,1,n-1这n个数字排成一个圆圈，从数字0开始，每次从这个圆圈里删除第m个数字。求出这个圆圈里剩下的最后一个数字。例如，0、1、2、3、4这5个数字组成一个圆圈，从数字0开始每次删除第3个数字，则删除的前4个数字依次是2、0、4、1，因此最后剩下的数字是3。题目限制1 <= n <= 10^51 <= m <= 10^6...
2020-03-30 19:01:29
254
原创 ES6-变量的解构赋值
变量的解构赋值阮大神ES6教程学习笔记1、数组的解构赋值解构：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构//1. 以前只能单个指定赋值let a = 1;let b = 2;let c = 3;/** * 2. ES6中可以写成下面的方式: 从数组中提取值，按照对应位置，对变量赋值 * 本质上，这种写法属于“模式匹配”，只要等号两边的模...
2020-03-27 08:57:46
323
原创 Node中的URL总结
Node中的URL总结上图是node官网中的一张图，在node中，url模块提供了两套API来处理URL：一个是旧版本遗留的 API，一个是实现了 WHATWG标准的新 API。在图中，下方的是WHATWG的URL对象的属性，上方是旧的URL对象属性。URL(Universal Resource Locator，统一资源定位符)的组成URL主要包含：协议、主机、端口号、路径、参数、查询等...
2020-03-23 11:17:02
1649
原创 typescript基础知识
Ts – 大地老师视频笔记Ts数据类型typescript中为了使编写的代码更规范，更有利于维护，增加了类型校验，写Ts代码必须指定类型布尔类型var flag:boolean = true// flag = 123 错误写法flag = falseconsole.log(flag);//false数字类型/**数字类型number */let num:Number = 12...
2020-03-18 14:38:59
160
原创 GitHub使用小技巧(一)
GitHub使用小技巧(一)在GitHub中搜索你所需要的知识得一些小窍门在日常的学习中，我们很多时间需要去从GitHub上寻找一些开源项目首先，我们需要了解GitHub上面开源项目的一些基本知识：项目名,项目源码，项目描述，Readme.md，star,fork数，更新日期等等in:name 搜索关键字 ----在GitHub项目名上精确搜索，如：in:name app开发，可找到...
2020-03-17 14:41:10
204
原创 Promise相关笔记 — 尚硅谷promise学习记录
Promise相关笔记 — 尚硅谷promise一、实例对象和函数对象函数对象：将函数作为对象使用时，简称为函数对象实例对象：new 函数产生的对象，简称对象<script type='text/javascript'> //js中所有函数都是Function类的实例 function Fn () { //Fn函数 } const fn =...
2020-03-12 16:30:11
603
原创 v-model指令
v-model指令使用一、v-model的基本使用：双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2020-02-22 21:32:11
369
原创 JS常用高阶函数
JS常用高阶函数一、filter()每遍历数组中的一个数字就会执行一次回调函数，并且会把遍历的数字当做回调函数的参数。filter()中的回调函数有一个要求：必须返回布尔值，即true/false。当返回为true时，函数内部会自动将这次回调的参数n加入到新的数组中，当返回false时，函数内部会自动忽略掉这次回调的参数n二、map()每遍历数组中的一个数字就会执行一次回调函数，并...
2020-02-21 21:12:47
251
原创 vue - 过滤器的使用
过滤器使用一、何处定义过滤器在Vue实例中定义过滤器<script type='text/javascript'> const app = new Vue({ el:'#app', // 定义数据 data:{ }, // 定义方法 methods:{ }, // 定义...
2020-02-21 19:52:25
189
原创 数组中的响应式方法
数组中的响应式方法push() — 向数组最后添加元素，可添加多个pop() — 删除数组最后一个元素shift() — 删除数组第一个元素unshift() — 向数组最前面添加元素，可添加多个splice() — 可用于删除/插入/替换数组元素删除元素： splice(start , 要删除几个元素即删除元素的个数) — 若没有传第二个参数，则删除start后面的所有元...
2020-02-20 21:31:45
791
原创 v-on指令的使用
v-on指令一、用法绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。二、v-on语法糖：@三、v-on参数当通过methods中定义方法，以供@click调用时，需要注意参数问题：如果该方法不需要额外参数，那么方法名后的...
2020-02-20 19:20:18
614
原创 v-bind指令的使用
一、v-bind指令1.用法动态的绑定一个或多个属性或一个组件 prop 到表达式在绑定 class 或 style 特性时，支持其它类型的值，如数组或对象在绑定 prop 时，prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。没有参数时，可以绑定到一个包含键值对的对象。注意此时 class 和 style 绑定不支持数组和对象。2.语法糖写法：(冒号)<...
2020-02-19 18:19:15
476
原创 vue部分指令总结
Vue相关指令总结一、v-text如果不想使用mustache语法展示文本，可以使用v-text的方法展示文本，但v-text 指令不够灵活，会覆盖原有内容,即插值表达式可以把Vue传递过来的数据和前台用户自己定义的数据结合在一起,但是v-text只能显示Vue对象传递过来的数据，会替换掉节点里已有的内容。用法：<div id="app"> <h2>{...
2020-02-14 16:42:56
120
原创 bootstrap实战--微金所项目(轮播图2)
利用Jquery+css+html来实现一、实现思路将a标签通过Jquery的方式动态生成然后添加到相应位置即可二、相关代码HTML代码 <!-- 轮播图 --> <!-- 移动端：轮播图图片会随着屏幕的缩小自动适应 --> <div class="wjs_banner"> <div id="carousel-ex...
2020-02-13 16:47:15
335
原创 bootstrap实战--微金所项目(轮播图1)
使用HTML+CSS实现响应式轮播图一、轮播图展示移动端(< 768px)非移动端(>768px)二、轮播图实现思路移动端1)、在移动端可以直接使用bootstrap提供的相关代码实现轮播图效果，注意轮播图中的图片应该放在一个a标签中，以便于点击图片跳转。2)、a标签的宽度应该为100% ，display应该为block3)、a标签下面的img标签宽度也应该为...
2020-02-13 15:53:22
354
原创 bootstrap实战--微金所项目(导航栏)
导航栏实现一、导航栏展示二、导航栏实现思路导航栏在不同的屏幕大小下呈现不同的样式，移动端下使用手风琴菜单(有现成的代码)，在sm屏幕下，除了微金所图标和个人中心外，其余都不可见。三、相关代码HTML代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"...
2020-02-12 21:20:11
934
原创 bootstrap实战--微金所项目(顶部通栏)
顶部通栏实现一、头部展示二、头部概述头部主要由四部分组成，由栅格系统实现当屏幕宽度小于992px时，该部分隐藏，响应式结构三、相关代码html代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="...
2020-02-05 19:56:09
764
原创 算法导论--快速排序JS实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-10-12 21:05:42
125
原创 H5简易登录界面
H5更多知识请移步博客：https://lg666kkk.github.io/tags/本文参考自黑马程序员培训视频<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...
2019-10-07 20:46:09
2424
原创 canvas学习笔记（一）
canvas简介canvas是 HTML5 提供的一种新标签.<canvas> </canvas>canvas 是一个矩形区域的画布，可以用 JavaScript 在上面绘画,控制其每一个像素.canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canv...
2019-08-16 19:00:02
266
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人