- 博客(97)
- 收藏
- 关注
RSS订阅原创 11-27
周总结课很多，没什么时间去做自己的事情，有时候一天就一两个小时才能在小组学习。从上周开始，每科开始期中考试，这周考完了。主要精力在课上学习上。这周去单片机小组焊了板子，我发现我对这种需要动手做的东西还是很感兴趣的，上次做网线也是，很有成就感。买了服务器，搭建了项目平台，但是刚开始没怎么整明白，加上平时时间又不太多，所以没怎么弄好，大概下周就可以搞完，双十一+新用户，价格不是很贵，之后再学习怎么部署，就可以将自己项目放到自己服务器上了。...
2021-11-27 17:15:37
214
原创 flex实现瀑布流
利用flex等分和弹性的特点，可以很轻松实现瀑布流布局，但是适用范围不广，比较适合数据量较少或者静态页面，因为这种写法从后端拿数据过来后得动态生成列数，可以实现，但是略微麻烦，这里不做解释。最后效果sass代码.waterfall_box display: flex flex-wrap: wrap .box_column display: flex flex-direction: column div m
2021-11-23 08:52:50
11342
原创 react函数组件实现四栏轮播图切换
实现的功能为一个轮播图，分为纵向四栏，切换的时候四部分延迟切换。主题思想：将底部整体的div分为四部分，纵向四等分，每部分都是当前要展示的图片，通过定位拼接到一起，看起来跟原版的图片一样，给四部分css设置时间，从左往右依次递增，这样切换的时候就会依次出现了。css部分不细讲，这里主要讲一下函数组件怎么写import React, { useState, useEffect } from "react";import "./index.css";export default function S
2021-11-21 11:28:33
5323
原创 迎接冰雪之约，共赴美好未来
网页设计大赛迎接冰雪之约，共赴美好未来。随着冬奥来临的时间越来越近，大家对冬奥的关心程度也日益参加，为了让更多人了解冬奥，我们团队成员在指导老师的带领下创作了此作品。团队成员认真查阅相关资料，下载相应素材，并且自己制作了logo、口号，及时设计并按时完成了此项目。冬奥相关内容众多，我们选取了期中一部分来进行介绍，项目分为了首页、奥运知识、奥运项目、奥运明星、奥运吉祥物五个主要部分。项目使用了html+css+js+react+hook+antd+sass+git等技术，尽可能的为用户带来最好的浏览体验。
2021-11-20 17:02:58
524
原创 2021-11-14
增删改查已经有了几套了，剩下的工作就是把功能完善。前台还有很多没写，还有一个主要的地图没写，还有后台的管理，下周争取把前台结束。学校决定提前放假，周日没休息了，还要接着补课，每天作业非常多，这周和下周还有很多科目要期中考试。网上买东西说我们这里地点停收了，不发货，还在封校。...
2021-11-14 09:51:34
199
原创 11-06
生活大学上的真难受，不能出去玩，不能出校门，现在学校又冷，又不想在外面待，教室，小组，食堂，寝室来回打转。每天学完回去，除了和小伙伴玩会游戏，没什么其他事情可做了。希望快点恢复正常生活吧。学习这周继续写react项目，因为之前笔记不足，暑假学过一遍后很快就忘记了，前期写是有点慢了，但是把基本的东西又看了一下，好几次因为不了解react特性，导致了修改bug耽误太多时间。这次打算把项目时间延长一些，如果是项目赶进度的话，遇到棘手的问题直接百度看能不能解决，不能就换方法。现在遇到问题去思考问题出在哪，是因
2021-11-06 21:41:03
2416
原创 10-31
新生这周是新生来学习的第一周，仿佛明白了学长学姐当时的心情了，他们刚来的前几天，把我们当时犯的错误基本犯了一遍。什么不关门，走时候不放椅子，睡觉，不知道怎么学。。耐着性子挨个教他们，小伙伴有的时候会很烦，我感觉每个人刚来的时候都一样，总是会犯很多错误。大概分为三种人吧，一种来了就努力学习，其他不管，有问题就问，这也是我们最喜欢的一类。另一类就是感觉他非常想学习，但是心有余而力不足，要么就是自己看不懂，不知道怎么学、要么就是之前的坏习惯改不过来，经常犯困，走神。还有一类就是跟风加入我们，来了就划水。不过我们
2021-10-31 10:33:17
70
原创 node写本地接口
作为前端开发人员有点时候学完了某个东西我们想自己写个小demo来练习一下，但是没有动态数据，这个时候要么使用mock写数据，要么用node给自己写接口。本篇应对自己本地应用的情况，不适合真实开发。1、创建一个node项目npm init初始化一个项目，然后npm install express -s导入依赖，然后创建app.js,写入基本代码var express = require('express');//引入express模块var app = express();//写方法app.g
2021-10-24 16:43:31
2114
原创 节点连接系统总结
需求：1、创建100个节点，每个节点的权值内容为-1~1之间的随机数，保留四位小数2、创建100个点，每个点的横纵坐标随机，点可以为负但不可重复。每个节点对应一个点。3、将节点根据权值排序，首尾相连得到一个权值对，用N表示. 得到50对权值对，表示为“<N(3,4),N(5.6)>”.前后为两个权值的点的坐标4、用散点图将每个节点在图中表示出来，点击某个节点对N后相应的两个点连接起来5、最后生成N的txt文件6、提供一个文件点击可直接运行1、创建文件夹因为第六条的限制，所以n
2021-10-04 11:06:27
543
原创 前端面试题1
B站陈学辉前端面试题1、逗号运算符<script> vari=0,j=0; for(;i<10,j<6;i++,j++){ k=i+j; }; console.log(k);</script>答案：10for循环中判断条件为i<10,j<6。逗号运算符以后面为准，所以相当于j<6，循环五次，最后结果为10（5+5）2、找数组最小值找到数组[-1, -2, 1, 10, 4, 5, 8]中的最
2021-09-26 17:49:41
1033
原创 js逗号操作符
一个很容易被忽视的知识点。MDN中的定义是：逗号操作符 对它的每个操作数求值（从左到右），并返回最后一个操作数的值。我们先来看两个例子：vari=0,j=0;for(;i<10,j<6;i++,j++){ k=i+j;};console.log(k);打印结果为：10vari=0,j=0;for(;j<6,i<10;i++,j++){ k=i+j;};console.log(k);打印结果为：18其他地方没有变化，只是把循环条件中的i和j交换了位
2021-09-20 11:03:43
418
原创 css之BFC
BFC 概念Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且 BFC 具有普通容器所没有的一些特性。只要元素满足下面任一条件即可触发 BFC 特性：body 根元素浮动元素：float 除 none 以外的值绝对定位元素：position (ab
2021-09-19 17:37:53
92
原创 js调用无参函数时括号的作用
我现在有一个函数，不需要参数function fun() { console.log(123); return "123";}fun;fun();那么上面两种方式调用函数分别能得到什么
2021-08-24 10:39:11
346
转载 react生命周期
1、什么是生命周期组件从创建到死亡它会经历一些特定的阶段。React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。我们在定义组件时，会在特定的生命周期回调函数中，做特定的工作。2、旧版生命周期图生命周期的三个阶段初始化阶段: 由ReactDOM.render()触发—初次渲染1. constructor()2. componentWillMount()3. render()4. componentDidMount() =====> 常用一般在这个钩子
2021-08-09 21:59:48
92
原创 react基础知识（2）
七、组件实例三大属性之props1、props基本使用在官方文档中讲组件，从概念上类似于 JavaScript 函数。它接受任意的入参（即 “props”），并返回用于描述页面展示内容的 React 元素。所以可以理解props为组件中存储信息的部分，类似于函数的参数。<body> <!-- 准备好一个“容器” --> <div id="test1"></div> <div id="test2"></div> <di
2021-08-09 21:32:51
111
原创 react基础知识（1）
一、hello react每个语言开始都是从hello开始的，咱们也不例外，先从写一个hello react作为起点。<body> <!-- 准备好一个“容器” --> <div id="test"></div> <!-- 引入react核心库 --> <script type="text/javascript" src="../js/react.development.js"></script> <!-
2021-08-08 17:52:42
104
原创 小程序网络请求与本地存储
官方的方法Wx.request({ url: '', data: {}, header: {'content -type' : 'application/json'}, method :'GET' dataType:'json', responseType:'text' success: (result) => {}, fail: () => {}, complete: () => {}});方法封装export const request=( params
2021-08-02 08:53:21
227
原创 小程序生命周期
应用第一次启动的就会触发的事件onLaunch( ) { // 在应用第一次启动的时候获取用户的个人信息 console. log (" onLaunch") ;},应用被用户看到onShow( ){ //对应用的数据或者页面效果重置 console .1og (" onShow") ;},应用被隐藏了onHide( ){ //暂停或者清除定时器 console .1og ("Hide");},应用的代码发生了报错的时候就会触发onError(err){ //在应用发
2021-08-02 08:45:08
63
原创 小程序自定义组件
1、新增组件创建component文件，里面放入自己写好的组件文件夹，例如tabs，该文件夹下放入对应四个文件2、导入组件找到你要使用其他组件的文件，例如我想在a组件中使用b组件，就在a组件中的js文件中配置"usingComponents":{ "b":"../../component/b/b"}键值对，前为需要使用的组件，后为使用组件对应的路径3、使用组件在a.wxml中将b当成一个标签使用<b></b>4、父组件向子组件传数据父组件(页面)向子
2021-08-02 08:34:41
95
原创 小程序常见组件
1、view代替之前的div标签2、text1.文本标签2.只能嵌套text3.长按文字可以复制(只有该标签有这个功能)4.可以对空格回车进行编码属性名 selectable 类型 Boolean 默认值 false 说明 文本是否可选属性名 decode 类型 Boolean 默认值 false 说明 是否解码3、image图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式1. image组件默认宽度320px、高度240px2. image
2021-08-02 08:28:02
348
原创 js高阶函数
高阶函数：英文叫Higher-order function。如果一个函数满足一下一个或多个条件时，这个函数就可以被称为高阶函数 1. 如果函数A接受的参数为一个函数，那么A就是高阶函数 2. 如果函数A调用的返回值是一个函数，那么A就是高阶函数常见的高阶函数：map、reduce、Promise、setTimeout等等...
2021-07-28 08:19:00
136
原创 小程序样式
1、rpx1小程序中不需要主动来引入样式文件2需要把页面中某些元素的单位由px改成rpx 1设计稿750x 750px=750rpx 1px=1rpx 2把屏幕宽度改成375px 375 px = 750 rpx 1px=2rpx 1rpx = 0.5px3存在一个设计稿宽度414或者未知page 1设计稿page 存在一个元素宽度100px 2拿以上的需求去实现不同宽度的页面适配
2021-07-25 18:02:27
180
1
原创 小程序模板语法
每个页面对应四个文件pages index index.js index.json index.wxml index.wxss在.js文件中注册小程序，.wxml文件写入基本html代码标签变换text标签相当于spanview相当于divcheckbox就是之前的复选框1、数据绑定.js文件中：Page({ data: { msg:"hello mina", num: 10
2021-07-25 17:58:12
96
原创 项目配置文件
一、全局配置，app.json1、pages "pages":[ "pages/index/index", "pages/logs/logs" ],每行对应一个页面，对应内容为pages文件夹下的对应文件，但是只对应到文件夹名字，不具体到某个文件例如：pages index index.js index.json index.wxml index.wxss在app.json的pages中写对应语句，会
2021-07-25 17:53:37
627
原创 2021-6-13
写项目，看vue，练四级，考试。下周就考核了，但是我vue底层还没看多少，没时间看视频了，只有对着文档看一下，刷一些面试题，整理一下笔记，多背背。小组负责人竞选结果出来了，我负责项目这块。这玩意以往都是后端人员负责的，今年变成前端人员了，任务交接还在等待学长的消息，他说整理一下就给我。之后还要学一下操作系统什么的，多学点总没错...
2021-06-13 09:21:17
49
原创 2021-06-06
生活这周咋过那么快啊，感觉昨天才周一，今天就已经周日了。这周得到了游戏中的一个角色，为了她准备了一两个月的材料了，虽然中间过程有些坎坷，但是得到后还是非常开心的。这就跟平时的学习是一样的，自己费心费力的去努力，最后看到了自己的努力得到了回报，这个过程还是非常令人激动的。学习这周学长学姐帮我们模拟了一次面试，帮我们串了一下知识点，让我们知道了自己哪个地方没有学好，暑假的时候应该往哪个方面发展。我记好笔记后就先放到一边了，毕竟现在手头有项目要写，其他的学习只能往后推一下了。这周是一边加页面，一边交互。添加
2021-06-06 08:19:02
92
1
原创 2021-05-30
学习东奔西跑，打印各种材料，找校领导签字、还有电子版材料。虽然过程曲折了点，不过好在最后在30号之前完成了创新创业结项任务，之后等待老师通知即可。每次写项目才发现很多不懂的地方，例如element-ui的使用。它确实非常方便，可以让我们不那么注重页面的美观性，而是多花时间在交互上面去。和后端的矛盾越来越多，就刚开始的一个登录接口，把账号和密码输入后，发现参数被拼接到了路由后面，但是接口方法是post。在swagger中测试没有问题，但是我使用接口的时候一直报错，搞了很久后我感觉我写的没问题啊。后来想到，
2021-05-30 08:26:57
68
原创 大二下学期第十三周
学习这周开始着手写园艺园林学院的项目，每次写项目都是能学到超多的知识。老师跟我们交代过后，我们开了个会分析了一下这个项目，虽然看起来非常简单，但是做起来发现真的是有非常多的细节需要注意。虽然说假期的时候使用vue写过了一个项目，但是当时只是学了皮毛，开学后又系统的进行了学习，还学习了部分源码。现在刚好是对之前学习的一次实践。并且这次使用ui来写，好看还省事，但是有很多东西得去学一下，这个很简单，基本上用过一次就知道了。刚开始的时候先把基本框架给整上去，包括文件位置，路径跳转之类的东西。留下空白处来填充功能
2021-05-22 17:32:41
79
原创 大二下学期第十二周
生活接种疫苗，上课，跑步，小组学习，宿舍打游戏，看电影。。。好像这周就是那种普通平凡而又开心的一周，没什么大风大浪，但是又有着那种平缓生活的幸福。李老师带我们去开了个体工商户，5.30号前要准备好创新创业项目的季度汇报，之后就不用再操心他了。接着是互联网+创新创业大赛，这个比赛的重要性是排在第一的，我看了下比赛现场的视频，真是感觉自己有些高攀了，咋可能和那些人同台竞技。研究卫星检测的，研究芯片的，从人民大会堂拿奖回来的。。。不过我找的是国赛的，省赛，校赛什么的，应该没那么多鬼神参加吧，这还没参加就已经开始
2021-05-15 21:41:01
87
原创 我对vue生命周期的理解
1、什么是声明周期？指vue中从生到死的特定阶段调用的方法生命周期钩子 = 生命周期事件 = 生命周期函数2、声明周期分类方便记忆的话，分为四类，创建前后，载入前后，更新前后，销毁前后可以分为三个时间段：创建期间beforeCreate：在实例初始化之后，数据观测(data observer) 和event/watcher 事件配置之前被调用。（整个页面创建之前调用此函数）created：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置:数据观测(data observer),
2021-05-11 16:59:23
115
1
原创 大二下学期第十周
生活年会完美结束，老师的教导使我们更加坚定了方向，学长学姐的经验分享也非常有用，让在校的我们受益颇多。一个团队，一起奋斗的团队，我们和那些盈利的公司不一样，我们需要有组织情怀，我们永远是一个团队，即使以后毕业工作了，也要心系小组，常回来看看，和其他人保持联系和沟通。除了敲代码的硬实力外，沟通方面的软实力也非常重要。学长给我们举了一个例子，就是你做了一个十分的产品，你不能讲出12分的效果，反而只讲出了6、7分的样子，那么别人对你这个产品的评价也不能跟你想象做出的结果一样。所以表达能力是非常重要的一样能力。学
2021-05-09 10:49:45
126
1
原创 大二下学期第八周
生活蓝桥杯结束，开始正式准备年会的事情。本来一切都准备妥当，按部就班的进行，结果需要改计划，结果我们半个月的准备，都是为明年打下基础了，不过没关系，小组代代传承，明年肯定会比今年顺利非常多的。当选第五十二期入党积极分子，考试前的临时抱佛脚不知道效果如何，希望自己能及格。学习借着element-ui，本来想模仿着原神官网来练一下手，结果第一行第一根东西就给我难住了。就是原神官网进去后是直接播放音乐的，但是我设置好了发现音乐没法播放。去百度了一下，原来是谷歌66为了保证用户良好体验的一直措施，了解了问题后
2021-04-24 21:51:24
84
1
原创 js中this指向问题
谁调用我，我就指向谁。下面用三个例子来进行说明一、function a() { function b() { console.log(this); function c() { "use strict"; console.log(this); } c(); } b();}a();三个内嵌函数，先从全局看一下，哪里执行了函数首先看到函数a的声明，函数a中是函数b的声明和函数b的调用b里面要输出this，这里的this并没有指明调用的对象，以此会使用默认绑定，
2021-04-22 16:42:28
163
原创 大二下学期第六周
生活当选了班级的积极分子，这周开始进行培训，又到了天天粘着学长请假的日子了。这个积极分子培训占用时间好多啊，平时都是几小时几小时的占用，周六直接一上午，周日直接一天。让平时悠哉的生活一下子紧张了起来。因为这个培训，打乱了练习算法的时间，还占用了周日九韶杯的比赛时间，周日就是上午培训，下午请假回来比赛，夜里培训。真是收获满满的一周。学习最近在小组学习时间本来就不多，有点时间就赶紧把上一天拉下的三道算法题给写了。说实话，虽然一直在刷题，但是感觉还是什么都不会。特别复杂的知识没刻意去学习，简单的题有时候还不
2021-04-10 17:39:54
81
原创 大二下学期第五周
平凡的日子一天一天过，但是平凡的生活也能遇到不平凡的惊喜。学习这周前端部分就是改了下之前项目的bug。因为后端人员把接口重构了一下，所以有很多接口和数据需要改的。还有之前一直存在的哪个bug，最后百度半天，都说是同一个问题，但是我已经改过来了啊，就是vue静态资源引入的问题，一直显示找不到。最后没办法，决定把那部分重写一下，然后发现我们项目真是千疮百孔，跟别人写的整套项目有非常多的差距。但是全部重写也没那个时间了，只能缝缝补补过吧。算法的话我发现我进入了一个误区，感觉能做出来几道题就感觉足够了。去年我的
2021-04-03 16:00:30
61
转载 三维形体的表面积
力扣892题，跟着解析看懂了，记录一下，以后忘了来翻翻原题链接题目理解起来还是很简单的，很多立方体堆叠，最后看暴露出来的表面积是多少。题中输入的数据有个特点，那就是俯视图一定是个正方形，所以得到grid的长度也就是它的宽度。官方题解中提供了加法和减法两种情况，我感觉减法用起来很简单，也方便理解。就是先算出有多少正方体，再算出有多少接触面，每个立方体六个面，一个接触面是两个面。正方体数就是遍历数组，每个位置的值相加。接触面按上接触面和左接触面来算。例如左边，每次比较现在位置和左边立方体数量的大小，按小的
2021-04-01 08:56:37
142
1
原创 大二下学期第四周
学习从这周开始，我学习的重心开始向算法偏靠。一方面是因为算法比赛（蓝桥杯）要到了，蓝桥杯是4.18号的，现在也就是20天左右的时间了。另一方面是因为17级的学长也讲了算法的重要性，面试时候会用到的。还有一个客观的原因，我宿舍和隔壁宿舍这次有六个人报名蓝桥杯，人员分配为一个未来的、一个三月、一个前之前未来的，后来退出专心研究学习的、三个算法训练营的。有几个人是去年蓝桥杯就拿到国奖的，今年肯定没问题。去年是因为疫情原因，省一等奖无法去北京比赛，今年应该可以了。六个人中就我算法最菜，因为平时没怎么注意这方面的练
2021-03-29 08:37:09
107
原创 dp，动态规划
斐波那契先用递归写，空间复杂度2^n，指数爆炸，然后换dp写法，把每次运算结果储存起来，省去大量计算，空间复杂度降低，然后换掉数组，就两个值来回切换，空间复杂度直接O（1）。public class dp斐波那契 { public static void main(String[] args) { System.out.println(fib(30)); System.out.println(fibDp(3000)); } // 直接使用递归的斐波那契数列,时间复杂度O（2^n） pu
2021-03-23 19:46:41
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人