前端笔记
关注
分享
扫一扫
记录学习前端过程中的笔记，以前学习过很多东西，到现在好多都已经忘记了，才明白记录的重要性，在用到的时候能回过头来回忆。
zjp567
这个作者很懒，什么都没留下…
展开
-
React原理学习
react原理 、diff算法原创 2022-07-26 09:14:35 · 195 阅读 · 1 评论 -
图的深度广度优先遍历（DFC与BFC）JavaScript版
graph.js创建一个js文件用于表示图这个类型，这个对象的键为节点，所对应的值为这个节点所连接的节点。const graph={ 0:[1,2], 1:[2], 2:[0,3], 3:[3]};module.exports=graph;图的深度优先遍历，（DFC）const graph =require("./graph")console.log(graph)const visited=new Set();const dfs...原创 2022-05-06 19:26:50 · 874 阅读 · 0 评论 -
vue3后台管理系统（https://github.com/noob-Jp/my-admin-vue3）
# my-admin-vue3本项目是我第一次写vue3，vue2已经学了很长时间，早就想开始接触vue3，通过b站和github上项目的介绍我了解到好多成熟的vue3的后台管理的项目，并且也star了好多，但是光收藏是不行的，必须自己多动手，所以也想自己做一个自己的vue3的后台管理，并且通过这个开始，来接触vue3。在此之前我了解到完整的后台管理系统有1. （vue-pure-admin）：[vue-pure-admin](https://github.com/xiaoxian521/.原创 2022-04-20 08:01:04 · 9137 阅读 · 6 评论 -
力扣3.无重复字符的最长子串（滑动窗口问题）
给定一个字符串，请你找出其中不含有重复字符的 最长子串 的长度。示例 1:输入:"abcabcbb"输出:3解释:因为无重复字符的最长子串是"abc"，所以其长度为 3。来源：力扣（LeetCode） 链接：https://leetcode-cn.com/problems/longest-substring-without-repeating-characters 著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。思路：定义一个左边界lef...原创 2022-04-10 12:55:39 · 122 阅读 · 0 评论 -
v-for 和 v-if的优先级（源码分析）app.$options.render
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script src="js/Vue.js"></script><div id="demo"> <h1>v-for 和 v-if的优先级&.原创 2022-04-08 11:22:56 · 237 阅读 · 0 评论 -
力扣16. 最接近的三数之和(双指针)
给定一个包括 n 个整数的数组 nums 和 一个目标值 target。找出 nums 中的三个整数，使得它们的和与 target 最接近。返回这三个数的和。假定每组输入只存在唯一答案。示例：输入：nums =[-1,2,1,-4], target = 1输出：2解释：与 target 最接近的和是 2 (-1 + 2 + 1 = 2)。来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/3sum-closest...原创 2022-04-07 20:53:38 · 140 阅读 · 0 评论 -
力扣350. 两个数组的交集 II
给定两个数组，编写一个函数来计算它们的交集。示例1:输入:nums1=[1,2,2,1],nums2=[2,2]输出:[2,2]示例2:输入:nums1=[4,9,5],nums2=[9,4,9,8,4]输出:[4,9]来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/intersection-of-two-arrays-ii著作权归领扣网络所有。商业转载请联系官方授权，非商业转载请注明出处。...原创 2022-04-05 21:50:01 · 375 阅读 · 0 评论 -
力扣16.11. 跳水板
1.面试题 16.11. 跳水板/** * @param {number} shorter * @param {number} longer * @param {number} k * @return {number[]} */var divingBoard = function(shorter, longer, k) { if(k===0) return []; if(shorter === longer) return [k*shorter]; let arr=原创 2022-03-29 13:16:07 · 101 阅读 · 0 评论 -
某公司 1 到 12 月份的销售额存在一个对象里
如下：{1:222, 2:123, 5:888}，请把数据处理为如下结构：[222, 123, null, null, 888, null, null, null, null, null, null, null]let obj = {1:222, 2:123, 5:888};const result = Array.from({ length: 12 }).map((_, index) => obj[index +1] || null);console.log(result).原创 2022-03-27 09:25:20 · 158 阅读 · 0 评论 -
已知如下数组，编写一个程序将数组扁平化去并除其中重复部分数据，最终得 到一个升序且不重复的数组 var arr =
已知如下数组，编写一个程序将数组扁平化去并除其中重复部分数据，最终得 到一个升序且不重复的数组 var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12, 13, [14] ] ] ], 10];答：使用 Set 方法去重，flat(Infinity)扁平化Array.from(new Set(arr.flat(Infinity))).sort((a,b)=>{ return a-b})//[1,2, 3, 4, 5, 6原创 2022-03-26 14:46:36 · 453 阅读 · 0 评论 -
Nginx配置到centos7中出现500问题
这里前提是已经安装好了nginx，如没安装则使用下面的命令安装，yum install nginx安装好之后进入etc/nginx/打开nginx.conf 开始配置 location / { root /etc/zjp/www/dist; index index.html; try_files $uri $uri/ /index.html; } loca原创 2022-02-19 19:30:44 · 2056 阅读 · 1 评论 -
JavaScript 数组的函数 map/forEach/reduce/filter
1.map// map//作用：对数组进行遍历//返回值：新的数组// 是否改变：否var arr = [2, 5, 3, 4];var ret = arr.map(function(value) { return value + 1;});console.log(ret); //[3,6,4,5]console.log(arr); //[2,5,3,4]2.forEach// forEach 方法// 作用：遍历数组的每一项// 返回值：undefined//转载 2022-02-12 11:57:04 · 93 阅读 · 0 评论 -
vue中的虚拟DOM
虚拟dom简单来说就是一个普通的JavaScript对象，包含tag，props，children三个属性。<div id="app"> <p className="text">lxc</p></div>上边的HTML代码转为虚拟DOM如下：{ tag:"div", props:{ id:"app" }, children:[ { tag:"p",转载 2022-02-12 10:53:09 · 300 阅读 · 0 评论 -
call、apply、bind的使用（改变this指向）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script type="text/javascript"> var str='你好'; var ob...原创 2022-02-10 21:20:43 · 384 阅读 · 0 评论 -
深拷贝与浅拷贝
浅拷贝：只复制引用，而未复制真正的值，改变值会影响原来的值。深拷贝：是复制真正的值，改变值不会影响原来的值。原创 2022-02-10 21:03:09 · 181 阅读 · 0 评论 -
防抖（闭包加定时器）
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>防抖</title> </head> <body> <div>ssssss</div> <div>ssssss</div> <div>...原创 2022-02-10 20:53:06 · 437 阅读 · 0 评论 -
个人总结的Git命令
1.git status :查看状态2.git add . ：工作区（编辑区）添加到暂存区3.git commit -m "备注说明"：暂存区提交到分支4. git pull origin master ：拉取远程代码到本地如果远程仓库的代码版本高于本地仓库，则无法正常推送，需要先执行git pull,获取最新版本，在推送即可。5.git push origin master : 推送本地代码到远程6.git remote add origin git@gitee.com:zjp66...原创 2022-02-09 21:23:54 · 185 阅读 · 0 评论 -
svg的基本使用
<!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-02-07 10:08:12 · 123 阅读 · 0 评论 -
vue笔记
安装axios:npm i axios -S immediate选项:默认情况下，组件在初次加载完毕之后不会调用watch侦听器，如果想让watch侦听器立即被调用，则需要将immediate设置为truedeep选项：当watch监听的是一个对象，如果对象中的属性值发生了变化，则无法被监听到。此时需要使用deep选项设置为true计算属性vs侦听器 计算属性和侦听器侧重的应用场景不同 计算属性侧重监听多个值的变化，最终计算并返回一个新值 ...原创 2021-12-24 15:27:07 · 480 阅读 · 0 评论 -
webpack笔记
webpack笔记原创 2021-12-15 09:38:05 · 1082 阅读 · 0 评论