- 博客(32)
- 收藏
- 关注
RSS订阅原创 2022.4.21刷题 | 动态规划
第一题动态规划CD12 换钱的最少货币数问题描述代码：#include <iostream>#include <vector>using namespace std;int main(){ int n,aim,temp; cin>>n>>aim; vector<int>arrs; while(n--){ cin>>temp; arrs.emplace_ba
2022-04-21 15:54:51
791
原创 ES6课程笔记——尚硅谷（上）
1.let和const1.letlet声明变量，没有变量提升。是一个块级作用域。在同一个作用域，不能重复声明。作用1：for循环经典例子解决var带来的变量提升的问题作用2：不会污染全局变量2.constconst 声明常量，一旦被声明，无法修改。const 声明对象，可以修改对象内部的属性，但是不能直接整体改这个常量对象。建议：在默认情况下用const，而只有在你知道变量值需要被修改的时候，使用let。3.模板字符串使用tab键上面的反引号，变量使用${}3.强大的函数（
2022-03-08 15:57:08
467
原创 JS高级 | pink老师~~~
1.ES6中的类和对象2.继承关键字extends可以继承父类的属性和方法关键字super（）可以调用父类的构造函数和普通函数3.类和对象的注意点
2022-02-27 22:31:47
555
1
原创 JS相关 | 面试高频问题（三）| 事件委托、事件循环机制、添加事件、事件捕获、事件冒泡、垃圾回收机制、深拷贝、浅拷贝
9.事件委托（★★★）“事件委托”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。10.事件循环（★★★★★）11.添加事件、事件捕获、事件冒泡（★★★★★）12.垃圾回收机制（★★★★）13.promise系列（★★★★★）14.深拷贝、浅拷贝（★★★★★）...
2022-02-19 20:59:15
643
原创 用户体验UX/UE
用户体验是什么即用户在使用一个产品或系统之前、使用期间和使用之后的全部主观感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。影响因素三个影响用户体验的因素：系统，用户和使用环境。衡量标准用户体验没有确切的标准，它随着网站的服务色彩与针对人群不同采取的方式也不同。优化方法随着智能手机在市场的比例不断增长，做移动版本的网站是一个大趋势。了解用户如何与网站互动按我所接触过的前端来说，可以：方法：1.减少HTTP请求次数1）减少不必要的HTTP请求，例如用CSS圆
2022-02-17 20:57:13
360
原创 金字塔原理
金字塔原理：中心论点开始，下面是分论点支撑，每个分论点又有相应的子论点支持，子论点下面有论据支持。金字塔原理四大用途解决问题、管理下属、表达思想、公文写作沟通方面1.要想有效沟通，必须先将你的思想观点分组（共性、分组、记忆）2.逻辑梳理，联想记忆3.要想有效沟通，必须是构建看得见的金字塔公文写作方面，以用户为中心，挖掘用户兴趣点、关注点、利益点、需求点，用金字塔搭建逻辑清晰的框架结构。归类分组重点清晰、主次分明，让用户看得懂，也缩短了我们的写作时间。金字塔原理是什么？3法则3规.
2022-02-17 15:26:42
2901
原创 HTML相关 | 面试高频问题（一）| 语义化、标签、空格、meta、readonly和disable、audio和video
1.语义化，标签化的作用（★）HTMl标签语义化，简单来说，就是让标签有含义，给某块内容用上一个最恰当最合适的标签，使页面有良好的结构，页面元素有含义，不论是谁都能够看懂这块内容是什么，并且有利于搜索引擎。标签语义化的好处：1. HTML结构清晰2. 代码可读性较好3. 无障碍阅读4. 搜索引擎可以根据标签的语言确定上下文和权重问题5. 移动设备能够更完美的展现网页（对css支持较弱的设备）6. 便于团队维护和开发2.说说你常用的标签以及对应的作用（★★★）配合项目说
2022-01-05 14:49:27
322
原创 BIT前端训练营 | 20220102homewo day3预习
homewo day3预习1.JS数据类型和数据结构数据类型：最新的 ECMAScript 标准定义了 8 种数据类型:7种原始类型，除 Object 以外的所有类型都是不可变的（值本身无法被改变）。用typeOf运算符检查：Number：JavaScript 中只有一种数字类型，标准的双精度 64 位二进制格式的值（-(253 -1) 到 253 -1）。它并没有为整数给出一种特定的类型。除了能够表示浮点数外，还有一些带符号的值：+Infinity，-Infinity 和 NaN (非
2022-01-05 14:37:30
423
原创 BIT前端训练营 | 20220104课 web布局下
一、讲解作业flex布局分left，rightleft设置宽度30%，right自适应，则设置flex：1.表示flex-grow，shrink，basis都为1。画线框图纯文本垂直居中:文字居中＋行高设置拆分导航：用flex，flex-between个人中心板块：头像，姓名等：水平居中（css定位：子绝父相＋偏移left，top/transform）消息三个图标：也可以用flex消息图表上的数字：包裹在消息图标内，子绝父相在进行偏移鼠标悬浮展示其他消息：伪类：hover悬
2022-01-03 21:07:19
217
原创 BIT前端训练营 | 20211231课 web布局上
css flex布局容器属性flex-directionflex-wrapflex-flow项目属性flex-basis:控制main size，如果没有width，他就会去找外部的main size；如果有width，就是width来控制宽度空间分配flex-grow：对剩余空间的分配flex-shrink：对溢出空间的分配（默认1）...
2021-12-31 14:21:27
205
原创 CSS相关 | CSS高频面试（四）| 隐藏元素、伪类、伪元素、水平、垂直居中、清除浮动
8. 影藏元素的方法，各自的区别(display/visiablity/opacity)（★★★★）9.position各个取值的作用和场景（★★★★）10.link @import引入的区别（★★★）11.伪类，伪元素的使用和区别（★★★★）12.选择器优先级（★★★★★）13.水平、垂直居中方法（★★★★★）14.自适配属性（★★★★）...
2021-12-30 22:34:22
503
原创 好好刷力扣 | 二分查找算法模板
学习自labuladong大佬零、二分查找框架int binarySearch(int[] nums, int target) { int left = 0, right = ...; while(...) { int mid = left + (right - left) / 2; if (nums[mid] == target) { ... } else if (nums[mid] < target) {
2021-12-30 12:48:56
470
原创 BIT前端训练营 | 20211229课 CSS基础
选择器优先级：id>class>标签id和class区别：id只用一次，class可以多次用的属性选择器：给这个img的src属性设置样式eg：img[src]{ width:100px;}伪类选择器：a:hover后代选择器：指定div后的所有spandiv span{}给类命名：BEM方法：通过一定的规范，让class不容易重复.article .button-primary{让text垂直居中：text-align:center;line
2021-12-29 21:39:23
150
原创 CSS相关 | 面试高频问题（三）| 盒模型、BFC、IFC、margin塌陷、flex、grid
CSS面试高频问题（一） CSS面试高频问题（二）4.盒子模型和box-sizing（★★★★★）CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。分类：标准盒子模型（W3C)、怪异盒子模型（IE6）1.标准盒子模型（W3C）： 元素width=content，盒子宽度=width+padding+border+margin2.怪异盒子模型（IE6）： 元素width
2021-12-29 14:51:28
309
原创 BIT前端训练营课（一）20211227 课：html基础
20211227 课：html基础一、介绍了html常用标签1.用<label>包裹住<input>，能实现点击文本也会有效果。2.src和href二、观鸟网1.图片标签外面包裹了一层超链接标签，图片就是一个可点击的状态了。2.语义化标签写网页： <header> <nav> <content> <aside> <footer>3.语义化的好处：1.利于搜索引擎SEO：搜索引擎会识别标签
2021-12-29 14:27:11
467
原创 BIT 前端训练营 | 20211227作业2 之 实现loading...动画
实现loading…动画思路：画个正方形box令相邻两个边框颜色变成蓝色border-radius：50%把正方形变成圆形添加animation属性 让它转起来<!DOCTYPE html><html lang="en"> <meta charset="utf-8" /> <title>loading</title> <head> <style>
2021-12-29 14:25:03
118
原创 BIT前端训练营笔记（一）| 20211225 预习 | 常用标签、语义化、响应式设计
百度前段训练营笔记20211225 预习html常用标签img的alt=" "属性alt 属性是一个必需的属性，它规定在图像无法显示时的替代文本。ol 有序列表；ul无序列表<em>是斜体<strong>是强调的内容<input type="text" placeholder=" ">文本框<input type="checkbox">复选框<input type="checkbox" id="cbox
2021-12-27 11:07:42
282
原创 CSS相关 | 面试高频问题（二）| link、动画、块级元素、行内元素
8.link为什么要放在body前（★★★）一般link都是样式表，将link放在head内（body前），因为若将link放在body后，可能会出现页面没有样式、空白的内容，造成用户体验不佳。放在body前能让页面逐步呈现，提高用户体验。扩展：script标签放在/body之前：a. 把script标签放在底部，保证HTML首先完成解析，将页面尽早呈现给用户。脚本在下载和执行期间会阻止HTML解析。b.如果javascript用document.write方法创建文档内容（不推荐使用docu
2021-12-25 23:58:26
407
原创 JS相关 | 面试高频问题（二）| 闭包，作用域链，箭头函数，call，apply，bind，new的过程
面试高频问题（一）5.作用域、作用域链、闭包（★★★★）作用域作用域指的是一个变量和函数的作用范围，在ES6中，只有全局作用域和局部作用域，但是没有块级作用域，并且局部变量的优先级高于全局变量。1.变量提升将var声明的变量提升到所在作用域的顶部。（赋值不提升）2.函数提升将函数声明式创建的函数提升到文件的最开始。3.没有块级作用域作用域链1.查找变量时，先从 当前上下文变量对象中查找2.没找到，从父级执行上下文的变量对象中查找3.一直找到全局上下文的变量对象（全局对象）作
2021-12-23 15:32:00
503
原创 CSS相关 | 面试高频问题(一) | 定位/清除浮动/a标签/盒模型/浏览器兼容/画0.5px线...
1. position定位写出css中position的属性以及含义答：position属性有五个：static、fixed、absolute、relative、sticky。static：默认属性，没有定位，遵循正常文档流。不受bottom、left、right、top影响。fixed：元素相对于浏览器窗口是固定位置，与文档流无关，不占空间。和其它元素重叠。absolute：相对于最近的已定位的父元素是不变的，若没有已定位的父元素，则相对于html。与文档流无关，不占空间。relativ
2021-12-23 11:17:57
307
原创 JS相关 | 面试高频问题（一） | async和defer/JS的数据类型判断方法/隐式转换和显式转换/var、let、const区别
1. async和defer的区别渲染的过程的确是自上而下，同步进行的，也就是说遇到外部的脚本，就得暂停文档的解析，下载并且解释执行，这种方式是阻塞的，会造成网页空白的现象。关于defer：defer只适用于外联脚本，如果script标签没有指定src属性，只是内联脚本，不要使用defer如果有多个声明了defer的脚本，则会按顺序下载和执行defer脚本会在DOMContentLoaded(document.)和load事件(window.)之前执行关于async：只适用于外联脚
2021-12-23 11:12:16
567
原创 好好刷力扣 | 169.多数元素 / 计数法、排序法、摩尔投票法
169.多数元素给定一个大小为 n 的数组，找到其中的多数元素。多数元素是指在数组中出现次数 大于 ⌊ n/2 ⌋ 的元素。你可以假设数组是非空的，并且给定的数组总是存在多数元素。示例 1：输入：[3,2,3]输出：3一、计数法用HashMapclass Solution { public int majorityElement(int[] nums) { HashMap<Integer,Integer> map=new HashMap<Inte
2021-12-20 12:26:08
114
原创 好好刷力扣 | 69. Sqrt(x) / 二分查找 / 牛顿迭代法
69.Sqrt(x)给你一个非负整数 x ，计算并返回 x 的 算术平方根 。由于返回类型是整数，结果只保留 整数部分 ，小数部分将被 舍去 。注意：不允许使用任何内置指数函数和算符，例如 pow(x, 0.5) 或者 x ** 0.5方法一：二分查找由于 x平方根的整数部分是：满足 k*k ≤x 的最大 k 值，因此我们可以对 k进行二分查找，从而得到答案。class Solution { public int mySqrt(int x) { int min=0;
2021-12-19 16:58:13
175
原创 好好刷力扣 | 136.只出现一次的数字/位运算/异或
136.只出现一次的数字题目：给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。说明：你的算法应该具有线性时间复杂度。 你可以不使用额外空间来实现吗？示例 1:输入: [2,2,1]输出: 1我的做法：排序＋双指针挨着比较答案:思路：位运算，每个元素依次异或。i ^ 0 = i;i ^ i = 0;且异或满足交换律和结合律。class Solution { public int singleNumber(int[] n
2021-12-19 11:15:37
79
原创 JS相关 | 浏览器事件 |例子应用：点击让球在球场运动
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？ <style> #field { width: 200px; height
2021-12-17 12:18:08
551
原创 CSS相关 | 问题记录 | 鼠标点击时打开/折叠菜单
项目场景：提示：这里简述项目相关背景：例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)问题描述：学JS的时候，要实现：鼠标点击时，下拉菜单出现 的效果主要方法是JS写一个函数，做到点击某个元素时，给它加上属性 .open但始终无法做到点击就出现的效果代码长这样：<style> .menu ul{ margin: 0; list-style: none;
2021-12-16 20:39:48
701
原创 CSS相关 | 盒模型 / 5个盒子水平垂直居中方案 / clientHeight,offsetHeight,scrollHeight...
CSS盒模型概念：盒子模型就是用来装页面上的元素的容器，是矩形区域。分类：-IE盒子模型(怪异盒子模型）：width=左右border+左右padding+content-W3C盒子模型（标准盒子模型）：width=contentCSS3引入新属性：box-sizing：border-box、padding-box、content-box盒子水平垂直居中方案（5个）前提：子绝父相父元素relative，子元素absolute1.定位1方法：假设盒子 width: 100px; hei
2021-12-11 11:06:43
897
1
原创 前端小项目（四）| 咖啡厅网页页面
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、HTML1.header部分2.navigator部分3.main部分4.footer部分二、CSS1.header部分2.navigator部分3.main部分4.footer部分前言mooc上的作业，用html和css做的一个简单的web页面，关于咖啡厅的~代码放在：https://github.com/titibabybaby/FED/tree/main/coffee长这样：一、HTMLweb页面几个
2021-12-05 22:53:15
2111
原创 前端小项目（三）| 魔方魔方（html、css、js）
文章目录前言一、HTML二、CSS三、JavaScript前言MOOC课程的实践项目，做一个魔方~效果长这样~魔方在自主转动，且每个面的小方块可以飞走飞回。代码放在：https://github.com/titibabybaby/FED/tree/main/rubik’s%20Cube一、HTML魔方是一个正方体，所以我们首先构造一个正方体。html体现整个结构，都是div标签来表现的，整个container下有个box，box下有六个div，表示魔方的六个面。<div clas
2021-12-05 13:36:08
1493
1
原创 前端小项目（二） | 表单验证
文章目录前言一、html二、使用步骤1.引入库2.读入数据总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言这次是一个表单验证~主要功能是用表单进行注册，需要填写的内容有：us..
2021-11-30 14:27:46
994
原创 前端小项目（一）| 电影院座位预定（html，css，js）
前端小项目（一）| 电影院座位预定前言开始好好学习前端啦。学紫色爱心记录一波！！初步学了html，css，js，在github上找了几个前端小项目模仿着练练手。第一个就是电影院座位预定页面，主要的功能是：选择看哪部电影、选择座位、自动生成价格。完整代码放在[添加链接描述](https://github.com/titibabybaby/FED/tree/main/movie%20seat%20booking)学习github上大佬bradtraversy的demo，感谢~
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人