{{span1}} {{span2}} 次上传
过去一年提交{{total}}{{oneyearbeforeday}} - {{thisday}}
最近一月提交{{thisweekdatacore}}{{amonthago}} - {{thisday}}
最近一周提交{{weekdatacore}}{{aweekago}} - {{thisday}}
vue中格式化时间并且用部分日期
格式化安装moment.js1npm install moment --save
引入1import moment from "moment";
定义格式化日期函数123456789let aData = new Date();const dateFormat = (data) => { return moment(new Date(data).getTime()).format('YYYY-MM-DD HH:mm:ss')}console.log(dateFormat(aData))export default dateFormat
禁用今天之前日期vue组件中使用disabledDate，接收函数参数1234567 <el-date-picker v-model="addEmailFrom.sendTime" type="datetime" value-format& ...
创建vite+typescript项目
创建项目123npm init @vitejs/app//或npm init vue@latest //然后按需安装
运行项目123cd vite_demonpm installnpm run dev
安装sass预处理器1npm install --save-dev sass
安装axios1npm install axios
解决跨域问题在vite.config.ts 中更改以下代码
12345678910111213141516171819import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'// https://vitejs.dev/config/export default defineConfig({ plugins: [vue()], server: { // hmr:true, proxy: { '/ ...
前端面试题
如何让一个盒子快速居中node，react，webpack，服务器部署，前端安全，浏览器，vite，数据结构
css如何让一个盒子快速居中
12345678910111213 * { margin: 0; padding: 0; }body,html { width: 100%; height: 100%; } .box { width: 200px; height: 200px; background-color: pink; }
1234<body> <div class="box"> </div></body>
方法：给box加margin：auto，body加display：flex；
123456789101112131415161718192021222324 ...
vue3
Vue3快速上手
1.Vue3简介
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）
耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者
github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0
2.Vue3带来了什么1.性能的提升
打包大小减少41%
初次渲染快55%, 更新渲染快133%
内存减少54%
……
2.源码的升级
使用Proxy代替defineProperty实现响应式
重写虚拟DOM的实现和Tree-Shaking
……
3.拥抱TypeScript
Vue3可以更好的支持TypeScript
4.新的特性
Composition API（组合API）
setup配置
ref与reactive
watch与watchEffect
provide与inject
……
新的内置组件
Fragment
Teleport
Suspense
其他改变
新的生命周期钩子
data 选项应始终被 ...
VUE2.0项目收获
最近用vue2.0写了一个高考志愿填报系统，遇到了很多bug，不过最终还是收获满满。以下是我的一些开发心得。
1.用$set过滤不必要的数据这是接口文档需要post上去的数据
这是渲染页面需要的数据：
对比发现渲染页面多了id和volunteerNumber,这些数据是服务器不需要的，因此需要过滤删除。
但是查了很多资料都没有明确的方法去过滤，因此想到了重新开辟一个postList对象用来存储服务器需要的数据，而此时$set起到了很好的作用。
解决：
12345678910111213141516async submit() { // 将数据处理成服务器需要的数据 this.postList.batch = this.list.batch; this.postList.subject = this.list.subject; this.postList.naturePlan = this.list.naturePlan; this.postList.year = this.list.year; this.pos ...
vue
笔记脚手架文件结构├── node_modules
├── public
│ ├── favicon.ico: 页签图标
│ └── index.html: 主页面
├── src
│ ├── assets: 存放静态资源
│ │ └── logo.png
│ │── component: 存放组件
│ │ └── HelloWorld.vue
│ │── App.vue: 汇总所有组件
│ │── main.js: 入口文件
├── .gitignore: git版本管制忽略的配置
├── babel.config.js: babel的配置文件
├── package.json: 应用包配置文件
├── README.md: 应用描述文件
├── package-lock.json：包版本控制文件
关于不同版本的Vue
vue.js与vue.runtime.xxx.js的区别：
vue.js是完整版的Vue，包含：核心功能 + 模板解析器。
vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。
因为 ...
我们为什么把时间定义为第四维度
ps:这篇文章最先发布在知乎上，我的知乎账号是森屿li,原文章传送门： 我们为什么要把时间定义为第四维度？ - 知乎 (zhihu.com)
我之前也一直不太清楚，为什么把时间当做第四维度，即使我看了很多关于维度的视频，也去查了百度，但是大多数名词都太专业，无法深刻理解。直到今天，我看了罗翔老师一个关于《西游记》中的冒名顶替的视频，视频结尾引发了我对平行世界的思考，终于在洗澡的时候顿悟了。
【罗翔】细思恐极的《西游记》，从真假美猴王到唐僧的离奇身世_哔哩哔哩 (゜-゜)つロ 干杯~-bilibiliwww.bilibili.com/video/BV1ua411c7L1?from=search&seid=6552491063737341680
下面我将通过类比来助力想象。你们看一维是线，线动成面，无数条线构成面二维是面，面动成体，无数个面构成体三维是体，物体运动起来，就有了时间的概念。ps：（时间的概念是 物质的运动、变化的持续性、顺序性的表现。）因此，如果从四维生物的角度来看三维生物，便可以清晰地看到三维生物的一生，从出生到死亡，因为那是无数个时刻的运动轨迹构成的，就像 ...
算法
gcd最大公约数
辗转相除法while循环版这里可以证明(a,b)=(b,r),证明见高数。
123456789inline int gcd(int a,int b) {//a,b可以为0 int r; while(b>0) { r=a%b; a=b; b=r; } return a;}
三目运算版：123inline int gcd(int a,int b) {//a,b可以为0 return b>0 ? gcd(b,a%b):a;}
lcm两个整数的最小公倍数与最大公因数之间有如下的关系：
lcm(a,b)=∣a⋅b∣/gcd(a,b)
123inline int lcm(int a, int b) { return a * b / gcd(a, b);}
快速幂123456789101112131415161718192021222324252627282930313233343536373839404 ...
html+css
网页的相关概念网页网站是网页的集合。
网页是网站中的一页，通常是HTML格式的文件，要通过浏览器阅读。
通常以.htm或.html后缀结尾的文件，因此俗称HTML文件。
HTML超文本标记语言(Hyper Text Markup Language)，描述网页的一种语言.
非编程语言,是标记语言.
标记语言是一套标记标签.(markup tag)
常用的浏览器
浏览器内核
即渲染引擎：负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。
浏览器
内核
备注
IE
Trident
IE、猎豹、360极速浏览器、百度浏览器
firefox
Gecko
火狐浏览器内核
Safari
Webikit
苹果浏览器内核
chrome/Opera
Blink
chrome/opera浏览器内核.Blink其实是WebKit的分支。
Web标准Web标准是一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
Web标准的功能遵循Web标准可以让不同开发人员写出的页面更标准、统一外，还有以下优点。
前景广阔
广泛设备访问
更容易搜索引擎
...
栈和队列
2.栈和队列2.1 堆栈2.1.1 顺序栈 1.栈的概念
栈（Stack）是操作受限的线性表，插入和删除数据元素的操作只能在线性表的一端进行。
2.栈的主要操作
入栈(Push)
出栈(Pop)
栈的操作特性：后进先出（Last In First Out, LIFO ）
顺序栈———栈的顺序存储结构
确定栈底：设top为栈顶元素索引（下标）
栈的顺序存储结构及实现
进栈：top先 + 1，然后在top指向的位置压入数据。
出栈：先top所指向的元素弹出，然后top - 1。
栈空：top = -1；
栈满：top = MAX_SIZE - 1; PS：MAX_SIZE———栈的最大容量
上溢：栈顶指针或栈顶元素下标指出栈的外面。——-Push 时要先判断是否上溢
下溢：表示栈为空栈，却仍要执行弹栈操作。———–pop时要先判断是否下溢
示例：
字符类：
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535 ...
