学习笔记
文章平均质量分 82
顾北顾
努力成为全栈的程序猿
展开
-
图片裁剪上传
像一些头像的裁剪,文件上传可能需要固定尺寸的时候,需要将裁剪好的图片上传到服务器原创 2024-02-21 16:34:25 · 796 阅读 · 0 评论 -
【vue3】具有动态高度的虚拟列表
具有动态高度的虚拟列表原创 2023-07-22 17:57:21 · 473 阅读 · 0 评论 -
2023年前端面试经验
回流:当 DOM 的变化影响了元素的几何信息,浏览器需要重新计算元素的几何属性,将其安放在界面中的正确位置,这个过程叫做回流(也可以叫做重排)。表现为重新生成布局,重新排列元素。重绘:当一个元素的外观发生改变,重新把元素外观绘制出来的过程,叫做重绘。表现为某些元素的外观被改变。2.常见引起回流和重绘的属性和方法:任何会改变元素几何信息(元素的位置和尺寸大小)的操作都会触发回流。添加或删除可见的 DOM 元素元素尺寸改变–边距、填充、宽度、高度浏览器尺寸改变-- resize 事件发生时。原创 2023-05-25 14:32:18 · 355 阅读 · 0 评论 -
前端面试题学习笔记-- 持续更新
HTML51、HTML5的新特性语义化标签,比如header、footer、nav、aside、article、section音视频,比如audio、video画布canvas、矢量图svg画布,canvas 的api 有 getContext 、fillStyle、fillRect 等web worder2、语义化的好处1.代码分块清晰2.页面结构清晰,便于浏览器。搜索引擎解析3.便于搜索引擎爬取,利于SEO3、canvas 的常用api 有哪些getContext:返回原创 2022-04-26 19:43:00 · 1592 阅读 · 0 评论 -
jQuery学习笔记
jQueryJquery-Dom对象与Jquery包装集对象用 dom 获取一个空对象 会返回一个 null ,若用jquery 获取一个空对象则还是会返回一个jquery对象,只不过里面为空// id 选择器$('#id')// class 选择器$('.class')// dom 对象转换成 jquery 对象var divdom = document.getElementByTagName("div");var divDomtoJquery = $(divdom)// jque原创 2022-04-23 12:41:00 · 1131 阅读 · 0 评论 -
正则表达式精讲
1. 基本匹配2. 元字符2.1 点运算符 .2.2 字符集2.2.1 否定字符集2.3 重复次数2.3.1 * 号2.3.2 + 号2.3.3 ? 号2.4 {} 号2.5 (…) 特征标群2.6 | 或运算符2.7 转码特殊字符2.8 锚点2.8.1 ^ 号2.8.2 $ 号3. 简写字符集4. 零宽度断言(前后预查)4.1 ?=… 正先行断言4.2 ?!.. 负先行断言4.3 ?<= … 正后发断言4.4 ?<!.. 负后发断.转载 2022-03-31 10:45:33 · 127 阅读 · 0 评论 -
js高级学习笔记
🍊ES6中的类和对象🍊创建类语法// 1.创建类class Star{ constructor(uname,age){ this.uname = uname; this.age = age; }}// 2.利用类创建对象 newvar ldh = new Star('刘德华',18)var zxy = new Star('张学友',20)console.log(ldh.uname) // 打印一个对象:刘德华,18console.log(原创 2022-03-29 12:03:36 · 1052 阅读 · 0 评论 -
Vuex 的基本用法
一、Vuex 概述1.1 传统的组件之间的共享数据方式父向子传值: v-bind子向父传值:v-on兄弟组件之间共享数据:EvenBus$on 接受数据的那个组件$emit 发送数据的那个组件缺点:只能通过父传子 和 子传父的方式传值,若想要两个毫无关系的组件传值则很繁琐(需要找到 他们之间的关系)1.2 Vuex是什么vuex 是实现组件全局状态管理的一种机制,可以方便组件之间的数据共享二、Vuex初始化store.jsimport Vue fro原创 2022-03-06 00:51:27 · 5225 阅读 · 0 评论 -
git 常用命令
git 工作流程git 中的代码,整个的流程就是上图显示的那样,代码可能会经历最多4个地方会被推送到远程大致流程:clone 克隆远程文件到本地 => 通过编辑器编辑本地的代码(即在工作区) => pull 拉下远程的代码,可能有人提交代码到同分支 => add 添加到暂存区 => commit提交到本地仓库=> push 推送到远程仓库// 简单理解 // workspace 工作区,就是你的编辑器打开的文件// staging area 暂存区 介于工作区和本原创 2022-03-05 17:22:45 · 142 阅读 · 0 评论 -
css3 学习笔记
css3样式背景backgroundbackground-imgbackground-repeatbackground-sizebackground-img:url() url(); // 背景图,可以同时设置两个背景图background-repeat:no-repeat,repeat; // 第一个不平铺,第二个平铺background-position: center top,center center; // 第一个在上方居中,第原创 2022-03-16 00:30:42 · 417 阅读 · 0 评论 -
mongodb 学习笔记
基本概念数据库(database)数据库是一个仓库,在仓库中可以存放集合集合(collection)集合类似于数组,在集合中可以存放文档文档(document)文档是数据库中的最小单位,存储和操作的内容都是文档在 MongoDB 中不需要手动创建数据库和集合当我们创建文档时,如果文档所在的集合或数据库中不存在会自动穿件数据库和集合基本指令show dbs 、show databases 显示有多少个数据库use 数据库名 进入到指定数据库中db 当前所处的数据库sho原创 2022-03-16 00:28:37 · 838 阅读 · 0 评论