- 博客(40)
- 收藏
- 关注
RSS订阅原创 手撕Promise
我们要知道promise怎么样去使用。了解完Promise的用法，后面的源码就好理解这就是promise的简单使用首先,promise要传入一个函数()=>{},所以我先要先接收一个函数,函数中有俩个参数,resolve和reject,定义俩个函数;接着,promise是通过状态值去判断是否完成,其中有 pending | fulfilled | rejected 三种状态设置成功值,以及失败值;在调用其中一个函数式,修改状态值state,将传入的数据,交给result 或者 reason然后是then
2022-12-04 18:19:27
242
原创 计网 第一章 概述
网络(Network)由若干结点(Node)和连接这些结点的链路(Link)组成。多个网络还可以通过路由器互连起来，这样就构成了一个覆盖范围更大的网络，即互联网（或互连网)。因特网(Internet)是世界上最大的互连网络（用户数以亿计，互连的网络数以百万计)。没有精确统一的定义简单定义:互连、自治、计算机集合 不同阶段定义不同。反映当时的网培技术发展水平。
2022-11-12 20:34:38
1003
原创 前端工程化 ---- 创建自己的脚手架工具
一个工程的生命周期:yeoman的基本概念yeoman使用说明 安装generator 通过yo运行generator 启动应用构建自己的脚手架工具自定义Generator首先配置Generator需要有严格的文件结构使用yeoman实现自己的脚手架创建文件结构并且初始化项目创建文件夹名字必须是generator-xxx 安装yeoman-generator 编写index.js文件 挂载全局供其他文件夹去使
2022-11-06 18:58:30
601
原创 JS题库中的题解以及知识点(二)
它用于获取模板字面量的原始字符串形式，也就是说，替换(例如${foo})会被处理，但转义(例如\n)不会被处理。在这里，func是在第一个setimeout内更改的，但由于这是回调的一部分，它在第一个setTimeout被调用之前不会执行。第一个参数是一个具有原始属性的对象，其值是一个可迭代对象(可以是字符串或数组)，表示模板字面量中分离的字符串。如果没有定义处理程序，则默认行为是将操作转发到目标，但这只适用于诸如属性访问等标准行为，而不适用于外来对象的内部插槽。注意，数组是原地排序的，没有复制。
2022-10-23 18:09:20
346
原创 在校企合作项目中的几个发现
最近在有了一个校企合作,分配的任务,发现公司的任务分配,确实要比我们自己做的时候严谨,项目经理，项目负责人,ui,前后端，在工作之前还需要写待办，去按照目标去完成。在开始之前,要做任务准备,我们在腾讯会议上,他们说了一下项目的需求。然后我被分配到写手机端，用uniapp写h5+安卓。在这之前我一直以为h5+安卓，是用h5写，然后最后加个应用壳。为此我还重复问了好几次，可能学小程序的时候遗忘了，最后在网上看过之后，发现原来uniapp能直接生成多端应用。确实说我有点片面，接触的不是太深。
2022-10-15 22:11:52
275
原创 使用hexo与github搭建白嫖个人博客
注意:这个白嫖的重点是你可以访问,如果访问不了的话,个人博客就白嫖不成功了!!!(Hexo可以和github搭配,可以省去租赁服务器的麻烦)
2022-09-25 09:05:02
610
2
原创 JavaScript/ES6基础面试题
基本类型:string、number、boolean、undefined、null、symbol、bigint。string == number || boolean || number ....都会隐式转换。方式二:instanceof [可写,可不写]方式四:isPrototypeOf()=== ：出来比较值，还比较类型。方式三:原型prototype。方式一:new Set()方式一: isArray。方式三:借用构造函数继承。引用类型：object。方式二:indexOf。方式三:自己封装函数。
2022-09-03 10:29:14
651
原创 数据可视化
数据可视化，就是将相对抽象的的数据通过可视的、交互的方式进行展示，从而形象而又直观地表达出数据蕴含的信息和规律。简单来说，就是把复杂无序的数据用直观的图像展示出来，这样可以一下就能清晰的发现数据中潜藏的规律。当然啦，数据可视化，不仅仅是统计图表。本质上，任何能够借助于图形的方式展示事物原理、规律、逻辑的方法都叫数据可视化。...
2022-08-14 13:43:10
190
原创 TypeScript基础
/ 普通函数function 函数名(形参1： 类型=默认值， 形参2：类型=默认值,...): 返回值类型 { }// 声明式实际写法:}// 箭头函数const 函数名（形参1： 类型=默认值， 形参2：类型=默认值, ...):返回值类型 => { }}// 注意： 箭头函数的返回值类型要写在参数小括号的后面add（1,'1') // 报错复制代码}}// 这里的 add1 和 add2 的参数类型和返回值一致，// 那么就可以统一定义一个函数类型。...
2022-08-06 19:55:49
158
原创 React-redux 和 redux
React-redux和redux这俩个工具和vue中vuex很像，相当于一个组件通信的作用。这是最终react-redux和react的目录格式。sotre的入口文件。react-redux的使用(休要一个容器去装)
2022-07-23 21:04:59
305
原创 React路由组件的使用以及常用的Hook（6版本）
其中BrowserRouter和HashRouter和5版本一样，这里就不再多说了由于新版本推荐使用函数式组件,所以要用到hooks函数 NavLink中实现选中高亮除了这样常规的写路由,新增了路由表Hook ：useRoutes 也可以讲routes抽离出来，便于管理多级路由可以使用Outlet来管理（相当于vue中router-view）三种传参方式： params： useParams search：useSearch
2022-07-05 23:17:17
1249
原创 React中路由组件的简单使用（5版本）
因为包裹到这里其他组件无法使用,所以可以在App组件外包裹BrowserRouter,例如之后其他组件只引入Link和Route即可;还有和Link组件一样的,NavLink和Link功能一样,但是NavLink能使选中的高亮配置activeClassNameSwitch的用法:就是跳转只有一个组件,其他组件不奏效Redirect重定向路由组件接收的this.props跟一般组件不一样都用this.props接收数据withRouter能让普通组件中this.
2022-07-02 23:10:14
480
4
原创 vue3学习中总结
vue2学的差不多了,所以最近把vue3学习了一下,总体上两者之间有一定的区别,第一次学vue3可能会觉得没有vue2好用,但是其实vue3也优化了很多,vue3使用也会是大致趋向.Vue3与Vue2最大区别:Vue3中生命周期有所变化: vue3中代码:(基本代码,还有很多代码)vue2和vue3的区别图片: 主要有hooks函数可以实现代码按照功能实现,而不是vue2中每个配置都要写在不同的地方,更好的组织代码vue3主要优点就是:其他内容还需要继续学习去学习,加油!...
2022-06-25 22:01:45
498
1
原创 js中es6新增数组方法
传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回它，并且终止搜索。2、findIndex()：传入一个回调函数，找到数组中符合当前搜索规则的第一个元素，返回它的下标，终止搜索。3、fill()：用新元素替换掉数组内的元素，可以指定替换下标范围。4、copyWithin()：选择数组的某个下标，从该位置开始复制数组元素，默认从0开始复制。也可以指定要复制的元素范围。5、from将类似数组的对象（array-like object）和可遍历（iterable
2022-06-19 11:45:55
282
3
原创 React学习中遇到的知识点
首先,要用react的话,需要在页面中引入三个基础的react包react.development.jsreact-dom.development.jsbabel.min.js这个基本的三个包,但是还要注意一点在写js代码时可能会非常繁琐,所以要引入最后一个包,目的是为了写JSX语法,但引入方式不再是简单的 type="text/javascript" 而是 type="text/babel" 目的是转化成JSX语法React的语法跟Vue有一点像但又很不一样,他是通过实例去挂载组件
2022-05-15 10:55:49
398
原创 防抖与节流
防抖与节流是面试中经常会问到的问题，但是第一次看到这个东西以为是比较复杂的知识点，但是经过几分钟的学习，发现这不就是个简单的函数处理嘛！！！一、函数防抖（debounce） 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 没有实现防抖： const input = document.querySelector('.input'); input.addEventListener('input',...
2022-04-30 22:01:05
107
原创 知识复习总结
一、HTML5中的十大新特性1.语义标签1.1 什么是语义化标签？语义化标签既是使标签有自己的含义1.2 语义化标签的优势使界面的代码结构清晰，方便代码的阅读和团队的合作开发 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以语义的方式来渲染网页。 有利于搜索引擎优化（SEO）。 header> 定义了文档的头部区域 定义了文档的尾部区域 定义文档的导航 定
2022-04-23 22:36:58
1410
原创 webpack初始
首先webpack是一个打包工具，我们写的项目中，打包很多都需要他的帮忙，我之前的话，不了解，一直看不懂这个文件是干嘛用的。所以学习一下webpack，方便以后优化，今天我来总结一下webpack的一些简单的知识点！webpack的入口文件 index.js(如果需要改文件路径，也是可以的) 1.运行指令: 开发环境: webpack ./src/index.js -o ./build/main.js --mode=development webpack会以./sr...
2022-04-16 22:11:20
652
原创 第十三届蓝桥杯赛后感想
蓝桥杯今天也已经落下帷幕，对于蓝桥杯之前，一直都是胆怯的一种状态，报的javaB组，之所以胆怯，是因为之前没有学过java，所以对于java中之类的方法都一窍不通，面对蓝桥杯也是未知的路途，在小组举办的组内算法大赛中，我什么也不会，一上午都在坐牢，能看懂题目，但是却不知道用代码如何实现，一点一点尝试，就连签到题也不知道如何打印，一上午都在尝试java中如何获取案例中的每一个，每一行数据，因为他有个提示，根据这个环境，我一点一点获取到了输入中的值，这一点让我发现了新大陆，原来是...
2022-04-09 21:59:28
655
原创 vue中diff v-for中key为什么不能用index表示?
首先,vue中v-for中的key，为什么不能使用index，而是多使用其id或者其他数据中的唯一值。这其中肯定有一些道理。就比如：<ul> <li>1</li> <li>2</li></ul>他的虚拟DOM就是如下,也就是vnode{ tag: 'ul', children: [ { tag: 'li', children: [ { vnod...
2022-03-30 20:50:42
1058
原创 算法共线java
问题描述 给定2维平面上n个整点的坐标，一条直线最多能过几个点？输入格式 第一行一个整数n表示点的个数 以下n行，每行2个整数分别表示每个点的x,y坐标。输出格式 输出一个整数表示答案。样例输入50 01 12 20 32 3样例输出3数据规模和约定 n<=1500，数据保证不会存在2个相同的点。 点坐标在int范围内import java.util.Scanner; /** * @author sjn *...
2022-03-27 11:41:27
510
原创 算法考试中的总结
java算法基础语法import java.util.Scanner;// 注意类名必须为 Main, 不要有任何 package xxx 信息public class Main {public static void main(String[] args) { Scanner in = new Scanner(System.in); // 注意 hasNext 和 hasNextLine 的区别 int a = in.nextIn
2022-03-13 14:26:06
80
原创 vue上传文件
现在发现传文件其实没有多么困难,比起之前用nodejs写,vue真的方便不少,不仅仅是写代码方便,而且还有element ui组件库,这让写项目来说简单了很多 下面这个是就是上传文件的代码: <div class="main-box-right-part"> <p>头像</p> <img src="../../assets/ly/img/1.jp...
2022-02-27 14:59:43
1067
原创 关于对vue的学习总结
现在我开始接触vue了,之前就听学长学姐他们说,学完vue之后写项目就会快很多,我现在接触了一星期多vue,的确发自内心感觉,确实方便了很多.首先,接触的就是原理,关于vue对数据的代理,本质就是defineprototype其中 getter是读取数据,setter修改数据.<div id="root"> <h1>学校名称:{{name}}</h1> <h1>学校地址:{{addres...
2022-01-16 15:19:17
2509
原创 前端知识点总结
之前因为我是20+的，可能前端的知识点有些可能遗忘了，但是这次考核大一，不仅仅是考核他们，而且也把有些丢掉的知识点也捡回来一点！！！ 第一次考核页面，其实最重要的就是整体的页面，我大一的时候学长学姐就一直扣我们的页面。 1、居中 这个最常见的，页面布局，一个大div设置成100%，里面嵌套一个小div， margin：0 auto;小div的话就是，可以设宽，但是每个电脑屏幕的分辨率不同。所以设宽的话在其他电脑上面有不同的效果...
2021-12-12 17:40:09
333
原创 关于node用axios上传文件以及附带其他信息
当我写视频项目时，我是负责写后台，但是最重要的上传文件，遇到瓶颈，一直传不上去，后来一直学习请教了一下学长，在项目一个月考核完之后，这个上传文件的问题终于解决了。我想把这个东西分享一下，以后如果用到的话，也方便去看！！！ 首先就是node里边，需要下载俩个包 一个是npm installconnect-multiparty--savenpm install --save form-data需要把包引进来...
2021-12-05 16:58:13
1065
1
原创 前端入门讲课
总觉得第一次都值得被记录下来，这是我大一下学期进入小组后，大二第一次讲课，不是和同级讲，而是和大一新生讲课。其实每个第一次都非常紧张，可能就是个人的缘故，有时候说话不是多么有逻辑性。个人感觉讲课可能有很多不足，发现自己存在的问题，其实也是进步的一部分。因为之前看到往届学长自己写的博客网站，我都感觉自愧不如，毕竟学长已经去阿里实习，挺厉害的。我觉得对待博客，就像对待自己一样，要认真。 因为之前大一还在接触java基础，这个星期开始学习前端的知识...
2021-11-27 17:45:17
248
原创 flex布局 gird布局
转化为flex布局.div {display：flex；}justify-content 设置行内位置align-items 单行位置align-content多行位置flex-wrap：warp 换行flex-direction 决定行排还是列排 默认行排background：-webkit-linear-gradient（ color，color）从什么颜色渐变到什么颜色div:nth-child（1）第一个块div:nth-child（2）第二个块...
2021-11-21 09:23:28
3504
原创 git命令
pwd 显示当前的路径mkdir 创建文件夹touch 创建文件rm -r删除文件夹rm 删除文件mv 移动文件 ，mv index.html src index.html，src是目标文件夹clear 清屏创建版本库创建一个空目录mkdir 文件名cd 文件名pwd 当前路径git init 把目录变成Git可以管理的仓库把文件添加到版本库首先编写一个文件一定在创建的文件夹的目录下git add 告诉Git 把文件添加到仓库git commi
2021-11-07 08:16:04
126
原创 视频网站项目
我们现在开始了大二开学之后的一次项目,比起之前大一对于项目的理解比较深,大一很多东西不知道,写的东西,很多不不严谨,逻辑什么的又是觉得太多太乱,没有模块化,代码重复太多,空间觉得太乱,整体就太乱,非常的不好看. 总之来说,对于视频播放器来说,确实是视频网站的核心,什么进度条,暂停播放,都需要手写,的确难度挺大的,刚开始可能很久没写项目,手有些生,有些代码难免会忘记,翻阅一些资料,让自己记得回忆起来,不然写后面的项目,会影响自己的进度,所以和后...
2021-10-31 08:19:50
2148
原创 招新初体验
感觉挺快的，时间总是一眨眼间就过去了，停留在大一的思想，也渐渐成熟。成为大二，没有大一的懵懂，有了自己的规划，大二也就意味这要带新生了，成为我们口中的学长学姐，这中成就感确实挺不错的，因为自己有小组，学生会，文工团，班委的职务，确实有点忙大一点的时候，但是大二开学之后一直在忙招新，小组在暑假就开始各种项目，任务比如写招新系统，ppt等等很多的任务，各负其责。 很快等到新生的到来，我们和他们代班联系，询问他们来小组参观的时间，来我们小组参观，给他们讲解我们小组文化，以及很...
2021-10-24 11:38:25
94
原创 关于学习nodejs的心得
对于接触nodejs的一段时间中,我感觉nodejs虽然很方便,但是中间有很多的第三方包,很多npm的命令,有时候需要查阅文档,新的方法需要去使用,packbag.json 需要要npm init -y --save是相当于日志之类的东西 ...
2021-09-19 14:03:33
946
1
原创 es6学习心得
最近几天在学es6,了解了一些新的知识,对于我们很实用! 首先,就是面向过程和面向对象的写法,面向过程就是相当于记流水账,把功能从上写到下面,虽然逻辑很好,但是看起来就感觉很乱。而面向对象是把一块内容的一个对象，去写他的功能，一个对象一个功能，这样看起来就很方便。学习时我看到一个举例挺有意思的，就把面向过程和面向对象做了一个生动的比喻，把面向过...
2021-08-16 10:27:17
577
原创 做项目的初次体验
我是第一次接触项目，对于项目俩个字来说，就觉得很高大上。在我们实习完回来，学完thyemeleaf，便开始了我们第一次做项目，学长把我们都叫了出去，开始了分工，一组写的是博客项目，我们这一组写的是二手交易平台，一听这个 就感觉有点困难，毕竟第一次接触，我作为 前端的组长，觉得身上担起了重担，交流之后，便开始了项目，先写页面，我负责写后台页面，和前台部分页面，项目第一次开始的有点快，还没有完全接受，每天写页面，我就按照若以的后台管理系统去写，既然自己不会写，就按照他们的写，毕竟自己设计天赋有限...
2021-08-08 17:57:04
213
原创 小组学习感悟
我是一位刚接触前端的学生,怀着一个好奇,以及困惑的心,我进入了未来小组。起初大一上学期就只顾自己的事情，以及对大学的新鲜，上学期忙忙碌碌的过去了，当时依然对于代码编程没有什么太多的了解，就只是知道学的好干这一行挺挣钱。很快到了下学期，我才发现，身边的有些人在小组一直待到了现在，当时就觉得太有毅力了吧。但是他们说的编程什么的我一无所知，我才知道我和他们的差距开始慢慢拉大了，而且同学也说着来小组学习，本以为是个玩笑话，没想到下学期未来小组又重新招人，我怀着忐忑的心，投了一份简历，就等待小组的通知...
2021-07-26 09:51:33
253
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人