自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

苏一恒

坚持的,是那份热爱和冲动

  • 博客(171)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 【成长必备】我为什么推荐你写博客?愿你多年以后成为你想成为的样子。

【成长必备】我为什么推荐你写博客?文章目录【成长必备】我为什么推荐你写博客?文章脉络什么是博客?博客介绍作者的博客博客优势文章选材文章多样化选择一个合适的平台流量平台独立平台编辑方式富文本编辑器Markdown介绍去学习一下Markdown语法吧!在哪找到Markdown编辑器?结语原创声明文章脉络什么是博客?博客介绍博客(Blogger、Blog),原称“网络日记”,随着互联网的发展,博客的主题已经不再限制于日记了。在这个时代,博客更像是一种“创作集”,不受限于个人或组织,丰富的主题包含了艺术

2020-06-06 12:36:56 934

原创 【建议收藏】靠着这些学习方法,我入职了世界五百强——互联网时代的“奇技淫巧”

【建议收藏】靠着这些学习方法,我入职了世界五百强——互联网时代的“奇技淫巧”前言作者介绍实不相瞒,苏一恒,双非二本学生,大三拿到腾讯阿里等offer。我不是在总结,就是在总结的路上,靠着一堆“奇技淫巧”,不断提升自己。只希望我的分享,能给你创造不一样的价值。关注“菜鸟offer”,我来帮你重新唤醒心中追求梦想的勇气和力量。创作背景这是公众号(菜鸟offer)的第三篇,也是征求了意见粉丝的意见而确定的主题。据我所知,大部分同学仍在“被动学习”,学习方法多为老师总结。这个时代竞争如此严酷,没有

2020-05-29 14:23:53 2162

原创 【近万字干货】别让你的简历配不上你的才华——手把手教你制作最适合你的简历

全文共8600+字 预计阅读23分钟博主介绍:苏一恒,双非二本大三学生,2020春招拿到暑期阿里、腾讯等实习offer,在艰难上岸的过程中,我以一种“非优等生”的身份,总结了很多能够帮助到大家的经验。我不是著名高管,也不是优秀导师,我也是千千万万曾失落和自卑过的学生。招聘这场战争,不仅仅是能力,还有技巧。我想把我的收获分享给你……关注“菜鸟offer”,我来帮你重新唤醒心中追求梦想的勇气和力量。在拥挤的求职热浪中,如何才能让自己超常发挥?不,我们不需要讨论这个话题,我只想你能在艰难的求职道路

2020-05-20 12:48:24 2466 4

原创 看一个双非二本(0实习)大三学生如何拿到阿里、腾讯的offer

干货!战略攻克大厂!2020春招,我在40+场面试/笔试中学到了这些……文章目录干货!战略攻克大厂!2020春招,我在40+场面试/笔试中学到了这些……前言适用对象作者介绍我的经历战略打法校招种类实习种类竞争对手如何备战职位选择制作简历关于捞人关于笔试关于面试投递方式投递平台公司优先级校招法则写在最后前言编程路上,作为很多像我一样的双非本科生,大厂似乎遥不可及……后来,我经历了2020年春...

2020-04-30 20:36:48 16553 100

原创 记录一次Mac M1 WebStorm 的性能优化记录

电脑MacOSBigSur v11.6,M1,16g内存。webstorm 性能优化

2022-07-21 14:54:38 2705 1

原创 mkcert生成本地SSL证书+Nginx搭建HTTPS,并反向代理到web页面

以下操作皆在mac环境下,win朋友请自行调整命令。生成证书安装mkcertbrew install mkcertbrew install nss # if you use Firefox生成根证书mkcert -install通过“钥匙串访问.app”搜索mkcert,并信任证书。生成个人证书mkcert my.com localhost 127.0.0.1证书文件在执行目录中,成功创建之后,会在该目录下生成如下两个文件:证书 XXX.pem私钥 XXX-key.pemNg

2021-07-07 11:04:07 1340

原创 ibag——可视化前端脚手架工具,包含CLI和Web引导页

