•作者:陈大鱼头•github:https://github.com/KRISACHAN今天是 2020年6月30 ,是2020年上半年的最后一天。从2019年12月至如今,因为疫情的原因,让许多人的计划都暂搁了。鱼头自己也是,本来计划着春节出去旅游,结果却只能待在家里自我隔离。不仅如此,因为疫情所引发的一系列问题,也让人措手不及。鱼头身边也有一些朋友因此失业,降薪,事业不顺的
作者:陈大鱼头github:KRISACHAN为了减少加班,从而挤出更多的时间来陪女朋友,我就厚着脸皮向一些BAT大佬求来了这15条JS技巧,现在分享给大家,千万别错过。正文返回日期数列里与目标数列最近的日期下标const getNearestDateIndex = (targetDate, dates) => { if (!targetDate || !dates) {
作者:陈大鱼头github:KRISACHAN前言CSS 选择器是 CSS 世界中非常重要的一环。在 CSS 2 之后,所有的 CSS 属性都是按模块去维护的。CSS 选择器也是如此,然而如今也已经发布了第四版 —— CSS Selectors Level 4 ,这一版最早的草案发布于2011年09月29日,最后更新是2018年11月21日。下面让我们一起来看看 Level 4 新推出的一些选择器
作者:陈大鱼头github:KRISACHAN前言夜里正准备睡的时候,有人问了鱼头这个问题:虽然这个问题看起来比较让人无语,但其实鱼头也有过类似情况的时候。估计这种状态并不是只有一两个人才会有,所以也就把这个无语的问题拎出来,谈谈自己的想法了,希望能帮到这位童鞋以及有类似想法的人。正文我入行的第一家公司,是一家小公司,前端只有我,整个公司加起来只有十来人的那种。由于是小公司的关系,所以除了写代码,
作者:本文作者Berwin,花名“玖五”,阿里巴巴前端技术专家,畅销书《深入浅出Vue.js》作者测量与排查网页的性能瓶颈,是一名专业Web性能优化者的基本功。本章将详细介绍Web性能领域的一些专业术语,通过这些术语也可以侧面了解是哪些因素在影响加载性能。背景衡量网页的性能是一个比较琐碎的事情,因为没有某一个指标或数字可以直接告诉我们网页的性能怎样,因为加载网页不是一瞬间的事,准确地说,它是一个过
最近在梳理自己从业几年的经历时,想起一件印象很深刻的事:那是刚入行不久的一个冬天,那时手头上有一个需求,就是要将当前系统(WAP页面)所属合伙人产生的订单收益以列表(上拉加载)展示出来。但是一个订单有可能会产生多个收益,每个收益就是一条记录,所以就有可能出现同个订单但多条记录的情况。我当时的领导说就这么展示即可,然后我觉得重复订单太多,看起来很不妥,于是乎就尝试把相同订单的收益都给合并起来。但是因
观感度:????????????????????口味:乾隆白菜烹饪时间:15min面试是一直火热并广受大家关注的话题,社区内不断输出着丰富的面试题以及各大厂面经,以题目为主,经验为辅。但其实在整个面试环节中重要的不仅仅是面试题。而且,面试题具有时效性。拿前端举例,2020年的今天,如果还有人问你如何解决某些IE浏览器兼容性问题,那我劝你要慎重考虑加入这家公司了。伐竹取径,窥探本质,找到长半
前言本文写于 2019 年,如有不对之处欢迎指出。Babel 对于前端开发者来说应该是很熟悉了,日常开发中基本上是离不开它的。已经 9102 年了,我们已经能够熟练地使用 es2015+ 的语法。但是对于浏览器来说,可能和它们还不够熟悉,我们得让浏览器理解它们,这就需要 Babel。当然,仅仅是 Babel 是不够的,还需要 polyfill
编者按:本文作者李松峰,资深技术图书译者,翻译出版过40余部技术及交互设计专著,现任360奇舞团Web前端开发资深专家,360前端技术委员会委员、W3C AC代表。一位伦敦的Python工程师Oliver Russell最近做了一个好玩的尝试,用33行代码“实现了”React。他实现的“React”主要涉及如下抽象:我们传一个取得状态并返回虚拟DOM的函数“React”在浏览器中将虚拟DOM渲染为
关于作者本文出自于子弈,以下是他的一些不错的作品,感兴趣的可以阅读:面试分享:两年工作经验成功面试阿里P6总结在阿里我是如何当面试官的如果觉得不错希望能够在掘金关注、点赞哦,有机会一起睡觉~前言本文是算法与 TypeScript 实现中 TypeScript 项目整体的环境配置过程介绍。主要包括了以下一些配置内容:Git Commit MessageTypeScriptESLintPrettie
使用使用起来应该像是这个样子wxue(options)setup配置应该是包含一个setup选项是一个函数,返回的函数可以this.xxx调用,返回的数据可以this.data.xxx用到,如下import { wxue, reactive } from 'wxue'wxue({ setup(options) { const test = reactive({
最近鱼头换了一份新工作,本来入职之前也是自信满满,觉得自己过往积累得还可以,所以新工作的业务应该也能游刃有余,结果在接第一个任务的时候就遇到了技术生涯中第一个滑铁卢。第一个任务是围绕着七夕节展开的活动H5,但是因为鱼头做得非常糟糕,所以这部分直接被砍掉,这对鱼头来说的打击非常得大,甚至开始怀疑了自己,但是也是感谢有这样的事故发生,让我重新审视了自己,放低了姿态,重新起航,查漏补缺,再次努力奋发上前
作者:陈大鱼头github:KRISACHAN去年的时候写过一篇文章 纯CSS实现表单验证 ,在发表之后不久就有网友跟鱼头说,打算拿我这篇文章作团队内部分享。当时听到这个消息之后,在屏幕前的鱼头笑咧了嘴,但这位童鞋的下一段内容,就让我马上笑不起出来了。不过因为初始化状态是这样的:所以希望我能够改一下,改成这样:只有在进行输入且输入内容不对的时候才展示错误信息。这位童鞋:“所以这功能能实现吗?”我:
编者按:本文作者王若铮,奇舞团前端开发工程师。本文是奇舞团泛前端分享会Service Worker初探的一次记录,是对360扫地机器人App内嵌web页面使用Service Worker优化的一次总结。本文所有代码示例均已提交到github,地址1Service Worker是什么Service Worker是渐进式web应用(pwa)的核心技术。通过注册之后,可以独立于浏览器在后台运行,控制我们
作者:陈大鱼头github:KRISACHAN前言近期前端最火的话题莫过于 Vue v3.0.0 release 的发布了。不过除了 Vue 3 之外,鱼头在尤大的 github 上还发现了悄咪咪上线的DEMO - vue-lit 。下载下来之后发现还挺有意思的,所以就来跟大家一起分享下。正文项目 README.md 里有这么一句话:Proof of concept mini custom ele
什么是时间分片,如何用时间分片的来优化你的JS?不妨跟鱼头一起来学习下~
gkd gkd ,一起来康康如何在 vue 以外的项目里使用 Composition API
那些年与面试官交手过的问题
「不容错过」2.7万字手摸手解读Vue3.0源码响应式系统
:陈大鱼头github:KRISACHAN标签分类在一个 html 文档中,标签大致可以分为以下两个大类:1. <!DOCTYPE>:声明文档类型;2. <html></html>:限定文档区域;<html></html> 内又有以下几类:1. head<hea
•作者:本文作者Berwin,花名“玖五”,阿里巴巴前端技术专家,畅销书《深入浅出Vue.js》作备注:为保证阅读逻辑性,文章有小部分修改去年我在 FDConf 的分享《让你的网页更丝滑》[1]中提到了“时间切片”,由于时间关系当时并没有对时间切片展开更细致的讨论。所以回来后就想着补一篇文章针对“时间切片”展开详细的讨论。从用户的输入,再到显示器在视觉上给用户的输出,这一过程如果超过 100ms,
•作者:陈大鱼头•github: KRISACHAN[1]什么是Accessibility?图片来自WHAT DOES A11Y EVEN MEAN?[2]Accessibility,通常缩写为 A11Y ,这缩写取的是首字母 + 中间字母长度 + 结尾字母,译为 “可访问性”。这是一种让尽可能多的人访问我们所开发的网站的技术概念,通过这个概念,让互联网访问
•作者:陈大鱼头•github: KRISACHAN[1]鱼头辛苦总结的15条非常高效的JS技巧,掌握这15个JS技巧,让你减少加班次数,多抽出点时间来陪女(男)朋友。正文延迟函数delayconst delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms))const getData = s
•作者:为什么不问问神奇海螺[1]•前言尽量直接地带你体验vue响应式原理和next-Tick原理,简单易上手,边看边写出自己的一个vue小demo,相信大家都可以轻松的学会。整体项目代码在我的github:https://github.com/zs1713347080/simpleVueDemo看完如果觉得有帮助的话,欢迎star!观察者模式和vue中的思维导
•作者: 神奇的程序员[1]失落过后,生活还得继续。前言今天跟经理谈了涨薪的事情,经理让我写一份述职报告,然后公司做个评估。接下来,就跟大家分享下我的述职报告,欢迎各位感兴趣的开发者阅读本文。自2019年9月份至今,我作为项目中心前端组的负责人,在x总和xx的帮助下,我采用新的方式对前端组员进行相关培训,让他们快速掌握了用公司框架进行业务开发,可以独立负责一个项目的开发工作。现就担任组长以来,将我
•作者:写代码像蔡徐坤大家好,我是练习时长一年半的前端练习生,喜欢唱、跳、rap、敲代码。转眼又到了金三银四的时节,相信很多小伙伴已经在为自己心仪的公司做准备,本文是笔者一年多来对前端基础知识的总结和思考,这些题目对自己是总结,对大家也是一点微薄的资料,希望能给大家带来一些帮助和启发。成文过程中得到了许多大佬的帮助,在此感谢恺哥的小册[1]、神三元同学的前端每日一问[2]以及许多素未谋面的朋友们,
作者:陈大鱼头github:KRISACHANChrome 浏览器进程在资源不足的设备上,将服务合并到浏览器进程中浏览器主进程负责浏览器界面显示各个页面的管理,创建以及销毁将渲染进程的结果绘制到用户界面上网络资源管理GPU 进程用于 3D 渲染绘制网络进程发起网络请求插件进程第三方插件处理,运行在沙箱中渲染进程页面渲染脚本执行事件处理网络传输流程生成 HTTP 请求消息输入网址浏览浏览器解析 UR
•作者:陈大鱼头•专栏:鱼头的食堂海洋[1]前言难得这次五一连着放5天假,遂买了一些做甜品的工具回家,打算尝试一下做甜品的快感。其中一款就是 芒果雪媚娘 。雪媚娘是吃得多,鱼头也很喜欢吃,就是没做过,这次也是第一次做,虽然有点曲折,但是结果还算是成功。正文材料准备首先鱼头准备了以下的材料:1.现成的雪媚娘皮(9 * 9 ,10片)考虑到是第一次做,为了保证不出意外,所以就没有去
这是前端食堂的第21篇原创 「观感度:????????????????????」「口味:红烧猪蹄」「烹饪时间:15min」从镜片的厚度和黄黑相见的格子衬衫我察觉到,面前坐着的这位面试官应该是来者不善。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,为了避免尴尬,我盯着面试官的眉毛中间,不过面试官明显对我的经历不是很感兴趣。他在1分半的时候打断了我。❝你觉得自己最擅长的技术栈是什么
•作者:sheen•前言程序员日常都比较忙,但是再忙也是要生活的呀~所以今天就给大家换个画风,发布些料理相关的内容。对料理感兴趣的童鞋可以扫描最下方的二维码来一同交流做菜心得。另外 『鱼头的Web海洋』 也会不定期地发布一些料理相关的文章,有兴趣的千万别错过。准备材料五花肉(我不喜欢吃太油腻的,选的是瘦肉比较多的)蒜苗尖椒小米椒蒜头开始将五花肉切成薄片,放入盘中待用。将尖椒切滚
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号