- 博客(46)
- 收藏
- 关注
RSS订阅原创 this指哪去了
但凡是前端的人应该都被this折磨过，不管是不会用还是用错都会造成很大的麻烦，不论是敲代码还是准备面试时候，都要复习好多次，这次记个笔记方便以后复习。
2022-09-04 14:25:18
364
原创 拖放事件，dataTransfer，getBoundingClientRect
查阅资料总结记录拖放事件，dataTransfer，getBoundingClientRect
2022-07-29 21:53:22
369
原创 代码随想录代码小记-hash表
快乐数// 「快乐数」定义为：对于一个正整数，每一次将该数替换为它每个位置上的数字的平方和，//然后重复这个过程直到这个数变为 1，也可能是 无限循环 但始终变不到 1。如果 可以变为 1，那么这个数就是快乐数。//非快乐数 肯定要无限循环，就算说求和过程中，和会重复出现。就可以利用哈希进行抉择 var happyNum = function (num) { resSet = new Set(); //计算sum的值 const getSum = function (num.
2022-04-19 21:27:50
99
原创 MySQL学习笔记--day5
Day5约束（非常重要）什么是约束：constraint在创建表的时候，我们可以给表中的字段加上一些约束，来保证表中的数据的完整性，有效性。常见的约束非空约束 not null唯一性约束 unique主键约束 primary key (简称PK)外键约束 foreign key (简称FK)检查约束 cheack (mysql不支持，oracle支持)非空约束：not null非空约束 not null 约束的字段不能为 NULLnot null
2022-04-14 22:26:48
500
原创 MySQL学习笔记--day4
union 合并查询结果集案例查询工作岗位是 manage 和 salesman 的员工(3种写法)1.select ename,job from emp where job = "manager" or job = "salesman";2.select ename,job from emp where job in ("manager","salesman");3.（效率高，每连接一次新表，则匹配的次数满足笛卡尔积，成倍的翻。union可以减少匹配的次数，还能完成要求）select en
2022-04-13 22:33:51
483
原创 Node.js API -- http模块
Node.js API – http模块1.认识Http模块http 模块是 Node.js 官方提供的，用来 创建 web 服务器的模块。通过http提供的 http.createServer()方法，就能方便的把一台普通电脑，变成一台 Web 服务器，从而对外提供 web 资源服务如果再JavaScript代码中，使用 http 模块来创建 Web服务器，则需要先导入：const http = require('http')2.服务器相关概念IP地址：ip地址就是互联网上每一台计算机的唯
2022-03-31 22:42:33
231
原创 Node.js API -- path路径模块
Node.js API – path路径模块1.认识pathpath模块是 Node.js 官方提供的，用来处理路径的模块。他提供了一系列的方法和属性，用来满足用户对路径的处理需求。例如:path.join()方法，用来将 多个路径片段拼接成一个完整的路径字符串path.basename()方法，用来从路径字符串种，将文件名解析出来如果再JavaScript代码中，使用 path 模块来处理路径，则需要先导入：const path = require('path')2.路径拼接pat
2022-03-30 22:12:08
227
原创 Node.js API -- 文件系统模块fs
Node.js API – 文件系统模块fs1.认识fsfs 模块是 Node.js 官方提供的，用来操作文件的模块，它提供了一系列的方法和属性，来满足用户对文件的操作需求例如fs.readFile()，读取文件中的内容fs.writeFile()，用来向指定文件中写入内容如果再JavaScript代码中，使用 fs 模块来操作文件，则需要先导入：const fs = require('fs')//这个 'fs' 是在安装node时就已经安装到电脑上的2. 读取 指定文件中的内容f
2022-03-30 21:11:14
183
原创 less小计
为什么蓝桥杯web什么都考/*less*/@width:100px;@height:@width + 100px; //运算@color:aquamarine;.div1{ width: @width; height: @height - 100px; background-color: @color; //变量 .child{ //嵌套 .border() //混合 }; color: #colors[primary];
2022-03-24 16:52:01
54
原创 视口动画Animate.css和 jquery-aniview详细使用
Animate.css和 jquery-aniview详细使用今天同学给我发了一个网站，我看着特别唯美，动画做的很舒服 ：https://www.yjpark.work/explorations他想让我去做一做，但是我在做的过程中遇到了不少问题。就去csdn搜，偶然间发现这个页面用的就是Animate.css和 jquery-aniview动画库。在用这两个的过程中也是遇到了不少问题。下面总结一下注！：aniview主要是针对于元素进入视口（屏幕）时候的动画第一步要实现 jQuery AniV
2022-03-21 22:27:39
1033
原创 前端接收 type: “application/octet-stream“ 格式的数据并下载，解决后端返回不唯一
前端接收 type: “application/octet-stream“ 格式的数据并下载，还有后端既返回octet-stream还返回JSON数据时的处理方法
2022-03-19 15:29:52
47217
4
原创 用js写一个链表（详细注释)
//先定义节点class linkNode { val; next; constructor(val, next) { this.val = val; this.next = next }}//定义链表//链表包含头指针，尾指针，和链表长度class linkedList { constructor() { //初始化一个空链表 this._size = 0; this._head = nu
2022-03-18 22:16:54
1965
2
原创 数据结构与算法day1--数组
学习了数组的几大常用算法二分查找螺旋矩阵双指针法（移出元素）双指针法（有序数组的平方）滑动窗口（长度最小的子数组）二分查找法//给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的 target，如果目标值存在返回下标，否则返回 -1。var search = function (arr, target) { var left = 0; var right = arr.length - 1; var m
2022-03-17 21:45:38
340
原创 component 中v-bind:is怎么用?
简单来说，就是动态组件加载。说明这是个组件，具体记载哪个，由v-bind:is指定的名称确定。
2022-03-14 12:15:42
2751
原创 浅浅学一下TS（ts基础day1）
TS基础语法TS文件先要经过 tsc 命令编译：tsc 文件名.ts形成一个js文件,然后运行js文件node 文件名.js流程图如下typescript 面向对象实例：//typescript 面向对象实例class Site { name(): void { console.log('Runoob') }}var obj = new Site()obj.name()形成的js文件如下//typescript 面向对象实例var Sit
2022-03-10 22:10:49
878
原创 MySQLday3--分组函数，分组查询，连接查询
Day3分组函数（多行处理函数）特点：输入多行，输出一行。5个：count 计数sum 求和avg 平均值max 最大值min 最小值注意：分组函数在使用德时候必须先分组，然后才能用。如果没有对数据分组，则整张表默认为1组select avg(sal) from emp;select min(sal) from emp;select 函数(字段名) from 表名;第一点！！！使用时注意：分组函数自动忽略NULL 不需要提前处理。第二点！！！分
2022-03-08 17:10:08
172
原创 Vue回顾文档--day4
主要复习了vue原生中组件基础的内容，包括组件复用，父子组件的传值，和$emit()的用法<!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
2022-03-08 08:57:25
196
原创 MySQL学习--day2
SQL语句排序默认select ename,sal from emp order by sal;select ...(字段) from ...(表名) order by ...(排序根据);！！默认为升序降序select select ...(字段) from ...(表名) order by ...(排序根据) desc;在末尾加上desc就是降序升序（默认）select select ...(字段) from ...(表名) order by ...(排序根据) asc;在末
2022-03-06 21:53:09
168
原创 Vue回顾文档--day2
<!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"> <title>模板
2022-03-06 18:37:32
522
原创 vue回顾文档--day1
<!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"> <title>Do
2022-03-06 15:53:33
290
原创 MySQL学习笔记--day1
MySQL服务net start 服务名称 （启动）net stop 服务名称 （关闭）本地登录mysql ： mysql -uroot -p密码 （显示密码）本地登录mysql ： mysql -uroot -p （回车） 再输入密码 （隐藏密码）退出登录：exitC:\WINDOWS\system32>mysql -uroot -p********mysql: [Warning] Using a password on the command line interfac
2022-03-01 20:46:03
485
原创 Symbol - 学习笔记
// 保证每个属性的名字都是独一无二的就好了，这样就从根本上防止属性名的冲突。这就是 ES6 引入Symbol的原因。// Symbol是一种新的原始数据类型// Symbol 值通过Symbol()函数生成。let s = Symbol();console.log(typeof (s))//symbol 函数可以接受一个字符串作为参数，表示对 Symbol 实例的描述，主要是为了在控制台显示，或者转为字符串时，比较容易区分。作用是用来描述let s1 = Symbol('foo')let s
2022-02-28 20:42:46
130
原创 Proxy - 学习笔记
var proxy = new Proxy({}, { get: function (target, propKey) { console.log('target:', target, ' propKey:', propKey) return 111 }})console.log(proxy.time)console.log(proxy.a)// 注意，要使得Proxy起作用，必须针对Proxy实例（上例是proxy对象）进行操作，而不是针对目标对象（
2022-02-28 20:41:26
120
原创 let const -学习
{ let a = 10; var b = 2;}console.log(b);var a = []for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i) }}console.log(a[6]())// 局部变量 for (let i = 0; i < 3; i++) { let i = 'abc' console.log(i); }
2022-02-28 20:38:46
39
原创 Iterator - 学习笔记
//模拟next()遍历var it = makeIterator(['a', 'b', 'c'])function makeIterator(array) { let nextIndex = 0; return { next: function () { return nextIndex < array.length ? { value: array[nextIndex++], done: false } : { value: undef
2022-02-28 20:36:49
82
原创 ES6 class 学习笔记
//传统ES5 class写法function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';}var p = new Point(1, 2)console.log(p.toString())// ES6写法class Point { constructor(x,
2022-02-28 20:35:51
131
原创 字符串的扩展 - 学习笔记
console.log("hello")Unicodeconsole.log("\u0061")console.log("\uD842\uDFB7")// 字符串的遍历器接口for (let codePoint of 'foo') { console.log(codePoint)}// String.fromCodePoint() 静态方法返回使用指定的代码点(Unicode编吗)序列创建的字符串let text = String.fromCodePoint(0x20BB7)co
2022-02-28 20:34:35
50
原创 箭头函数 - 学习笔记
// 基本用法var x = v => v// 等同于var f = function (v) { return v}// 没有参数和多个参数时var f = () => 5// 等同于var f = function () { return 5}var f = (num1, num2) => num1 + num2// 等同于var f = function (num1, num2) { return num1 + num2}//
2022-02-28 20:30:49
50
原创 函数的扩展 - 学习笔记
// 函数参数的默认值function log(x, y) { if (y == undefined) { console.log(111) y = "world" } console.log(x + ' ' + y)}log('hello')// es6之前不能给函数参数默认值，得变通的写// es6中新增的function log(x, y = 'world') { console.log(x + ' ' + y)}log(
2022-02-28 20:29:20
51
原创 对象的扩展-学习笔记
function f(x, y) { return { x, y }}console.log(f(1, 2))const o = { methods() { return "hello" }}const o = { method: function () { return 'hello' }}函数的name属性const Person = { sayHello() { console.log
2022-02-28 20:27:11
37
原创 promise基础学习笔记
//基本用法const promise = new Promise(function (resolve, reject) { //resolve和reject由JavaScript引擎提供，不用自己部署 //somecode if (/* 异步操作成功 */1) { resolve(value) //将promise对象的状态由未完成(padding)变为完成(fullfile) } else { reject(error) //将promi
2022-02-24 20:09:52
77
转载 前端—清楚浮动
清除浮动这里所说的清除浮动，指的是清除浮动与浮动之间的影响。前言通过上面这个例子，我们发现，此例中的网页就是通过浮动实现并排的。比如说一个网页有header、content、footer这三部分。就拿content部分来举例，如果设置content的儿子为浮动，但是，这个儿子又是一个全新的标准流，于是儿子的儿子仍然在标准流里。从学习浮动的第一天起，我们就要明白，浮动有开始，就要有清除。我们先来做个实验。下面这个例子，有两个块级元素div，div没有任何属性，每个div里有li，效果如下：
2021-09-21 15:49:59
150
原创 JavaScript学习 小记（5）
数据类型的转换强制转换强制转换主要指使用Number()、String()和Boolean()三个函数，手动将各种类型的值，分别转换成数字、字符串或者布尔值。Number（）（1）原始类型值原始类型值的转换规则如下。// 数值：转换后还是原来的值Number(324) // 324// 字符串：如果可以被解析为数值，则转换为相应的数值Number('324') // 324// 字符串：如果不可以被解析为数值，返回 NaNNumber('324abc') // NaN// 空字
2021-08-31 22:03:03
153
2
chainWebpack 配置 oneOf
2023-02-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人