捣腾
关注
分享
扫一扫
记录遇到的各种各样没注意的问题，各种小知识点.
缓月
认真且怂～
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
BFF了解
做了一个BFF的PPT，记录一下：～ 第一次做的PPT没有被说辣眼睛哈哈哈 ～原创 2020-11-27 20:13:45 · 509 阅读 · 0 评论 -
查看某个项目第一次的commit
1.纯体力找2.代码找：首先git log --all，然后输入一个足够大的数字。:q退出。再git checkout 红框里面commit后面的那串就可以看到项目第一次提交的代码了。原创 2020-10-26 12:23:01 · 2671 阅读 · 1 评论 -
利用Safari开发查询不到模拟器设备
开发中遇到了一个问题，IOS模拟器已经打开了，但是Safari一直没有显示出来。打开浏览器的开发选项，发现模拟器并没有被识别出来。也就是红框部分的并没有显示。解决办法：先打开模拟器，再打开Safari。虽然只是简单的一个顺序问题，但真的也是够折腾人了。果然不能贪玩，一个月没碰电脑啥都忘记了。...原创 2020-09-25 10:29:03 · 1971 阅读 · 0 评论 -
前端术语总结
SSR、物料库、渐进式、函数式、响应式、BFF、微前端、大前端、云端一体化、直出、运行时、编译时翻译 2020-08-23 21:23:17 · 3529 阅读 · 0 评论 -
npm link使用
应用场景： 两个项目文件，一个是需要被调试的项目，一个是封装的组件项目。这里要做的是把组件项目设为全局，然后在调试项目里link再进行调试。做法：打开组件文件，拖到命令行里面复制路径（也有别的方式，但命令行绝对是最快最准确的）打开组件的项目，cd 你复制的路径，运行npm link。（如果是刚刚拉取下来的项目需要npm install一下）找到组件项目的package-lack.json文件，看第二行：’name’：’要复制下来的名字’打开要调试的项目，输入npm link 刚刚复制下来的原创 2020-06-24 14:06:22 · 3542 阅读 · 0 评论 -
Deno初识
Deno的出现，也让很多人调侃“论四个字母有多少种组合方式”。deno 这个名字就是来自 Node 的字母重新组合（Node = no + de），表示"拆除 Node.js"（de = destroy, no = Node.js）。什么是Deno？Deno的创作者是Node.js之父Rean Dahl（瑞安·达尔）Deno是一个基于V8引擎的简单、现代的JavaScript和Typescript安全运行环境。采用Rust语言编写而成（最初用的是Golang）No package.json原创 2020-06-10 08:46:45 · 920 阅读 · 0 评论 -
使用h5的video标签优化Web的GIF
<video autoplay loop muted playsinline poster="original.jpg"> <source type="video/webm" src="original.webm"> <img src="original.gif"></video> GIF上使用的无损压缩算法未经优化，以至于MP4或WebM之类的视频格式将提供比GIF图像小的文件大小。因此，解决GIF性能问题的一种方法是完全不使用GIF原创 2020-05-21 06:31:13 · 1463 阅读 · 0 评论 -
前端开发操作系统通用快捷键
win + 数字键：打开/显示超级任务栏第n个图标代表的程序win + D：快速显示桌面win + R：快速运行，打开软件，cmd命令行等win + E：快速打开资源管理器win + 方向键：最大化、还原/最小化窗口win + L:快速锁定计算机Ctrl + Alt + Del:显示以下选项：锁定该计算机、切换用户、注销、更改密码、启动任务管理器。CTRL + Shift + ES...原创 2019-05-29 23:06:41 · 387 阅读 · 0 评论 -
win10电脑重装系统详细教程——记第一次重装系统
像我这样的电脑小白总是会因为电脑出现各种各样莫名其妙、稀奇古怪的问题而重装系统，然后就是各种花式求人。。。终于咬咬牙，自己一边学一边给自己电脑重装了下，终于翻身农奴把歌唱哈哈哈。 进入正题，重装系统，首先要制作一个系统盘。材料：一个内存大于8G的U盘（U盘一定要没有重要东西，后期制作系统盘会格式化U盘的.）一台笔记本网络差一个你第一步：制作系统盘 先去官网下载win1...原创 2019-09-01 19:44:21 · 9212 阅读 · 7 评论 -
本地谷歌插件的安装
首先去网络上搜索下载你想要安装的插件，下载完成后你会发现它的后缀是.crx.然后按F2进行重命名，将后缀改成.rar。（看到有帖子说改成.zip或者.rar都可以，但是我改成zip之后后续安装没有很顺利，所以建议大家还是改成rar吧。）然后出现确认项，回车确定。这个时候刚刚下载好的插件就会被压缩，然后解压一下。记住此时插件存放的位置。 然后打开谷歌浏览器。点击浏览器右上角的三个小点点，打...原创 2019-09-01 20:14:39 · 524 阅读 · 0 评论 -
前端路由基础介绍
前端路由的优缺点：优点—— 用户体验好，不需要每次都从服务器全部获取，快速展现给用户。缺点——不利于SEO使用浏览器的前进，后退键的时候会重新发送请求，没有合理的利用缓存。单页面无法记住之前滚动的位置，无法在前进后退的时候记住滚动的位置。...原创 2019-09-24 07:13:00 · 266 阅读 · 0 评论 -
精简代码
今天看到几行代码，只是将var更改为let就删减了好几行代码，觉得很值得学习一下，记录一下吧，希望自己的代码也可以越来越简练。实现的结果是这样的：初始代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie...原创 2019-09-24 21:38:59 · 322 阅读 · 0 评论 -
mergin塌陷问题
当两个盒子在垂直方向上设置margin值时，会出现一个有趣的塌陷现象。 .box1{ width: 200px; height: 200px; margin-bottom: 50px; background: yellowgreen; } .box2{ width: 200px; height: 200px; margin-top: 30px; background: gra...原创 2019-12-30 14:15:02 · 520 阅读 · 1 评论 -
表驱动编程
代码中有多个if…else…结构，使用表驱动编程进行优化。举例:优化前：howManyDays(year, month){ if(month === 1 || month === 3 || month === 5 || month === 7 || month === 8 || month === 10...原创 2020-01-10 11:53:52 · 346 阅读 · 0 评论 -
事件的冒泡机制
参考文章：https://segmentfault.com/a/1190000015852875https://segmentfault.com/a/1190000008457972冒泡的表现：<div v-for="(item, index) in listData" @click="handleClick3"> <el-col :span="grid">...原创 2020-01-17 15:29:49 · 319 阅读 · 0 评论