这个是我的本科毕业设计,也算是对自己的大学前端知识的一个汇总。毕业快乐!介绍ibag是一个可视化的、快速的、可定制化的前端脚手架!目前已支持React和Vue。为什么要用ibag对于很多前端开发者,创建一个React/Vue项目后,需要引入一些其他辅助库,如ESlint、Mocha等等,在安装完依赖后,还需要根据相应地文档创建某些配置文件或写相关脚本等等,ibag将以上的流程整合自动化起来,开发者可以自由地根据自己的需求,在可视化的Web页面上勾选辅助库的选项,剩下的就交给ibag吧!特性.

2021-07-02 19:09:21 845 1

原创 为Github库添加Packages

克隆项目到本地git clone https://github.com/***/npm-repo.git初始化npm,添加namenpm init --scope=github用户名这–scope的目的是为了把name:repo改成name:@827652549/repo的形式,这个是github packages必须要求的。添加一个github的token进入https://github.com/settings/tokens/new,勾选repo、 write:packages rea

2021-05-27 12:14:50 518

原创 重学JavaScript系列——(六)集合引用类型

重学JavaScript系列——(六)集合引用类型博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoyihe

2021-01-30 18:05:47 282

原创 重学JavaScript系列——(五)基本引用类型

重学JavaScript系列——(五)基本引用类型博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoyihe

2021-01-21 00:36:47 253

原创 重学JavaScript系列——(四)变量、作用域与内存

重学JavaScript系列——(四)变量、作用域与内存博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoy

2020-12-05 15:30:36 208 1

原创 重学JavaScript系列——(三)语言基础

重学JavaScript系列——(三)语言基础博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoyiheng

2020-11-29 22:47:12 217

原创 重学JavaScript系列——(二)HTML中的JavaScript

重学JavaScript系列——(二)HTML中的JavaScript博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.n

2020-11-17 20:54:21 220

原创 重学JavaScript系列——(一)什么是JavaScript

重学JavaScript系列——(一)什么是JavaScript博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/

2020-11-17 20:49:10 684

原创 重学JavaScript系列——本专栏适用读者

重学JavaScript系列——本专栏适用读者博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoyiheng

2020-11-17 20:47:06 208 2

原创 重学JavaScript系列——序

重学JavaScript系列——序博主以扎实JavaScript基础为目的,以《JavaScript高级程序设计(第四版)》为核心参考资料,以一个“复习者”的角度有针对性地来创作这期专栏。文章加入了博主的很多思考和开发经验,关注初学JavaScript时容易忽略的地方,着重总结了ECMAScript新标准知识点的特性和应用场景。最终,本专栏将覆盖完整的JavaScript知识体系,以辅佐各路豪杰在开发路上的稳步前进。专栏传送门:https://blog.csdn.net/huoyihengyuan/c

2020-11-17 20:42:05 188

原创 mac使用charles的map local无效果

基本环境mac:macOS Catalina v10.15.7charles:v4.6解决过程1. 替换localhost为localhost.charlesproxy.com参考官方FAQ,由于某些机制的原因,在mac上使用charles时不能直接通过设置host为localhost,而是要替换成localhost.charlesproxy.com2. 关闭本地代理工具大部分问题做完步骤1即可解决,但是我这边还是没有成功。后台经过多次测试,发现时charles的map local和我的代理

2020-11-09 08:38:43 965

原创 mongoDB是否会缓存?前端中使用mongoose如何缓存查询结果?

mongoDB是否会缓存?在Mongo文档官网有这端话:Does MongoDB handle caching?Yes. MongoDB keeps most recently used data in RAM. If you have created indexes for your queries and your working data set fits in RAM, MongoDB serves all queries from memory.MongoDB does not cac

2020-10-12 21:03:40 1572

原创 本地访问云服务器(linux)中的mongoDB,附配置,以studio3T访问为例

最近在玩mongo,发现在连接云服务器中的数据库时,遇到了一些坑,但是发现很多解决教程还是偏繁琐一点,于是有了下面都安装步骤。连接ubuntu我使用的是mac来操作阿里云上的ubuntu,使用了ssh连接打开终端:ssh root@39.106.201.50然后输入密码连接到远程ubuntu安装和启动mongoDB如果已安装可以跳过这一步安装mongosudo apt install mongodb安装时自动启动,检查服务状态sudo systemctl status mongod

