闲谈
YooHoeh
热爱可抵岁月漫长
展开
-
2022 自杀式年度总结(已发老板)
已发年终奖,已回家,卡着Deadline,无所畏惧!原创 2023-01-20 01:47:08 · 2016 阅读 · 1 评论 -
一个头发日渐稀疏的前端开发突然 emo
最近一段时间都很烦躁,莫名其妙的就不想干了。日复一日的上班日复一日的开会日复一日的写代码日复一日的跟产品battle日复一日的加班日复一日的回家跟媳妇儿说些没有营养的话日复一日的拿工资还房贷看着自己体重不断上涨,头发越来越少,身体也出现了各种各样的毛病。有时候停下来想想,这么拼是为了什么?本人不是大牛,但也不是多菜鸡的码农,在一个准一线城市,工作两年,拿着比同龄的同行要高一点点的薪资(高7K左右?BOSS上看的数据),自我认为不算混得差的。大学实习第一份工作找了算是某行业的头部公司,当时原创 2022-05-19 19:50:49 · 2275 阅读 · 13 评论 -
将前端触摸事件完全映射到点击事件(移动端兼容)
在开发移动端项目经常会遇到电脑调试效果没问题,切换到移动端设备出现异常,比如在GIS或者轮播图(含有拖拽行为)等组件时,电脑开发可以正常执行拖拽事件,但到了移动设备会出现事件不被触发的情况,这里可以使用"elm-pep.js"这个库来实现全局事件映射,这里把贴出相关代码,供自己学习记录:<script> // 兼容ios触摸 var primaryTouchId = null; // 当前触摸事件target var mouseCapt原创 2021-09-17 14:41:25 · 1965 阅读 · 0 评论 -
前端经常要求的手写代码示例
callcontext 存在就使用 context,否则是 window使用 Object(context) 将 context 转换成对象,并通过 context.fn 将 this 指向 context循环参数,注意从 1 开始,第 0 个是上下文,后面才是我们需要的参数将参数字符串 push 进 args字符串和数组拼接时,数组会调用 toString 方法,这样可以实现将参数一个个传入,并通过 eval执行拿到结果返回前,删除掉 fnFunction.prototype.call转载 2020-08-31 15:00:46 · 278 阅读 · 0 评论 -
《软件系统架构:使用观点和观点与利益相关者合作》阅读小结——二
第三部分内容情境视点描述架构范围以及与相关架构的交互关系限定当前架构做什么、大概怎么做功能视点系统运行时功能元素的职责接口和之间的关系关注点功能能力外部接口内部结构功能设计哲学模型:功能结构模型信息视点从信息操作、存储、管理、分发的几个方面去描述系统在架构的级别上用信息视图来对 数据集建模和设计这个过程中进行分析。并发视点描述系统的并发以及与状态相关的...原创 2019-08-27 18:43:50 · 299 阅读 · 0 评论 -
《软件系统架构:使用观点和观点与利益相关者合作》阅读小结——一
架构学习小结架构基本原则第一部分描述了基本概念(架构,架构描述,利益相关者,质量属性,观点),比较系统的讲述了关于架构的几块概念。软件架构概念主要说明了架构定义的静态结构、动态结构、外部可见行为等几个后续章节涉及到的几个概念术语,相当于是这本书的基础,其中着重要理解这几个概念之间的联系,这里引用一个原文中的UML图来说明视点和视图视图主要用于在管理复杂情况下为整个架构或者其中的一...原创 2019-08-13 15:36:35 · 503 阅读 · 0 评论 -
域名转为服务器IP地址的几种方式
获取服务器IP地址通常按照以下顺序进行浏览器缓存浏览器缓存DNS记录一段时间。有趣的是,操作系统不会告诉浏览器每个DNS记录的生存时间,因此浏览器将它们缓存一段固定的时间(因浏览器而异,2到30分钟)。操作系统缓存操作系统有自己的缓存(host文件)。如果浏览器缓存不包含所需的记录,则浏览器进行系统调用(Windows中的gethostbyname)。路由器缓存请求继续到您的...原创 2019-05-09 14:35:37 · 3692 阅读 · 0 评论 -
最详细解释从输入URL到页面展现发生了什么?
1. 输入URL2. 客户端查看缓存文件3. 域名解析出 协议、主机、端口4. 组装http(get)请求报文5. 获取服务器ip地址6. 客户端建立TCP连接.进行三次握手7. 建立连接后发送http请求8. 服务器接收并解析,将请求转发到服务程序9. 服务器检查请求头是否有缓存信息 有就返回304之类码10. 服务器处理程序.并准备http响应.有数据库的操作数据库11. ...原创 2019-05-09 11:03:54 · 306 阅读 · 0 评论 -
如何写出让人看了恶心的代码
什么叫“创造力”,创造力就是——就算是要干一件烂事都能干得那么漂亮那么有创意的能力。什么叫“抓狂”,抓狂就是——以一种沉着老练的不屈不挠的一本正经的精神一点一点把你推向崩溃的边缘。我把文章节选了一些,也并没有完全翻译,简译一下,也加入了一些自己的调侃。对于有下面这些编程习惯的朋友,请大家对号入座。另外,维护程序的朋友们,你们死定了!!If builders built buildings ...转载 2019-04-02 16:46:38 · 803 阅读 · 0 评论 -
记录几个前端必备的库/框架
标准库的扩充underscore.js 扩充了 Array 和 Object 相关 APImoment.js 扩充了 Datebluebird.js / hax/my-promise 实现了 Promiseasync.js 模拟了 async 操作符es5shim 用 ES 3 语法部分实现了 ES 5 特性handlebars.js 实现模板字符串功能DOM 的扩充jQuery....原创 2019-04-02 14:25:57 · 264 阅读 · 0 评论 -
通过游戏来学习CSS的Flex布局
在复习Flex 布局的时候发现的了几个有趣的小游戏,在这里分享并记录几个有难度的答案1. Flexbox Froggy通过调整CSS样式来使各种青蛙回到对应的荷叶上,游戏默认难度为Beginner会有提示,可以在下面的settings关闭提示,一共24关,感觉只有17和24有点疑惑,这里标记一下答案Flexbox Froggy 17关Flexbox Froggy 24关## 2. ...原创 2019-03-01 20:53:39 · 504 阅读 · 0 评论 -
深入浅出 SVG
前言据悉,8月18号将在广州举办中国第一届React开发者大会。今日早读文章由@Starrier翻译分享。正文从这开始~SVG 是优秀且令人难以置信的强大图像格式。本教程通过简单地解释所有需要了解的知识,为您提供 SVG 的概述。介绍尽管在 21 世纪初被标准化了,SVG(Scalable Vector Graphics的缩写)是近年来的一个热门话题。SVG 已经被...转载 2018-05-30 11:05:55 · 863 阅读 · 0 评论 -
结合蚂蚁金服面试经历总结理解前端学习要求
先简短的介绍一下我自己吧,我是一个前端学习者,虽然我基础知识也学了比较好,但是许久不用的知识就像流失的水,很容易就忘。在这次蚂蚁金服的电话面试里面认识到了自己很多不足的地方吧。虽然在阿里内推后的人才观的问题里面我觉得自己做的还是很不错的,但是在真正的编程题里面,才发现自己的编程其实需要更加的提升。接下来就分析一下这次蚂蚁金服的电话面试的题目吧,其实这些题目我也都知道基本的答案,但是回答的时候终...转载 2018-05-29 16:36:13 · 7347 阅读 · 0 评论 -
程序员玩的游戏
程序员在忙完一天的工作(编码)以后,适当的放松一下自己,玩玩游戏,锻炼身体等等。下面我给大家推荐一些程序员玩的游戏。希望大家可以放松心情。Robocode这款游戏相信很多程序员都知道。游戏主页:http://robocode.sourceforge.net/ Robocode是2001年7月在美国IBM 的Web alphaWorks上发布的坦克机器人战斗仿真引擎。与通常玩的游...转载 2018-05-27 21:49:51 · 11923 阅读 · 1 评论