Yee:)-CSDN博客

原创 2020年8月12日面经

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

2020-08-12 09:33:59 394

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

注册部分 1.安装bcrypt 给密码加密 github bcrypt 2.utils内新建utils.js const 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 388

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

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

2020-01-11 20:43:40 142

原创 this指向问题

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

2020-01-11 20:10:31 95

原创 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 122

原创 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 222

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

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

2020-01-10 19:43:03 104

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

复习一遍数组的方法写着玩的不能完全实现哈 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 118

原创正则表达式

基础正则表达式的创建 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 193

原创图片预加载

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

2020-01-10 19:41:17 75

原创事件分类

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

2020-01-10 19:40:27 678

原创拖拽的几种实现方法

单个元素在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 1729

原创事件对象

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

2020-01-10 19:38:56 84

leafmeow