2020-10-10 23:34:06 883

原创 js利用requestAnimationFrame实时检测当前动画的FPS帧率

FPS每秒传输帧数,我们常规的fps一般是60,接下来利用requestAnimationFrame来实现fps检测的demo先说下原理:requestAnimationFrame的回调函数执行次数通常与浏览器屏幕刷新次数相匹配,而利用这个API实现动画的原理就是回调函数内再次调用requestAnimationFrame,所以页面不断重绘时,然后检测1秒内requestAnimationFrame调用的次数,就是当前的FPSwindow.requestAnimationFrame() 告诉浏览器—

2020-09-26 12:27:57 2747

原创 【敲黑板划重点】研发岗笔试锦囊妙计,不会也能得分的技巧真的存在?顺便送一套笔试常识扫盲礼包。

大家好,我是苏一恒,作为一名双非二本的学生,深知学历劣势,所以不断在其他维度提升自己,终于在2020年春招拿下阿里、腾讯,秋招拿下字节、京东、百度、shopee、bilibili等知名公司。校招经历了超过100场的面试/笔试,具有丰富的备考经验,并且总结了很多实用技巧,免费分享给大家。前言投递简历之后,你是否曾经,打开招聘网站一遍又一遍地刷新页面,祈祷初筛通过、发放笔试或面试通知。笔试是校招过程中的重要一环,尤其是对于很多大企业来说,投递的简历过多,用笔试挂掉一半面试者还是很常见的。当然笔试也是我.

2020-09-17 20:11:07 1636 4

原创 【复盘】回顾准备秋招求职的这一年,还好,没有被生活打败。

2019年08月29日,我在CSDN的Blink里发了第一条动态,*“没有轻松的职业,厚积而薄发。**我要成为很厉害的前端工程师**,笃行”*2020年09月11日,收到了 **字节跳动(前端开发工程师)** 的秋招通过的消息,我哭了,坚持了这么久,终于,离梦想更近了一步。

2020-09-14 10:33:30 604 2

原创 ElementUI表格table使用JS控制滚动

ElementUI表格table使用JS控制滚动需求通过js来控制表格的某一行出现在可视区域中分析和实现在ElementUI中,并支持表格table组件的滚动,我这里通过js控制table的scrollTop来实现需求框架封装好了的组件el-table,然而我们并不能直接获取到table,我通过一步步定位到table在el-table的位置,这里就不再阐述定位过程,直接上结果:<el-table :data="tableData" :highlight-current

2020-08-11 11:41:00 1640

原创 canvas循环调用putImageData来重绘源画布时,stroke()和fill()的绘制内容没有被清除,strokeRect()和fillRect()的绘制内容可以被清除

需求在某个canvas业务中,循环点击不同区块,可以依次在相应区块绘制“对号”,当绘制下一个“对号”的时候,清除上一个“对号”问题重现代码描述:初始化时将源canvas通过putImageData保存到变量中,通过canvas.onmousedown来不断触发putImageData来重绘画布,在每次onmousedown结束的时候调用stroke()和strokeRect()。理想状态:每次stroke()和strkoeRect()的内容都在下一次onmousedown刚开始的时候被清除实际

2020-08-07 22:48:25 685

原创 vue design中Select下拉框组件使用clearable清除按钮,无法选中。

问题复原vue design原名(iview),在使用Select下拉框组件使用clearable清除按钮,按理说应该是出现一个“小叉”按钮,以提供清除下拉框,但是在我的项目中,鼠标移动到“向下箭头”的时候,小叉按钮消失了,以至于目前是一个非常矛盾的无法选中的状态。问题解决删除官方提供的style="width:200px"示例代码,去掉这个Select上的属性,问题解决。问题分析或许是因为我应用了iview的栅格系统,导致在某些地方产生冲突,导致了一定的不兼容性,删掉style里的width代

2020-07-29 11:51:54 3219

原创 修改设置vue design/iview的全局主题的时候,less-loader横插一脚bug,版本太高兼容性报错?

