自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(196)
  • 问答 (21)
  • 收藏
  • 关注

原创 [查缺补漏|备战日常实习面试] CSS animation 属性

然后设置 border 为 200px,颜色则需要把其他三边都设置为 transparent。主要是使用 border 属性来进行实现,将 width | height 都设置为 0,使用animation,具体来说就是使用 @keyframes。

2022-10-16 14:07:40 43

原创 让我们一起用 JS 写一个 mini-vue 吧

– React官方文档可以看到 React 也使用了虚拟 DOM 😃虚拟DOM(VDOM)是一种编程概念,其中UI“虚拟”表示保存在内存中,并通过ReactDOM之类的库与“真实”DOM同步。操作便利:因为对于直接操作DOM来说是有很多的限制的,比如等等,但是使用JavaScript编程语言来操作这些,就变得非常的简单;性能优势:频繁的操作真实 DOM 会在性能方面造成极大的损耗,我们可以采用 虚拟 DOM 中的 diff 算法渲染真实DOM,提升了性能。

2022-10-11 20:33:14 585

原创 国庆怎么玩?国庆去面试!

1.对HTML语义化的理解 ✅2.script标签中defer和async的区别 ✅3.e.target 和 e.currentTarget 的区别 ❌e.target是触发事件的元素 |是绑定事件的元素4.对 web worker 的理解 ❌Web Worker 可以使脚本运行在新的线程中,它们独立于主线程,可以进行大量的计算活动,而不会影响主线程的 UI 渲染。当计算结束之后,它们可以把结果发送给主线程,从而形成了高效、良好的用户体验。

2022-10-02 09:30:20 448

原创 让我们一起写一个前端监控系统吧!

我们基于Vue2.利用vue-plugin实现项目级别的npm包监控报错,并专为Vue项目设计了监控中台核心监控插件开箱即用,用户可灵活选择全面应用或组件级别应用,可扩展性强。同时我们暴露了生命周期钩子,用户可自由拓展插件,提高了定制化水平本章介绍了前端监控系统的技术架构,让大家详细的了解了我们是如何搭建这样的一个企业级前端监控项目,希望能够给大家带来一些启发与帮助。

2022-09-21 21:23:23 3830 1

原创 来写个贪吃蛇小游戏吧(TypeScript版本)

这里的核心逻辑就是监控,看是上下左右中的哪一个,然后对应的改变蛇蛇的方向。其次,当蛇蛇碰到食物的时候,这个食物的位置会改变,可以设置一个。,所以我们需要定义出非常多的类来对这个贪吃蛇小游戏进行分析。首先,我们需要获取到蛇头的横纵坐标,还要能够给横纵坐标赋值。我们先来看看这个贪吃蛇小游戏有几个主要的部分。首先,我们需要获取其中的横纵坐标。当然还需要增加检测机制,舌头不能与身子重叠。其次,我们需要有方法增加蛇的身子。同时还需要增加身子移动的方式。其中蛇的移动需要不断的调用。这个函数,所以我们使用。

2022-09-01 22:36:09 1510

原创 聊聊Promise的使用

简单聊聊Promise的使用

2022-08-24 00:15:45 134

原创 this相关问题

this相关问题

2022-08-22 15:36:27 232

原创 Nodejs后端接口项目「可供练手」

这个是正常的写法,只是当数据量极大的时候,括号里面的东西很难填完,所以我们需要有简化的写法。是用来获取和更新文章及其分类的相关信息的。是用来存导入验证规则的包的相关配置文件。开头的接口时,发送请求一定要携带。问号表示这里放要插入的东西,分别表示正序排列和逆序排列。,否则你将没有权限处理。下面是简化写法&实际用法。代表选择所有满足条件的。是用来更改用户信息的,一定记得,当你访问非。是用来注册和登录的;...

2022-08-15 15:26:47 419

原创 一篇文章带你搞懂Vuex「小白入门级教程」

这篇文章我写了很久希望能够帮助小白快速入门Vuex当然如果有任何问题,欢迎指正哦~

2022-07-10 23:41:05 172

原创 python123 字母查找2.0(函数)

Way1 字典方法way2 列表方法主要是可以使用remove

2022-06-17 16:46:50 218

