Uhisa-优快云博客

原创记录Nodejs异步碰到的问题

记录Nodejs异步碰到的问题需要先将订单id查出，再根据订单id查询订单详情 public async queryOrder() { const sql = `select id, total from tbl_orderlines`; const res = await this.app.mysql.query(sql); const { ctx } = this; async function awaitTest() { //运用到promise.

2022-02-15 12:37:09 335

原创记录 Vue3插槽笔记

**记录 Vue3插槽笔记**<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti

2021-12-29 21:02:11 354

原创 Vue组件间传值（兄弟组件）

Vue组件间传值（兄弟组件）兄弟组件传值的方法：eventBus的方法利用一个vue实例进行传递<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid

2021-12-22 15:26:43 237

转载记录：vue变量声明未使用报错修改

记录：vue变量声明未使用报错修改转载https://blog.youkuaiyun.com/qq_45284938/article/details/108104549今天新建一个vue项目，引入了postJSON未使用却报错。取消严格模式删了之后重新run项目如果还不行根目录下新建vue.config.jsmodule.exports = { lintOnSave: false}...

2021-09-26 19:24:21 745

原创 ES6-箭头函数的this指向

箭头函数的this是在定义函数时确定的，不是在执行过程中确定的外部的this指向哪，箭头函数的this就只指向哪普通函数let obj = { name:'obj内部name', syaName:function(){ function foo() { console.log(this.name);//undefined } foo()//普通函数的执行，this执行全局 }}obj.syaName()foo是由全局执行的，和它所在的位置无关.

2021-09-25 18:07:25 216

转载 ES6-note-01

解构：对象的解构：//name age用来匹配，one two 才是用来接收的值let {name:one, age:two} = {name:'zhangsan', age: 13}//console.log(name, age); 报错console.log(one, two);//zhangsan 13ES6对象简写// let {name:name, age:age} = {name:'zhangsan', age: 13}let {name, age} = {name:'LBJ'

2021-09-16 21:41:49 99

原创 JS-数组-1

JS-数组-filter的应用：返回符合条件的元素移除数组中的特定元素：输入[1, 2, 3, 4, 5, 2] 2输出[1 ,3 , 4, 5]filter将每一项执行函数，将结果为真的值，放入到res filter不改变原数组function remove(arr, item) { var res = []; res = arr.filter(function(idx) { //return !(idx == item) return idx != i

2021-09-15 19:47:43 904

原创 JS-继承

JS的继承首先需要知道call和apply的使用：-call(执行环境对象，参数列表), 列表即说明可以传递多个参数let obj1 = { name:'LBJ'}let obj2 = { name:'KOBE'}function sayName() { console.log(this.name);}sayName()//undefined此时的sayName()相当于window.sayName(),this指向window，所以this.name为undefined

2021-09-10 21:35:45 96

原创 JS创建对象的模式

JS工厂模式使用字面量创建对象。let person = { name: "LBJ", age: 23, gender: 'male', sayName: function(){ console.log(this.name); }}var animal = new Object();person.name = "wugui";person.age = 18;person.gender = 'male';person.sayName = function(){

2021-09-02 23:49:30 108

原创 JS对象的深拷贝

JS对象的深拷贝JavaScript的原始值在栈内存中存放的是本身的值，而对象属性在栈内存中存放的是该对象在堆内存中的地址。如果一个对象的属性的值全部都是初始值时，通过简单的循环也可以进行深拷贝。但是如果一个对象的属性结构变得复杂时，就需要进行深一步的考虑。let person = { name: 'LBJ', message: { tel: "yyy", email: "@com" }}function copy(obj) { let res = {} f

2021-08-31 18:45:39 216

原创 JavaScript-02

JavaScript-02隐式转换的部分笔记隐式转换原始类型：undefined、string、number、Boolean、null、symbol对象类型：object-基本类型的转换1.字符串加数字,数字就会转成字符串。数字加数字或字符串加字符串不需要转换。只要运算过程中有字符串，结果就是字符串 var a = 1 + 2 + '3'//'出现了字符串' console.log(a, typeof a); // '33' string var b = 1 + 2 + 3;

2021-08-23 20:07:03 97

原创 javascript-01

javascript-01学习笔记let和var1.变量的提升与否var存在变量提升 age = 13 var age; console.log(age);//不报错，可以正常声明let不存在变量的提升 // 使用let时，如果未定义就使用变量， name = "zzzz" let name;//报错ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导

2021-08-17 20:11:51 86

原创 html/css-实现呼吸灯

呼吸灯效果：html <div class="wrap"> <div class="out"> <div class="in"></div> </div> </div>css<style> /* 定义动画 */ @keyframes light{ from{ transform: scale(0.3);

2021-08-16 13:49:06 601

原创 flex实现三列布局

flex实现三列布局 .container{ height: 500px; display: flex; background-color: wheat; } .one{ /* flex: 0 1 200px; */ background-color: violet; } .two{ /* 将剩余空间分配给two，独占一份 */ flex: 1; background-co

2021-08-12 14:43:07 1614

原创 CSS-02

CSS-02伪类选择器：1.同级别中的第几个:first-child 同级别中的第一个标签:last-child 同级别中的最后一个标签:nth-child(n) 同级别中的第n个标签:nth-child(odd) 同级别中的所有奇数:nth-child(even) 同级别中的所有偶数:nth-child(xn+y) x和y是用户自定义的, 而n是一个计数器, 从0开始递增 (3n+1)分别对应1,4,7…2.同级别同类型中的第几个:fi

2021-08-05 21:09:37 84

原创 CSS-01

CSS-01CSS的学习一共分为两大部分, 一个是CSS的选择器, 另一个是CSS的属性.标签选择器标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input…)使用了标签选择器，无论div“隐藏”多深，都可以被选中，因为局限性太广，所以不太推荐使用 <style> div{ color: cornflowerblue; }

2021-08-04 19:41:19 102

原创 02-编写个人简历

02-编写个人简历<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-08-03 19:26:34 153

原创 HTMLCSS基础-01

HTML/CSS基础-01HTML:超文本标记语言，它不是一种编程语言，用于告诉浏览器如何构造网页。HTML、CSS、JavaScript关系：HTML负责页面的结构，CSS负责页面的样式，JavaScript负责相应操作。*块级元素最常用的块级元素：div、 p、 h特点：独占一行，默认宽度为100%，高度由内容或子元素决定，可以通过css设定其宽度。*行内元素最常用的行内元素：span、a、img与其他行内元素共享一行空间宽高由自身决定由于不用来搭建网页结构，

2021-08-02 19:05:20 112

NoNamePeople的博客