- 博客(196)
- 问答 (21)
- 收藏
- 关注
RSS订阅原创 [查缺补漏｜备战日常实习面试] CSS animation 属性
然后设置 border 为 200px，颜色则需要把其他三边都设置为 transparent。主要是使用 border 属性来进行实现，将 width | height 都设置为 0，使用animation，具体来说就是使用 @keyframes。
2022-10-16 14:07:40
560
原创 让我们一起用 JS 写一个 mini-vue 吧
– React官方文档可以看到 React 也使用了虚拟 DOM 😃虚拟DOM（VDOM）是一种编程概念，其中UI“虚拟”表示保存在内存中，并通过ReactDOM之类的库与“真实”DOM同步。操作便利：因为对于直接操作DOM来说是有很多的限制的，比如等等，但是使用JavaScript编程语言来操作这些，就变得非常的简单；性能优势：频繁的操作真实 DOM 会在性能方面造成极大的损耗，我们可以采用 虚拟 DOM 中的 diff 算法渲染真实DOM，提升了性能。
2022-10-11 20:33:14
1040
原创 国庆怎么玩？国庆去面试！
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
870
原创 让我们一起写一个前端监控系统吧！
我们基于Vue2.利用vue-plugin实现项目级别的npm包监控报错，并专为Vue项目设计了监控中台核心监控插件开箱即用，用户可灵活选择全面应用或组件级别应用，可扩展性强。同时我们暴露了生命周期钩子，用户可自由拓展插件，提高了定制化水平本章介绍了前端监控系统的技术架构，让大家详细的了解了我们是如何搭建这样的一个企业级前端监控项目，希望能够给大家带来一些启发与帮助。
2022-09-21 21:23:23
5922
1
原创 来写个贪吃蛇小游戏吧（TypeScript版本）
这里的核心逻辑就是监控，看是上下左右中的哪一个，然后对应的改变蛇蛇的方向。其次，当蛇蛇碰到食物的时候，这个食物的位置会改变，可以设置一个。，所以我们需要定义出非常多的类来对这个贪吃蛇小游戏进行分析。首先，我们需要获取到蛇头的横纵坐标，还要能够给横纵坐标赋值。我们先来看看这个贪吃蛇小游戏有几个主要的部分。首先，我们需要获取其中的横纵坐标。当然还需要增加检测机制，舌头不能与身子重叠。其次，我们需要有方法增加蛇的身子。同时还需要增加身子移动的方式。其中蛇的移动需要不断的调用。这个函数，所以我们使用。
2022-09-01 22:36:09
1804
原创 Nodejs后端接口项目「可供练手」
这个是正常的写法，只是当数据量极大的时候，括号里面的东西很难填完，所以我们需要有简化的写法。是用来获取和更新文章及其分类的相关信息的。是用来存导入验证规则的包的相关配置文件。开头的接口时，发送请求一定要携带。问号表示这里放要插入的东西，分别表示正序排列和逆序排列。，否则你将没有权限处理。下面是简化写法&实际用法。代表选择所有满足条件的。是用来更改用户信息的，一定记得，当你访问非。是用来注册和登录的；...
2022-08-15 15:26:47
978
原创 高考回忆录
目录你有哪些印象深刻的高考记忆？你是如何度过高考后的那个暑假？你是如何度过你大学的第一学期？你给学弟学妹什么建议呢？分享你精彩的校园生活，推荐用照片/视频分享，可以是学校、食堂、宿舍、小卖铺、操场、图书室、教室…如果说印象深刻的高考记忆，那大概是这样的。这是我高考完后写的一篇稿子，现在已经刊登在一本杂志上啦。高三往往代表着挣扎与苦痛，即使度过了依旧会有很多遗憾和沮丧。至少现在的我还是这样觉得的。贴一篇我之前的回答，这是我去年做年终总结的时候写的文字。...
2022-06-10 15:46:40
243
原创 CSS 2d变化实例
主要是为了训练自己transform相关的知识，这个技能每日一练应该会维持比较长的时间，因为自己的编码能力是真的不太行呜呜呜。
2022-06-08 23:04:29
175
原创 点击实现按钮特效「CSS」「编码能力提升」「Day One」
1. 我已经注释的比较清楚了，大家搞不清楚可以把console.log的注释打开，可以理解的更清楚。至于效果图。2. 点击效果还是得大家自己CV代码去看。3. （1）主要是使用了JS的一个累的添加和删除4. （2）还使用了CSS的transition5. （3）其中比较特殊的是设置为width为0。...
2022-06-07 23:03:40
382
1
原创 Elementui- Button 源码解析「开始造轮子啦～」
Button部分源码包含了三个大的方面。第一个是DOM结构DOM结构：<template><!-- 1.按钮样式 --><!-- 2.点击事件 --><!-- 3.当主动禁用或者loading的时候，都会触发按钮的disabled --><!-- 是一个整体，整个括号括起来，还得紧紧的挨着等号 --><!-- 4.是否默认聚焦 --><!-- 5.Button 原始类型 --><!-- c
2022-05-18 20:19:43
882
原创 反转链表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
604
原创 全排列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
229
原创 生成匹配的括号「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
670
原创 midnight（不允许用中文来着）感怀 也不算感怀吧 生活嘛
今天搜文献，蹦出来一个图片，截图，反手转发给了一位朋友。然后突然他说：“我有对象啊（嚣张）”“啥时候”，“我靠”，“你不会高中就谈了吧？”“是小学捏”“俺晚上还要和他打视频捏”“R佬女朋友在哪？”“高三” “复读了”“嗷” “原来如此” “五一休假” “难怪捏”“R佬人生赢家！”“赢个p” “经历满多挑战的”“现在想来”“R佬是低调的壬”“就是说你能一直走下来(还在其他方法面面有些专长，才说牛(”上午突然兴起的一个念头，让我发现了这样一个故事，我突..
2022-05-01 01:33:00
196
原创 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
260
原创 反转链表「LeetCode」（含有视频讲解）
题目链接：反转链表题目大意：给你一个链表，你得返回这个链表的反转值。题目图片：题目分析：这道题给了我们一个链表，让我们把这个链表反转过来。我们先看看原链表：1->2->3->4->5是这样对吧？但其实不全是这样愿链表省略了一部分，就是“5指向哪里呢?”考虑到这个问题，我们就该重新画一下链表了1->2->3->4->5->null最后就是这个状态那么我们反转之后是什么样子的呢？5->4-&g.
2022-04-28 10:46:45
729
原创 从前序（后序）与中序遍历构造二叉树
想想前序遍历以及中序遍历的特点显然可以不断递归构造树形结构递归的函数注意是同一边，用前序与中序两种不同表示方法/** * 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
613
原创 最长回文子串「动态规划」
/** * @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
304
原创 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
1896
原创 数据结构总结（前端面试&JavaScript）（4.22更新）【持续更新ing
数据结构知识 ø对算法的理解对前端er来说，算法并非银弹「极端有效的解决方案」，对前端er最重要的，最关键的，是工程能力，所谓工程能力，本质是“解决问题的能力”，无论是硬编码实力、还是架构思想，其本质都是为了解决问题这个终极目标而服务。前端er学习算法的路径基础数据结构数组「JS」1.创建数组const arr = new Array();2.for循环的方法(1).forEach()方法：arr.forEach((item, index)=>
2022-04-22 21:13:50
1882
原创 leetcode环形链表（一和二）「无耻做法」
环形链表⚡⚡⚡环形链表I🚀🚀🚀题目传送门：环形链表I(opens new window) 题意：给你一个链表，你需要去判断一下这个链表有没有环。 想法：💦💦💦 判断一个链表有没有环，只需要判断我们有没有重复走这个链表的某个节点就好，那怎么判断有没有重复走过这个位置呢？Tips：链表是一个对象，是对象就可以挂载其他的属性，比如挂载一个flag来表示这个走过没有，如果走过了，那很...
2022-04-18 18:43:19
337
原创 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
1020
原创 用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
179
原创 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
2440
原创 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
3177
原创 JS知识库
JS知识库这是我的个人知识库的一部分，欢迎访问JS知识库 | 前端知识库@阳树阳树🚀基础知识点 this相关问题 DOM核心 《你不知道的JavaScript》读书笔记 JS知识点每日一题 JS原始数据类型有哪些？引用数据类型有哪些？ this的指向问题 原始类型有哪几种？null 是对象嘛？ 浅拷贝与深拷贝 #基础知识点#this相关问题this的顺序规则：1.函数是否在new中调用（new绑定）？如果是的话this绑定的是新创建的对象。
2022-04-04 17:25:06
1358
2
原创 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
1358
原创 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
1642
原创 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
394
原创 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
407
原创 广告图片点击删除
<!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
231
空空如也
请问这个函数是怎么用的呀
2021-12-04
请问我这样写为啥没有输出
2021-09-22
请问这里为什么要使用strcpy函数，我感觉没必要啊
2021-09-12
如图，不是很懂这个代码，能讲一讲嘛
2021-09-11
这个语言用的是c还是c艹啊？
2021-09-05
请问下各位这个位置是哪里错了?
2021-09-03
请问我这个代码问题出在哪里了啊？
2021-08-22
请问这个程序怎么写？求代码➕解析
2021-08-22
请问我这里为什么没有输出啊？
2021-08-21
请问这里为什么要➗2，➗5？
2021-08-21
请问这个为什么不能够打出100以内素数？
2021-08-21
请问这里为啥我输出的56是素数啊
2021-08-21
请问这里是哪里出现了问题呀？
2021-08-19
这里输出的为啥不对啊？
2021-08-19
请问这个程序怎么写啊
2021-08-19
请问这个代码如何用switch-case来写
2021-08-19
请问为什么会出现这样的问题？
2021-08-19
请问这里是哪里出错了？
2021-08-19
请问这里不能直接取余数嘛？
2021-08-17
请问这个是哪里出问题了？
2021-08-12
请问这是哪里出现了问题？
2021-08-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人