问题按照iview文档设置vue design/iview的全局主题的时候,出现了下面的报错,导致项目无法启动Failed to compile./src/Home/less/antMotionStyle.less (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-7-1!./node_modules/postcss-loader/src??postcss!./node_modules/less-loader/dist/cjs.js??ref--

2020-07-01 15:39:40 650

原创 【离职总结复盘】在墨刀远程实习的两个半月,既不舍,又感激,这是初恋的感觉……

【离职总结复盘】在墨刀远程实习的两个半月,既不舍,又感激,这是初恋的感觉……文章目录【离职总结复盘】在墨刀远程实习的两个半月,既不舍,又感激,这是初恋的感觉……前言文章概要作者介绍保密声明工作总结入职前后梳理工作内容梳理工作收获对于实习生来说,最重要的事情是什么?保密和安全工作真的那么重要吗?现场实习和远程实习,二者影响如何不同?如何才能更成功地做完一个需求?远程实习哪些情况需要提前考虑?和同事远程沟通如何才能更有效率?公司福利是否真的那么重要?离职原因分析个人成长个人品牌塑造收入财富累计人脉资源扩展新

2020-06-24 00:32:05 1278 2

原创 【即刻行动】就业/考研压力大?疫情之下,有一批人已经跑得很远了……

文章目录前言2020 不安分的一年这个长假?你是否觉得自己有点儿颓废?然而,现在开始,为时不晚!End原创声明前言疫情之下,很多人被放了“长假”,有些人还在原地踏步,有些人早已跑得很远。我身边有很多考研和就业的朋友还在不知所措,也结识了很多的粉丝并为他们的“敏锐意识”感到赞叹。2020,将有一大批人,走上不同层次的道路。我是苏一恒,关注“菜鸟offer”,引领各路菜鸟走上“进阶之路”。2020 不安分的一年2020,不安分的一年。新冠肺炎爆发、令人心寒的医闹、科比不幸离开、高以翔已不在、澳洲

2020-06-12 16:55:26 448

原创 CSS字母间距(letter-spacing)和字符串全长的关系

CSS字母间距(letter-spacing)和字符串全长的关系问题来源这是一个用canvas手动实现的富文本编辑的模块,发现了字符串宽度大于元素width导致了异常的显示。分析过程然而,所有的文字属性皆从一个用CSS版本的Demo模版中获取到的,同样的属性在CSS中正常显示,所以排除初始值不合理。定位到核心代码,:字符串全长=n个字符宽度+(n-1)个letterSpacing+其他通过精确计算,发现在CSS里:文字长度=n个字符宽度+ n个letterSpacing+其他因为字符串“O

2020-06-03 11:36:35 778

原创 想要自我介绍与众不同?游戏版“时间线”Canvas模块给你信心!

时间轴游戏模块小新快跑介绍本项目为苏一恒个人网站的(预备)组件之一,以游戏的形式展示自己的比较重要的人生历程(时间轴)。创造不易,感谢手动star????游戏说明键盘左右键控制人物,按压即可移动,松开即可暂停。当经过不同建筑时会有不同的说明,所有的历程按照时间顺序一字排开。安装/启动说明将项目下载到本地并执行命令npm install npm run start迁移说明可以将整个GamePine文件夹迁移到你的项目中,然后引入组件width:设置模块在浏览器中的宽度imp

2020-05-16 14:36:24 302

原创 PIXIJS中Text文本实现多行文本,换行,首行缩进;解决换行失效问题

在PIXIJS中,对于多行文本是支持的,但是会有一些问题Name Type Default Description wordWrap boolean false optional Indicates if word wrap should be used wordWrapWidth number 100 optional The width at which text will wrap, it nee.

2020-05-14 20:22:18 2029 1

原创 多边形的布尔运算(intersection交集, union并集, difference差异, xor 异或)

文章目录前言正文实现思路效果展示缺点代码实现前言这是工作中的一个需求,要求使用PixiJS来进行绘制,所以这里就不使用原生Canvas或是其他绘制工具了。但归根结底,原理都是一样的。正文多边形的布尔运算( boolean operation on polygons)包括: intersection交集, union并集, difference差异, xor 异或。具体表现如,Photos...

2020-05-07 23:25:04 7112

原创 【绘制】HTML5 Canvas 实现任意圆角多边形

我的处女作《Canvas系列教程》在我的Github上正在连载更新,希望能得到您的关注和支持,让我有更多的动力进行创作。教程介绍、教程目录等能在README里查阅。传送门:https://github.com/827652549/CanvasStudy文章目录介绍思路利用arc或arcTo实现圆角找到圆角起点的解析几何函数当用户输入异常值(redius大于边长的处理方案)介绍已知数组...

2020-04-23 10:51:22 2217

原创 前端代码实现一个棒棒糖(使用canvas,非CSS)

无意间看到春招群里发“面试官让实现一个棒棒糖”,觉得挺有意思,于是就简单实现了一个<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <title>Title</title></head><body>...

2020-04-06 10:33:11 1381

原创 【面试必备】用最明白的话总结面试最常问的HTTP

本文旨在用“通俗”一点、又不失专业的话术,来说明白这些知识点。文章目录HTTP请求方法URL和URI的区别GET和POST有什么区别?PUT和POST都可以给服务器新增资源,有什么区别?PUT和PATCH都可以向服务器更新资源,有什么区别?HTTP请求报文是什么样的?HTTP响应报文是什么样的?聊一聊HTTP首部有哪些?RFC2616定义的47种首部字段通用首部(General Header F...

2020-03-31 08:26:28 322

原创 平均每个月帮节省你至少10%的时间,你还有理由不写实现命令行工具吗?

从零实现一个命令行工具介绍:本教程将带你从零实现一个命令行工具(command-line interface),对于你可能不理解的关键点,引(wo)入(xiang)外(tou)链(lan)让你“恍然大悟”。具体实现效果如下:实现一个简单的命令行工具1.初始化和设置ShaBang创建项目,在终端cd到当前路径,通过npm init之后,目录中创建index.jsindex.js#!...

2020-03-22 02:10:35 258

原创 小白一遍过!关于MongoDB的安装和启动我有一些想对你说的。

安装这个教程很仔细,比葫芦画葫芦就好了。https://www.cnblogs.com/cbowen/p/11748922.html启动新建终端A,启动mongodmongod --dbpath data --logpath log/mongod.log --logappend新建终端B,启动mongomongo至于为什么要先mongod,再mongo,请查看https://s...

2020-03-15 12:11:33 180

原创 正文是讲JavaScript的八大继承、但我仍想和Java对比,最终我获得了一些启示

正文是讲JavaScript的八大继承、但我仍想和Java对比,最终我获得了一些启示  其实这篇文章不是真的要比较出什么,只是我想从java和js设计思想上找到些什么。或许是理念,或许是一种思维,不管如何,可能真正体会到那种“境界”,还需要在未来不断地学习和理解语言,深入浅出,方臻此境。如果你已经理解了JavaScript的继承,可以直接看文章底部的心得。文章目录正文是讲JavaScri...

2020-03-12 16:31:07 535

原创 算法生疏了?来一道笔试题:用字母a-z表示26进制,26进制的加法

没找到原题的话术,这里就凭借印象来描述一下:题目用字母a-z表示26进制,编程26进制的加法(a代表0,b代表1,以此类推)输入:(2行)abcdefgmvp输出:(1行)bcdrav分析:无非就是把2进制的算法移植到26进制中,再运用一个字母与数字的换算即可。步骤:计算26进制的字符串所代表的十进制数两个十进制数相加求和将十进制数的和再转化为26进制数...

2020-03-11 23:37:53 791

原创 在开发React项目的时候,请尽可能避免this.state是数组,一定要让state的值是个对象

在开发React项目的时候,请尽可能避免this.state是数组[],一定要让state的值是个对象{}。虽然让state是数组是符合正确的逻辑,但是会遇到一些问题。1. 引入某些组件库(如antd design)如果直接在让某一属性(数组型值)设为this.state,以此建立数据流通,有可能会在二次渲染的时候遇到"XXX.some() is not a function"的报错。...

2020-03-07 22:45:39 692

精灵表动画running-sprite-sheet.png

https://blog.csdn.net/HuoYiHengYuan/article/details/99855314 《HTML5 Canvas核心技术(图形、动画与游戏开发)》精灵表坐标查看器的示例源文件

2019-08-20

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除