原创 高考回忆录

目录你有哪些印象深刻的高考记忆?你是如何度过高考后的那个暑假?你是如何度过你大学的第一学期?你给学弟学妹什么建议呢?分享你精彩的校园生活,推荐用照片/视频分享,可以是学校、食堂、宿舍、小卖铺、操场、图书室、教室…如果说印象深刻的高考记忆,那大概是这样的。这是我高考完后写的一篇稿子,现在已经刊登在一本杂志上啦。高三往往代表着挣扎与苦痛,即使度过了依旧会有很多遗憾和沮丧。至少现在的我还是这样觉得的。贴一篇我之前的回答,这是我去年做年终总结的时候写的文字。...

2022-06-10 15:46:40 110

原创 CSS 2d变化实例

主要是为了训练自己transform相关的知识,这个技能每日一练应该会维持比较长的时间,因为自己的编码能力是真的不太行呜呜呜。

2022-06-08 23:04:29 61

原创 点击实现按钮特效「CSS」「编码能力提升」「Day One」

1. 我已经注释的比较清楚了,大家搞不清楚可以把console.log的注释打开,可以理解的更清楚。至于效果图。2. 点击效果还是得大家自己CV代码去看。3. (1)主要是使用了JS的一个累的添加和删除4. (2)还使用了CSS的transition5. (3)其中比较特殊的是设置为width为0。...

2022-06-07 23:03:40 172 1

原创 go与mysql后端数据库搭建

go与mysql后端数据库搭建「在前端本地」

2022-06-04 11:50:45 220

原创 Elementui- Button 源码解析「开始造轮子啦~」

Button部分源码包含了三个大的方面。第一个是DOM结构DOM结构:<template><!-- 1.按钮样式 --><!-- 2.点击事件 --><!-- 3.当主动禁用或者loading的时候,都会触发按钮的disabled --><!-- 是一个整体,整个括号括起来,还得紧紧的挨着等号 --><!-- 4.是否默认聚焦 --><!-- 5.Button 原始类型 --><!-- c

2022-05-18 20:19:43 430

原创 反转链表II「leetcode」

