前端
关注
分享
扫一扫
驮石的乌龟
这个作者很懒，什么都没留下…
展开
-
阿里云的一个坑
阿里云的一个坑今天我将一个node的后端项目部署到阿里云上，数据库正常启动, node项目也使用pm2正常跑起来了，nginx也正常，单是我前段老是访问不了后端，经过一天的排查，发现是我node后端占用的3000这个端口号被阿里云的防火墙截了！！！如果你要是用某个端口号，一点更要记得在在防火墙加上你要使用的端口号！！！(我使用的是轻量级的服务器)...原创 2020-12-23 19:51:27 · 223 阅读 · 0 评论 -
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 · 226 阅读 · 0 评论 -
JS函数
函数JS中函数主要分为声明式函数和赋值式函数声明式函数function 函数名 () { 函数体..}对于声明式函数来说，有函数的提升，并且函数名重复的话后面的会覆盖掉前面的，其实这也引出了js中的重载问题。。。这就是后话了。。(js中没有真正意义上的重载)fn()fn()function fn () { console.log(1);}function fn...原创 2020-05-07 19:03:51 · 364 阅读 · 0 评论 -
bind返回函数被当成构造函数的情况
bind返回函数被当成构造函数的情况在MDN中有这么一句话bind()中的第一个参数：调用绑定函数时作为 this 参数传递给目标函数的值。如果使用new运算符构造绑定函数，则忽略该值那么这句话啥意思呢？？首先，我们都知道bind()会返回一个新的函数，如果这个返回的新的函数作为构造函数创建一个新的对象，那么此时this不再指向传入给bind的第一个参数，而是指向用new创建的实例f...原创 2020-04-28 22:15:52 · 1316 阅读 · 0 评论 -
深拷贝
深拷贝学习自京程一灯董老师课程，如有侵权，联系删除浅拷贝创建了一个新的对象，这个对象有着原始对象属性值得精确拷贝，如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址，所以如果其中一个对象改变了这个地址，就会影响到另一个对象。Object.assign(target, ...sources)let target = {}Object.assign(ta...原创 2020-04-23 18:24:55 · 203 阅读 · 0 评论 -
JS防抖和节流
JS防抖和节流防抖原理事件响应函数在一段时间后才执行，如果在这段时间内再次调用，则重新计算执行时间；当预定的时间内没有再次调用该函数，则执行响应逻辑underscore中的debounce函数可以防抖应用场景scroll事件滚动触发的时候搜索框输入查询的时候表单验证按钮的提交事件浏览器的窗口缩放，resize事件自定义防抖函数/** * 防抖函数的自定义实现 * @...原创 2020-04-22 19:04:32 · 998 阅读 · 0 评论 -
canvas学习笔记(三)
设置填充和描边颜色fillStyle : 设置用于填充绘画的颜色strokeStyle : 设置用于描边的颜色以上两个值都可以接受颜色名,16 进制数据，rgb 值，甚至 rgba. 一般先进行设置样式然后进行绘制。设置阴影此部分内容由于使用性能差，故了解即可，阴影的设置常用图片实现shadowColor ： 设置或返回用于阴影的颜色。shadowBlur ： 设置或返回用于阴...原创 2020-03-30 21:23:15 · 169 阅读 · 0 评论 -
canvas学习笔记(二)
创建矩形rect(x , y , width , height)x , y 是矩形左上角的坐标位置width和height是矩形的宽和高，单位为像素。该方法只规划了所绘制矩形的路径，并没有填充和描边strokeRect(x , y , width , height)参数含义与rect( )方法相同该方法在在规划完矩形路径后会立即进行描边，不必再写stroke( )方法...原创 2020-03-30 21:22:16 · 140 阅读 · 0 评论 -
ES6-变量的解构赋值
变量的解构赋值阮大神ES6教程学习笔记1、数组的解构赋值解构：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构//1. 以前只能单个指定赋值let a = 1;let b = 2;let c = 3;/** * 2. ES6中可以写成下面的方式: 从数组中提取值，按照对应位置，对变量赋值 * 本质上，这种写法属于“模式匹配”，只要等号两边的模...原创 2020-03-27 08:57:46 · 307 阅读 · 0 评论 -
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 · 1610 阅读 · 0 评论 -
Promise相关笔记 — 尚硅谷promise学习记录
Promise相关笔记 — 尚硅谷promise一、实例对象和函数对象函数对象：将函数作为对象使用时，简称为函数对象实例对象：new 函数产生的对象，简称对象<script type='text/javascript'> //js中所有函数都是Function类的实例 function Fn () { //Fn函数 } const fn =...原创 2020-03-12 16:30:11 · 559 阅读 · 0 评论 -
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 · 349 阅读 · 0 评论 -
JS常用高阶函数
JS常用高阶函数一、filter()每遍历数组中的一个数字就会执行一次回调函数，并且会把遍历的数字当做回调函数的参数。filter()中的回调函数有一个要求：必须返回布尔值，即true/false。当返回为true时，函数内部会自动将这次回调的参数n加入到新的数组中，当返回false时，函数内部会自动忽略掉这次回调的参数n二、map()每遍历数组中的一个数字就会执行一次回调函数，并...原创 2020-02-21 21:12:47 · 237 阅读 · 0 评论 -
vue - 过滤器的使用
过滤器使用一、何处定义过滤器在Vue实例中定义过滤器<script type='text/javascript'> const app = new Vue({ el:'#app', // 定义数据 data:{ }, // 定义方法 methods:{ }, // 定义...原创 2020-02-21 19:52:25 · 174 阅读 · 0 评论 -
v-on指令的使用
v-on指令一、用法绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。用在普通元素上时，只能监听原生 DOM 事件。用在自定义元素组件上时，也可以监听子组件触发的自定义事件。二、v-on语法糖：@三、v-on参数当通过methods中定义方法，以供@click调用时，需要注意参数问题：如果该方法不需要额外参数，那么方法名后的...原创 2020-02-20 19:20:18 · 590 阅读 · 0 评论 -
v-bind指令的使用
一、v-bind指令1.用法动态的绑定一个或多个属性或一个组件 prop 到表达式在绑定 class 或 style 特性时，支持其它类型的值，如数组或对象在绑定 prop 时，prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。没有参数时，可以绑定到一个包含键值对的对象。注意此时 class 和 style 绑定不支持数组和对象。2.语法糖写法：(冒号)<...原创 2020-02-19 18:19:15 · 451 阅读 · 0 评论 -
vue部分指令总结
Vue相关指令总结一、v-text如果不想使用mustache语法展示文本，可以使用v-text的方法展示文本，但v-text 指令不够灵活，会覆盖原有内容,即插值表达式可以把Vue传递过来的数据和前台用户自己定义的数据结合在一起,但是v-text只能显示Vue对象传递过来的数据，会替换掉节点里已有的内容。用法：<div id="app"> <h2>{...原创 2020-02-14 16:42:56 · 111 阅读 · 0 评论 -
bootstrap实战--微金所项目(轮播图2)
利用Jquery+css+html来实现一、实现思路将a标签通过Jquery的方式动态生成然后添加到相应位置即可二、相关代码HTML代码 <!-- 轮播图 --> <!-- 移动端：轮播图图片会随着屏幕的缩小自动适应 --> <div class="wjs_banner"> <div id="carousel-ex...原创 2020-02-13 16:47:15 · 326 阅读 · 0 评论 -
bootstrap实战--微金所项目(轮播图1)
使用HTML+CSS实现响应式轮播图一、轮播图展示移动端(< 768px)非移动端(>768px)二、轮播图实现思路移动端1)、在移动端可以直接使用bootstrap提供的相关代码实现轮播图效果，注意轮播图中的图片应该放在一个a标签中，以便于点击图片跳转。2)、a标签的宽度应该为100% ，display应该为block3)、a标签下面的img标签宽度也应该为...原创 2020-02-13 15:53:22 · 339 阅读 · 0 评论 -
bootstrap实战--微金所项目(导航栏)
导航栏实现一、导航栏展示二、导航栏实现思路导航栏在不同的屏幕大小下呈现不同的样式，移动端下使用手风琴菜单(有现成的代码)，在sm屏幕下，除了微金所图标和个人中心外，其余都不可见。三、相关代码HTML代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"...原创 2020-02-12 21:20:11 · 896 阅读 · 0 评论 -
bootstrap实战--微金所项目(顶部通栏)
顶部通栏实现一、头部展示二、头部概述头部主要由四部分组成，由栅格系统实现当屏幕宽度小于992px时，该部分隐藏，响应式结构三、相关代码html代码<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="utf-8"> <meta http-equiv="...原创 2020-02-05 19:56:09 · 729 阅读 · 0 评论 -
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 · 2385 阅读 · 0 评论 -
canvas学习笔记（一）
canvas简介canvas是 HTML5 提供的一种新标签.<canvas> </canvas>canvas 是一个矩形区域的画布，可以用 JavaScript 在上面绘画,控制其每一个像素.canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canv...原创 2019-08-16 19:00:02 · 254 阅读 · 0 评论