Yee:)-优快云博客

原创 2020年8月12日面经

一、flex布局有哪些常用的属性flex容器flex-direction 主轴的方向。row水平和column垂直flex-wrap 换不换行。nowarp不换行flex-flow是flex-direction和flex-wrap的简写默认水平不换行justify-content 在主轴上的对齐方式左右居中 between两端 around项目两侧间隔相等align-items 在交叉轴上的对齐方式起点终点居中基线默认stretchalign-content 在多根轴线上的

2020-08-12 09:33:59 525

原创 Node.js之注册登录 bcrypt密码加密 jwt生成token

注册部分1.安装bcrypt 给密码加密github bcrypt2.utils内新建utils.jsconst bcrypt = require('bcrypt')// 加密exports.hash = (plaintextPassword) => { const saltRounds = 10 return new Promise(resolve => { bcrypt.genSalt(saltRounds, function(err, salt) {

2020-07-17 23:12:16 519

原创 ES6-3 字符串的拓展方法 rest运算符

字符串的拓展方法字符的Unicode表示法“\u4e00”includes()判断字符串中是否有该内容console.log("abcdef".includes("bc")); //turestartsWith()和endsWith()字符串是否从什么开始以什么结尾// 全是trueconsole.log("abcde".startsWith("a"));//字符串是否是a开...

2020-01-11 20:43:40 198

原创 this指向问题

目前只接触到了几种总结一下定义在全局的函数 this指向windowconsole.log(this);//windowfunction abc(){ console.log(this);//window}对象中的方法 this指向这个对象在对象属性中，this指向外层的this，因为在描述属性的时候这个时候对象还没有生成。对象的方法中this是该对象本身，因为当调用方...

2020-01-11 20:10:31 151

原创 ES6-2 解构赋值

数组的解构赋值基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构let [a, b, c] = [1, 2, 3];如果解构不成功，变量的值就等于undefined。let [foo] = [];let [bar, foo] = [1];console.log(foo) // undefined如果左边的模只匹配一部分的右边的数组，为不完全解构...

2020-01-10 23:04:35 204

原创 ES6-1 严格模式，let const 箭头函数

严格模式js文件开头使用 “use strict”当使用模块化开发是，自动开启严格模式。变量必须声明后再使用x=3,y=4; // 报错console.log(x+y) 函数的参数不能有同名属性，否则报错function fn(a,a){ // 报错 console.log(a)}fn(3,4)不能使用with语句var div = document.c...

2020-01-10 21:40:50 314

原创遍历数组等等方法的不完全实现

for infor in 循环不可以遍历到数组内的空元素for(var prop in arr){ console.log(prop,arr[prop]);} forfor循环不可以遍历到数组内的可枚举属性for(var i=0;i<arr.length;i++){ console.log(i,arr[i]);}forEach()forEach()不能遍...

2020-01-10 19:43:03 169

原创数组各种方法的不完全实现

复习一遍数组的方法写着玩的不能完全实现哈push()在数组尾部添加一个或多个新元素，并且返回数组的长度，改变原数组。arr=[1,2,3,4,5,6,7,8]function push(arr){ // 循环从1开始因为arguments[0] 是数组本身 for(var i=1;i<arguments.length-1;i++){ arr...

2020-01-10 19:42:29 193

原创正则表达式

基础正则表达式的创建JavaScript有两种方式创建一个正则表达式：var reg=/a/g;var reg=newRegExp("a","g");正则中分为两个部分一个是正则匹配内容另一个是修饰符部分修饰符分为 i不区分大小写 g全局从头查找到尾部 m匹配多行正则表达式的属性和方法// 属性var reg=/a/g;console.log(reg.flags) ...

2020-01-10 19:41:46 272

原创图片预加载

通过监听load事件实现图片预加载window.onload=function(){ // 这里的onload属性可以使里面代码等页面完全加载完在执行 var img=document.querySelector("img"); // 这样并不好万一图片很多就需要一直等待 console.log(img.width);}第一版这版只是简单理解以下onload 实际结...

2020-01-10 19:41:17 113

原创事件分类

Event基本事件上节讲了鼠标可以触发的事件 Event还有Event基本事件,FocusEvent焦点事件,KeyboardEvent键盘事件,InputEvent输入事件,WheelEvent滚轮事件。下面介绍Event基本事件。Event基本事件分为change 修改事件error 错误事件load 加载事件unload 卸载事件submit 提交事件r...

2020-01-10 19:40:27 856

原创拖拽的几种实现方法

单个元素在body内移动最简单办法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <m...

2020-01-10 19:39:41 1917

原创事件对象

触发自定义事件// 创建事件目标，侦听和派发的对象可以是DOM元素，也可以是EventTarget，或者继承EventTarget的类var target=new EventTarget();// 给事件目标添加事件侦听target.addEventListener("yee",clickHandler);// 创建事件对象var evt=new Event("yee");// 事件...

2020-01-10 19:38:56 177

leafmeow