- 博客(73)
- 收藏
- 关注
RSS订阅转载 tailwindcss：弟弟们都往后稍稍
CSS的现状前端发展速度可以说是日新月异，但CSS作为前端重要的一部分，发展的有点让人捉急。近些年来对于css出现了一些规范和框架，让开发者也能舒服的写css样式了。BEM使用「模块名+元...
2021-03-22 15:36:08
1960
1
原创 使用ts-node直接运行ts脚本
应用场景在代码日常中，经常会需要写各种脚本，今天使用ts写了个脚本，运行的时候各种报错，还是决定写下来。运行ts脚本需要一个库ts-node，这个库不能全局安装，否则会报错。yarn ad...
2021-03-15 15:47:24
6972
2
原创 支持过期时间的localStorage React Hook
最近自己造了一个轮子，支持过期时间的localStorage React Hook。这次使用「tsdx」构建项目，tsdx是一个用于ts开发的零配置命令行工具，构建时自动添加打包工具、测试...
2021-03-06 20:09:03
657
原创 使用webpack和rollup打包组件库
前言之前做了一个loading的样式组件，为了实现代码的可重用性，将这个小项目打包并且发布在了npm上。在一次次的打包发包过程中经历了一个又一个报错，@buzuosheng/loading...
2021-02-25 12:43:11
791
原创 浅析前端模块化
CommonjsCommonjs是以在浏览器环境外构建JavaScript生态系统为目标而产生的项目，比如在服务器或桌面环境中。//Commonjs是通过module.exports导出...
2021-02-21 13:42:48
248
原创 使用CSS生成loading样式组件
为什么使用CSS做图片使用CSS生成svg矢量图，可以随着CSS文件一起缓存，减少请求图片的次数。在React中可以使用svgr将svg转换为组件，支持按需加载等功能。使用CSS实现了几种...
2021-02-19 20:52:48
276
原创 代码完成到上线经历了什么
前言前端工程化，是面向公司的代码模块化、系统化、规范化的一个过程，在这个过程中，经过了这个过程，我们才能称得上是“正规军”。前端工程化，有很多方面，如代码提交规范、模块化、CI/CD等，通...
2021-02-09 15:30:42
309
原创 http协议的优化历程
http，超文本传输协议，工作在应用层。客户端和服务端都需要通过http进行通信，除了业务需要的数据，还有大量的隐私数据，所以在数据量越来越大的同时也要兼顾安全问题。HTTP/1.0HTT...
2021-02-06 16:32:41
162
原创 在网页如何实现截图的功能
前端经常会遇到这样的业务场景，页面生成图片用于分享活动。那么我们如何实现页面生成图片，也就是截图的功能呢dom-to-imagedom-to-image是一个可以将任意dom节点转换为图像...
2021-02-05 20:56:59
588
原创 git提交代码规范
在我们向github仓库提交代码时，git commit命令是不可缺少的。我们在commit时需要附带一些提交信息，否则将禁止提交。我们一般都简短的写一下本次提交的内容，但是我们对于代码...
2021-02-01 22:17:59
1467
原创 两数之和与三数之和
两数之和❝输入一个递增排序的数组和一个数字s，在数组中查找两个数，使得它们的和正好是s。如果有多对数字的和等于s，则输出任意一对即可。❞「对撞双指针」在数组的左右各有一个指针，向中间遍历...
2021-01-04 14:13:58
299
原创 栈和队列的相互实现
栈和队列都可以使用数组实现，所以栈和队列都可以相互实现。使用两个栈实现队列队列的特性是先进先出，一端添加另一端删除；而栈的特性是先进后出，且只能在一端添加或删除数据。很明显，两个栈，栈底...
2020-12-31 12:51:52
186
原创 反转单链表
题目定义一个函数，输入一个链表的头结点，反转该链表并输出反转后链表的头结点。示例：输入:1->2->3->4->5->NULL输出:5->4-&...
2020-12-27 11:34:50
141
原创 打印两个链表的第一个公共节点
「力扣上剑指offer52，打印两个链表的第一个公共节点。」举个栗子很多问题都有多种算法可以解决。暴力解题最最最简单的就是暴力解题，你说两个链表的第一个公共节点，那好，我就挨个遍历就完事...
2020-12-18 11:08:16
123
3
原创 自平衡二叉树实现及时间复杂度分析
平衡二叉树的实现我们在遍历二叉树时，先一直往左遍历，于是我们发现，当一棵树的每个节点都只有一个子节点时，他就变成了一个链表，然后链表就说啊：❝年轻人你不要过度消费我，这好吗？这不好。❞所...
2020-12-10 13:16:45
9108
原创 二叉树的实现、遍历及面试题
树树如图就是一个树结构，最上边的叫「根节点」，最下边的叫「叶子节点」。根节点有多个子节点，叶子节点没有子节点。二叉树就是，每个节点最多有两个子节点的树。树还有两种特殊类型，叫做「满二叉树...
2020-12-09 09:37:57
187
原创 使用python操作Excel文件
我们在办公日常用经常会接触到办公软件Excel，也会遇到大量数据迁移的问题，手动操作这么反人类的事情，俺们程序员肯定是不会干的。Python这种编程语言，近几年在国内十分火热。很多程序员...
2020-12-07 17:05:44
862
6
原创 用JS手动实现一个栈和队列
栈栈是一个「线性」的数据结构。栈最重要的特征是「只允许从一端操作数据」。栈就像一叠书，或者盘子，每次只能从最上边拿，往最上边放。栈遵循「先进后出」的原则。栈只能从一端操作数据，这一端被称...
2020-11-13 09:22:40
153
原创 JS手动实现一个链表
什么是链表链表是一个「线性」结构，充分利用了计算机的内存空间，实现了灵活的内存状态管理。在物理存储结构上，链表是不连续、无顺序的存储结构，在逻辑上，通过使用节点的引用实现顺序。链表是由一...
2020-11-09 09:55:05
1125
原创 程序=算法+数据结构
❝程序=算法+数据结构❞这是一句非常著名的话，凭借这一句话直接获得图灵奖，可想数据结构和算法有多重要。同时，在各个大厂招聘面试时，也会提到数据结构和算法。❝你知道什么什么数据结构吗查找、...
2020-11-09 09:55:05
4601
原创 hexo博客中如何插入图片
Hexo是一个静态的博客网站生成器，生成一个博客只需要分分钟的时间就能搞定。Hexo的博文是支持Markdown格式的，发表一篇文章只需要简简单单的几个命令。hexo new '...
2020-10-13 23:44:11
3291
4
原创 JavaScript的继承优化历程
在面向对象编程中有一个很重要的特性，就是继承，通过继承可以减小大量冗余的代码。JS也是可以面向对象编程的，在JS里也有多种继承方式。class继承class是ES6增加的关键字，他的本质...
2020-10-12 14:31:03
109
原创 从用途了解http字段
网络通信是前端必知必会的一部分内容，同时也是面试中出现的高频问题。HTTP是超文本传输协议的缩写，HTTP协议采用了请求/响应模型。所以一般分为通用、请求、响应三类的头字段。在DevTo...
2020-10-11 23:51:00
134
原创 人生苦短，何不用vim装13
Vim是一个非常强大的文本编辑器。基本上所有的类Unix系统都会内置vi编辑器，Vim就是从vi发展来的一个编辑器。使用vim编程基本可以脱离鼠标，在服务器编程将会更加舒服，同时具有高逼...
2020-10-06 23:23:46
1834
2
原创 学习从拥有一支好笔开始
有段时间没有更新内容，思前想后还是觉得应该整理分类文章，决定了接下来的文章思路。语文一直是比较差的，上学期间也都是勉强及格，所以可能可读性较差，但会尽量通过一些别的方式提高可读性，在漫长...
2020-10-05 23:18:10
121
原创 网络安全策略之CSP攻略
网络安全防范 XSS的全称叫做跨域脚本攻击，是最常见且危害性最大的网页安全漏洞。简单来说，就是攻击者想尽一切办法将可执行的代码插入到网页中。比较常见的是在评论功能中，攻击者可以在评论区...
2020-10-04 21:47:36
1242
原创 Redux快速上手
Redux Redux is a predictable state container for JavaScript apps.Redux是一个js应用的可预测状态容器。Redux是...
2020-08-18 21:51:53
167
原创 再也不用怕面试问二叉树了
二叉树 二叉树是一种非常重要的数据结构。在算法题中经常会使用到，在面试中的占比也是非常大的。先来说说树的定义。树是由n(n>=1)个有限节点组成的一个由层级关系的集合。有以下特点...
2020-08-17 23:12:30
183
原创 使用阿里云OSS自动化部署
使用Ali OSS托管项目一般写完前端项目后，就是将自己的项目打包部署了。我使用过vercel和Netlify两个网站托管平台。今天使用阿里云的OSS（对象存储服务）来托管自己的博客。自...
2020-08-12 18:04:28
1595
转载 小米的一面面试题
一份来自小米的面试题「查看淘宝的购物车，转到登陆页面的过程」在访问淘宝的购物车时，查看请求头中携带的cookie或token，如果没有携带，则没有权限，返回401（Unauthorize...
2020-08-01 23:48:01
403
原创 善其器之git
git版本控制工具Git是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或大或小的项目。Git与另一个版本控制系统有如下「区别」：Git是分布式的，SVN不是。Git把内容按元数据...
2020-07-30 20:54:36
145
原创 面试题中的路由
面试题中的路由部分路由最初是出现在后端中，后端根据不同的路由返回不同的页面，后来随着单页面应用（SPA）诞生，前端也出现了路由，实现了不用刷新页面就可以更新页面的效果。什么是路由简单的说...
2020-07-19 15:39:21
521
原创 Node多进程多线程
Node的多进程和多线程问题我们知道Node.js是以单线程的模式运行的，但它使用的是事件驱动来处理并发，这样有助于我们在多核cpu的系统上创建多个进程，从而提高性能。❝面试官：问你No...
2020-07-17 23:58:03
1228
1
原创 如何优化冗长的判断语句
优化代码中的if else语句在平时写代码时，难免会有判断语句。if...else或switch虽然简单粗暴的解决了问题，但是代码长度很大，而且不美观。今天遇到的一道面试题，如下：//...
2020-07-16 23:22:43
559
1
原创 7.2笔试面试题
7.2上午笔试题1、「请描述cookie,sesstionStorage,localStorage三者之间的区别」有效时间：cookie在关闭浏览器后失效，sessionStorage在...
2020-07-02 22:27:07
160
原创 6.28的一次笔试题
1、分别写出以下输出结果var aAry = [1, 2, 3];var bAry = aAry;aAry[0] = 8;bAry[0] = 9;console.log(aAry...
2020-06-29 18:02:48
934
2
原创 从minipack看打包原理
从minipack看打包原理前端有很多的打包工具如webpack等，但是打包工具的原理是什么呢？minipack是一个小型的打包工具，作者ronami，用来解析打包工具的基本原理。代码中...
2020-06-23 21:20:19
485
转载 使用now.sh部署你的前端应用
now.sh是ZEIT推出的一款全球化实时部署服务。ZEIT现在已经改名为Vercel。网站地址：vercel.comVercel 是一个云平台静态站点和无服务器功能完美地与您的工作流程...
2020-06-08 23:01:07
798
原创 在now.sh部署前端应用
now.sh是ZEIT推出的一款全球化实时部署服务。ZEIT现在已经改名为Vercel。网站地址：vercel.comVercel 是一个云平台静态站点和无服务器功能完美地与您的工作流程适合。它使开发人员可以托管Jamstack网站和Web服务，这些网站和Web服务可立即部署，自动扩展且无需监督，而无需任何配置。快速部署使用now.sh部署一个React应用。首先使用github账号登陆。可以直接从github仓库中直接导入项目。点击导入项目后，选择使用github导入。选择需要部署的项目，
2020-06-08 19:00:07
410
原创 爬虫毕设（六）：数据可视化
pyecharts数据可视化pyecharts是一个用于生成Echarts图表的类库。Echarts是百度开源的一个数据可视化JS库，主要用于数据可视化。实际是Echarts与Python的对接，使用pyecharts可以生成独立的网页。pyechart可以做很多图表，毕业设计使用了三种简单的图表：折线图、饼状图、词云图。pyecharts可以使用pip install pyecharts直接下载。pyecharts官方文档地址：http://pyecharts.org/#/zh-cn/quicks
2020-05-29 23:13:33
4963
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人