这题主要是根据反转链表I进行改进,反转链表I有两种方法,第一种是递归方法,第二种是for循环方法。首先来看看比较少见的递归方法:这个方法效率要高不少var reverseBetween = function(head, left, right) { let rever = function(pre,cur){ // 返回前一个 if(!cur) return pre let next = cur.next cur.next

2022-05-03 22:56:07 502

原创 全排列II「leetcode」

这道题也是DFS搜索,把所有情况给搜索一遍。然后:1.注意走过的位置2.为了防止有完全相同的那种情况,或者说前后一样所造成的重复,需要去重一波var permuteUnique = function(nums) { // let set = new Set() nums.sort(function(a,b){ return a - b }) let len = nums.length let res = [] let ans

2022-05-03 22:30:33 156

原创 生成匹配的括号「leetcode」

这道题要生成所有合法的括号情况,可以看到n的数值范围在[1,8]非常小,所以可以一个一个的搜索。第一种是用DFS把每种情况都搜索一波,留下合法的所有情况var generateParenthesis = function(n) { // DFS回溯思路 // 每次添加一个括号,左边和右边,其实这个题目的难点就在于建模 let res = [] dfs(0,0,"") return res function dfs(open,close,cur){

2022-05-03 22:26:11 540

原创 midnight(不允许用中文来着)感怀 也不算感怀吧 生活嘛

今天搜文献,蹦出来一个图片,截图,反手转发给了一位朋友。然后突然他说:“我有对象啊(嚣张)”“啥时候”,“我靠”,“你不会高中就谈了吧?”“是小学捏”“俺晚上还要和他打视频捏”“R佬女朋友在哪?”“高三” “复读了”“嗷” “原来如此” “五一休假” “难怪捏”“R佬人生赢家!”“赢个p” “经历满多挑战的”“现在想来”“R佬是低调的壬”“就是说你能一直走下来(还在其他方法面面有些专长,才说牛(”上午突然兴起的一个念头,让我发现了这样一个故事,我突..

2022-05-01 01:33:00 106

原创 前端er优秀资源介绍

各种有趣的资源!作为一名计算机er,作为一名前端er了解绝对不吃亏!

2022-04-28 11:42:51 110

原创 Vue基础知识以及部分组件

目录Vue基础知识基本语法el挂载点:v-textv-showv-ifv-fordetailes过滤器相关(Vue3已经废弃)路由axios动态组件插槽Vue基础知识基本语法el挂载点:1.Vue实例的作用范围是什么呢?ans:Vue会管理el选项命中的元素及其内部的后代元素2.是否可以使用其他的选择器?ans:可以使用其他的选择器,但是建议使用ID选择器3.是否可以设置其他的dom元素?ans:可以使

2022-04-28 10:59:38 81

原创 反转链表「LeetCode」(含有视频讲解)

题目链接:反转链表题目大意:给你一个链表,你得返回这个链表的反转值。题目图片:题目分析:这道题给了我们一个链表,让我们把这个链表反转过来。我们先看看原链表:1->2->3->4->5是这样对吧?但其实不全是这样愿链表省略了一部分,就是“5指向哪里呢?”考虑到这个问题,我们就该重新画一下链表了1->2->3->4->5->null最后就是这个状态那么我们反转之后是什么样子的呢?5->4-&g.

2022-04-28 10:46:45 629

原创 从前序(后序)与中序遍历构造二叉树

想想前序遍历以及中序遍历的特点显然可以不断递归构造树形结构递归的函数注意是同一边,用前序与中序两种不同表示方法/** * Definition for a binary tree node. * function TreeNode(val, left, right) { * this.val = (val===undefined ? 0 : val) * this.left = (left===undefined ? null : left) * this.r

2022-04-25 20:54:35 520

原创 最长回文子串「动态规划」

/** * @param {string} s * @return {string} */// 思路:DP// 限定长度,从小到达枚举// 有意思的点:初始化var longestPalindrome = function(s) { // 二维数组初始化 let dp = [] let len = s.length for(let i=0;i<len;i++){ dp[i] = [] } // dp值初始化 le.

2022-04-25 20:50:31 255

原创 C++题集「含分类」「算法与数据结构」(持续更新ing

C++题集目录C++题集DP问题Dice SumKing BombeeChoose Elements搜索问题Shortest Good Path(BFS)思维题Bracket Sequence DeletionMax MinMathK-colinear LinePolynomial division贪心问题Wrapping Chocolate二分问题Range Count Query木材加工跳石头DP问题Dice

2022-04-23 11:00:00 179

原创 数据结构总结(前端面试&JavaScript)(4.22更新)【持续更新ing

数据结构知识 ø对算法的理解对前端er来说,算法并非银弹「极端有效的解决方案」,对前端er最重要的,最关键的,是工程能力,所谓工程能力,本质是“解决问题的能力”,无论是硬编码实力、还是架构思想,其本质都是为了解决问题这个终极目标而服务。前端er学习算法的路径基础数据结构数组「JS」1.创建数组const arr = new Array();2.for循环的方法(1).forEach()方法:arr.forEach((item, index)=&gt

2022-04-22 21:13:50 1751

原创 leetcode环形链表(一和二)「无耻做法」

环形链表⚡⚡⚡环形链表I🚀🚀🚀题目传送门:环形链表I(opens new window) 题意:给你一个链表,你需要去判断一下这个链表有没有环。 想法:💦💦💦 判断一个链表有没有环,只需要判断我们有没有重复走这个链表的某个节点就好,那怎么判断有没有重复走过这个位置呢?Tips:链表是一个对象,是对象就可以挂载其他的属性,比如挂载一个flag来表示这个走过没有,如果走过了,那很...

2022-04-18 18:43:19 270

原创 超好看的个人网页,你还不fork一下?

一键fork的个人网页,超好用的模版,来看看吧!

2022-04-12 14:53:14 6047 18

原创 Leetcode「合并两个有序数组」

题目链接合并两个有序数组自己写的很笨重,直接分情况讨论的:/** * Definition for singly-linked list. * function ListNode(val) { * this.val = val; * this.next = null; * } *//** * @param {ListNode} l1 * @param {ListNode} l2 * @return {ListNode} */var mergeTwoLis

2022-04-10 13:39:53 962

原创 用CSS为“她”画个跳动的心~

话不多说:先看看这个心的跳动:收缩的时候:跳起的时候:更多的效果大家可以把代码CV一下在自己的环境自测一下。这是动态的哦!<style> .back { position: fixed; padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; background: white; animation-name:

2022-04-09 23:21:29 110

原创 Webpack笔记「webpack配置知识」

目录webpack配置知识1. 什么是webpack?2. 在项目中安装webpack3.在项目中配置webpack4. webpack.config.js 文件的作用5.webpack 中的默认约定6.自定义打包的入口与出口webpack 中的插件1. webpack 插件的作用2. webpack-dev-server3. html-webpack-plugin4. devServer 节点webpack中的loader1. loader 概.

2022-04-09 22:50:03 359

原创 CSS画弯弯的月亮和爱心

效果图如上,代码如下:<style> .center { position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 100px; height: 100px; background-color: transparent; border-radius: 50%; box-shadow: 25p...

2022-04-08 18:05:50 2943

原创 JS知识库

JS知识库这是我的个人知识库的一部分,欢迎访问JS知识库 | 前端知识库@阳树阳树🚀基础知识点 this相关问题 DOM核心 《你不知道的JavaScript》读书笔记 JS知识点每日一题 JS原始数据类型有哪些?引用数据类型有哪些? this的指向问题 原始类型有哪几种?null 是对象嘛? 浅拷贝与深拷贝 #基础知识点#this相关问题this的顺序规则:1.函数是否在new中调用(new绑定)?如果是的话this绑定的是新创建的对象。

2022-04-04 17:25:06 1244 2

原创 开源算法介绍(Arcane Style)「将肖像转化成双城之战风格的漫画脸」

可以一键将你的脸转化成双城之战风格的漫画脸哦

2022-04-02 17:47:17 1168

原创 开源算法介绍「AnimeGANv2」(人脸转化

AnimeGANv2人脸动漫化算法,可实操!快来看看吧!

2022-03-29 21:05:52 2265

原创 CSAPP笔记(计算机组成原理)「持续更新」

#第一讲#位运算#&运算 (and)& 1 0 1 1 0 0 0 0 #|运算 (or)| 1 0 1 1 1 0 1 0 #^运算^ 1 0 1 0 1 0 1 0 #~(取反)~ 取反结果 1 0 0 1 #signed and unsignedsigned的数第一位「二进制」,代表..

2022-03-28 17:00:04 679

原创 leetcode刷题总结「JavaScript」(3.27已更新

JS每日一题数组 两数之和 删除有序数组中的重复项 数的操作 整数反转 回文数 字符串 最长公共前缀 常用函数 Array.prototype.splice() #数组#两数之和题目传送门:两数之和(opens new window)题意:在数组中挑两个数,使得target等于两数之和,输出两数的坐标。方法一:暴力枚举:点击查看代码var twoSum = function(nums, target) { for(va.

2022-03-23 19:27:42 1257

原创 Atcoder Beginner Contest 244 F

F - Shortest Good Path题意:给你n个点,m条边,无重边,无自环一个数列如果满足,所有的都在1-N并且两点之间有边连就可以还有1 0表示路径经过i点的次数是奇数还是偶数题解:1.如何表示?(1)输入时用一个vector表示,后续用auto得到对应的值。(2)dis[i][j]表示现在状态是i「用二进制来表示」,数为j。2.如何做?(1)为什么一开始要u-1,v-1?因为要使用二进制的操作,比如0001,是(1<<0)而不是(1<&

2022-03-22 08:59:31 185

原创 ABC 244 E补题

E - King Bombee完全没有想到是DP....事后总结:要取模,奇偶,求方案数。就用DP[i][j][k]来表示,从走到i这个点,j为所在序列中的位置,而k用来表示奇偶性。如果加入了一个数,和X一样,显然现在它变成了偶/奇,从原来的奇偶性相反的DP中转移过来如果未加入,从原来的奇偶性相同的DP中转移过来AC代码:#include <iostream>#include <string.h>#include <stdio.h>#i

2022-03-21 10:37:24 306

原创 广告图片点击删除

<!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>&l.

2022-03-20 12:57:43 138

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除