全栈前端精选

其他

超全面的前端工程化配置指南!

main然后安装语义发版依赖,需要用到semantic-release和它的插件:semantic-release:语义发版核心库@semantic-release/changelog:用于自动生成
2022年11月24日
其他

Webpack5 新特性业务落地实战

https://webpack.js.org/blog/2020-10-10-webpack-5-release/#major-changes-long-term-caching[23]
2021年2月21日
其他

我通过了 Google 技术面试,所以你也能行!

Bostian,软件工程师,藏书爱好者,猫咪铲屎官。我就知道你在看!
2020年5月9日
其他

深度解读浏览器全面禁用三方 Cookie

中就包含了大量的定制化特性,可以看到每一项配置中与我相同的概率是非常低的,然而这些信息属于普通的浏览器指纹,普通指纹可以理解为容易被发现并且容易修改的部分,而且你也可以轻易的篡改他们,有些配置比如
2020年4月16日
其他

CSS 渲染原理以及优化策略

(给全栈前端精选加星标,提升前端技能)转载自:http://jartto.wang/2019/10/23/css-theory-and-optimization/作者:Jartto推荐理由:由浅入深,鞭辟入里。提起
2020年4月10日
其他

《CSS揭秘》实用技巧总结

30px);更好的斜向条纹网格关键实现:background-image、background-size给多个渐变设置不同的方向、大小,可以实现网格的效果。地址background:
2020年4月7日
其他

Web 视频播放前前后后那些事

静态方法。该API允许创建一个URL,该URL实际上将不引用在线可用资源,而是直接引用在客户端上创建的JavaScript对象。因此,这是将MediaSource附加到视频标签的方式:const
2020年2月19日
其他

CSS 实现“故障”特效

ArtOK,继续,有了上面的铺垫之后,接下来,我们把这个效果作用于图片之上,并且再添加上动画。随便选一张图片:哇哦,非常的赛博朋克。实现动画的关键在于:使用元素的两个伪元素,生成图片的两个副本使用
2020年2月13日
其他

我写CSS的常用套路(附demo的效果实现与源码)

作者:alphardex链接:https://juejin.im/post/5e070cd9f265da33f8653f0前言本文是笔者写CSS时常用的套路。不论效果再怎么华丽,万变不离其宗。1、交错动画有时候,我们需要给多个元素添加同一个动画,播放后,不难发现它们会一起运动,一起结束,这样就会显得很平淡无奇。那么如何将动画变得稍微有趣一点呢?很简单,既然它们都是同一时刻开始运动的,那么让它们不在同一时刻运动不就可以了吗。如何让它们不在同一时刻运动呢?注意到CSS动画有延迟(delay)这一属性。举个栗子,比如有十个元素播放十个动画,将第二个元素的动画播放时间设定为比第一个元素晚0.5秒(也就是将延迟设为0.5秒),其他元素以此类推,这样它们就会错开来,形成一种独特的视觉效果。这就是所谓的交错动画:通过设置不同的延迟时间,达到动画交错播放的效果。本demo地址:https://codepen.io/alphardex/pen/XWWWBmQ2、用JS分割文本还有一种经常用到的玩法:用JS将句子或单词分割成字母,并给每个字母加上不同延时的动画,同样也很华丽。本demo地址:https://codepen.io/alphardex/full/KKwvKGY一般我们都是从第一个元素开始交错的。但如果要从中间元素开始交错的话,就要给当前元素的延时各加上一个值,这个值就是中间元素的下标到当前元素的下标的距离(也就是下标之差的绝对值)与步长的乘积,即:delay
2020年2月5日
其他

巧用 CSS 实现华为酷炫的充电动画

看完三件事如果你觉得这篇内容对你挺有启发,我想邀请你帮我三个小忙:点个【在看】,或者分享转发,让更多的人也能看到这篇内容关注公众号【全栈前端精选】,不定期分享原创&精品技术文章。公众号内回复:【
2019年12月26日
其他

透彻分析:常见的前端架构风格和案例

NodeJS是单线程的,为了利用多核资源,NodeJS标准库提供了一个cluster模块,它可以根据CPU数创建多个Worker进程,这些Worker进程可以共享一个服务器端口,对外提供同质的服务,
2019年11月22日
其他

2019年了,你还不会CSS动画?

https://juejin.im/post/5cdd178ee51d456e811d279b今年我面试了很多同学,只要看到简历上写“熟练掌握CSS3”的,我都会问问动画相关知识。然而我发现:都
2019年11月4日
其他

如何写出一个惊艳面试官的深拷贝

在计算机程序设计中,弱引用与强引用相对,是指不能确保其引用的对象不会被垃圾回收器回收的引用。一个对象若只被弱引用所引用,则被认为是不可访问(或弱可访问)的,并因此可能在任何时刻被回收。
2019年10月26日
自由知乎 自由微博
其他

【THE LAST TIME】this:call、apply、bind

看完三件事如果你觉得这篇内容对你挺有启发,我想邀请你帮我三个小忙:点个【在看】,或者分享转发,让更多的人也能看到这篇内容关注公众号【全栈前端精选】,不定期分享原创&精品技术文章。公众号内回复:【
2019年10月17日
其他

【THE LAST TIME】彻底吃透 JavaScript 执行机制

可以运行运行。同步任务(SyncTask)、异步任务(AsyncTask)同步任务说白了就是主线程来执行的时候立即就能执行的代码,比如:console.log('this
2019年9月29日
其他

完全理解 redux(从零实现一个 redux)

console.log(`${state.info.name}:${state.info.description}`);});store.subscribe(()
2019年9月17日
其他

耽误你的十分钟,让MVVM原理还给你

Object.defineProperty()说实在的我们大家在开发中确实用的不多,多数是修改内部特性,不过就是定义对象上的属性和值么?干嘛搞的这么费劲(纯属个人想法)
2019年9月16日
其他

CSS设置居中的方案总结-超全

块级元素:伪元素这个方案是先从这位博主的文章中看到:CSS:使用伪元素做水平垂直居中的微深入研究然后发现张鑫旭老师的文章中也有提到::after伪类+content内容生成经典应用举例
2019年9月12日
其他

AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解

printSource(expressionStatement(assignmentExpression('=',memberExpression(id('exports'),id('add')),
2019年9月11日
其他

FlutterGo 后端知识点提炼:midway+Typescript+mysql(sequelize)

str[0].toLowerCase()+str.slice(1);}我们只要自己外部维护一个组件树,然后cat表中的读取到的每一个parent_id都是一个节点。当前
2019年9月10日
其他

前端工程师为什么要学习编译原理?

工业级别的语言编译器,通常还会有语义分析阶段,检查程序上下文是否和语言所定义的语义一致,比如类型检查,作用域检查,另一个则是生成中间代码,比如三地址代码,用地址和指令来线性描述程序。但由于
2019年9月8日
其他

深入理解Node.js 进程与线程(8000长文彻底搞懂)

-l选项告诉kill命令用好像启动进程的用户已注销的方式结束进程。当使用该选项时,kill命令也试图杀死所留下的子进程。但这个命令也不是总能成功--或许仍然需要先手工杀死子进程,然后再杀死父进程。
2019年9月6日
其他

一个合格的中级前端工程师要掌握的JavaScript 技巧

方法的参数,再让子类(subType)的原型对象等于这个空对象,就可以实现子类实例的原型等于这个空对象,而这个空对象的原型又等于父类原型对象(superType.prototype)的继承关系
2019年9月5日
其他

如何写出一个惊艳面试官的深拷贝

在计算机程序设计中,弱引用与强引用相对,是指不能确保其引用的对象不会被垃圾回收器回收的引用。一个对象若只被弱引用所引用,则被认为是不可访问(或弱可访问)的,并因此可能在任何时刻被回收。
2019年9月4日
其他

从零开始写一个符合Promises/A+规范的promise

reslove时,就把异步执行结果赋值给promise实例的value,并把这个值传入成功回调中执行,失败就把异步执行失败原因赋值给promise实例的error,并把这个值传入失败回调并执行。
2019年9月3日
其他

灵活运用CSS开发技巧

要点:iOS页面非body元素的滚动操作会非常卡(Android不会出现此情况),通过overflow-scrolling:touch调用Safari原生滚动来支持弹性滚动,增加页面滚动的流畅度
2019年9月2日
其他

从 Flutter Go 到 Flutter Go web - 手把手带你轻松玩转 Flutter-web(一)

还没有插件系统。暂时提供访问dart:html,dart:js,dart:svg,dart:indexed_db,只能使用其他网络库访问的浏览器的APIFlutter
2019年9月1日
其他

发布订阅模式,在工作中它的能量超乎你的想象

最近在看设计模式的知识,而且在工作当中,做一些打点需求的时候,正好直接利用了发布订阅模式去实现的,这让我对发布订阅这种设计模式更加的感兴趣了,于是借此机会也和大家说说这个好东东吧!
2019年8月31日
其他

Flutter 开发者国服最强辅助 App:FlutterGo 2.0 强势归来!!!

内容为王,精选为则。从前端到全栈,定期分享前端、客户端、Node、面试、职场感悟等相关高质量文章。小白的大神养成记,你我共勉!
2019年8月29日
其他

前端缓存最佳实践

在更新版本之后,如何让用户第一时间使用最新的资源文件呢?机智的前端们想出了一个方法,在更新版本的时候,顺便把静态资源的路径改了,这样,就相当于第一次访问这些资源,就不会存在缓存的问题了。
2019年8月24日
其他

(译) 如何使用 React hooks 获取 api 接口数据

函数的实现。它需要作用于三个不同的状态转换,称为FETCH_INIT,FETCH_SUCCESS和FETCH_FAILURE。每个状态转换都需要返回一个新的状态对象。让我们看看如何使用switch
2019年8月22日
其他

怎么学JavaScript?

书籍需要技术评审,那么看文章一定要看看评论。不过视频就不好说了,视频一般都不会讲得太深入,偶尔也有讲错的。当年我也曾被一些视频误导过,建议找不错的视频看看。各大网站培训机构的免费视频挺多的。
2019年8月20日
其他

56 道高频 JavaScript 与 ES6+ 的面试题及答案

数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie
2019年8月19日
其他

前端模块化详解(完整版)

模块规范。每个文件就是一个模块,有自己的作用域。在一个文件里面定义的变量、函数、类,都是私有的,对其他文件不可见。在服务器端,模块的加载是运行时同步加载的;在浏览器端,模块需要提前编译打包处理。
2019年8月16日
其他

用故事解读 MobX 源码(二)computed

这两个问题:从哪儿来:从观察员那儿获取,也可以从其他会计师那儿获取;到哪儿去:所生产的数据,要么是被探长消费,要么被其他会计师所用;(当然,没有人消费他所生产的数据也是可能的,不过这就得追究
2019年8月14日
其他

用故事解读 MobX 源码(一)autorun

的,这是因为在任务过程中,如果想要获取所监视的张三的存款(income),必须通过观察员获取,自身是没有权力绕过观察员直接获取的哦。每位探长的任务执行流大致如下:每位探长的任务执行流主流程大致只有
2019年8月13日
其他

为什么HTTPS比HTTP更安全?

以对称加密方式加密时必须将密钥也发给对方。可究竟怎样才能安全地转交?在互联网上转发密钥时,如果通信被监听那么密钥就可会落人攻击者之手,同时也就失去了加密的意义。另外还得设法安全地保管接收到的密钥。
2019年8月11日
其他

大揭秘!“恐怖”的阿里一面,我究竟想问什么

的项目,这个项目有多难,如何攻克的,以及这个项目做完你收获到了什么,甚至这个项目做完,该项目对团队、部门甚至公司而言,带来哪方面的提高。或者可以介绍你在校获得了什么奖项,意味着什么、成长了什么。
2019年8月9日
其他

从URL输入到页面展现到底发生什么?

地址的一组纯数字相比,用字母配合数字的表示形式来指定计算机名更符合人类的记忆习惯。但要让计算机去理解名称,相对而言就变得困难了。因为计算机更擅长处理一长串数字。为了解决上述的问题,DNS
2019年8月3日
其他

阿里秋招提前开启!!!

内容为王,精选为则。从前端到全栈,定期分享前端、客户端、Node、面试、职场感悟等相关高质量文章。小白的大神养成记,你我共勉!
2019年8月3日
其他

学习方法分享:为何我一年半就能拿到大厂 offer

这个阶段的我,已经进入到了自己心仪的公司。并且身边的大牛几乎是每天都能给到自己压力。所以学习。。。依旧是我最为核心的目标。但是同时!业务的理解和掌握,也是我这个阶段要去提升和重视的一点。
2019年8月2日
其他

你未必知道的49个CSS知识点

本文的每一条,都是我曾经发过的掘金沸点,其中有很多条超过了百赞(窃喜)。鉴于时不时有童鞋翻我以前的沸点,因此,本文收集了个人目前发过的所有CSS知识点动图,以便阅读。
2019年8月1日
其他

React源码分析与实现(三):实操DOM Diff

obj的操作,最后渲染到页面中,但是,如果当我们修改了一丢丢东西,就要渲染整个页面的话,性能消耗还是非常大的,如何才能准确的修改该修改的地方就是我们diff算法的功能了。
2019年7月29日
其他

Vue 3.0前的 TypeScript 最佳入门实践

软件工程的一个主要部分就是构建组件,构建的组件不仅需要具有明确的定义和统一的接口,同时也需要组件可复用。支持现有的数据类型和将来添加的数据类型的组件为大型软件系统的开发过程提供很好的灵活性。
2019年7月28日
其他

半小时带你入门 Flutter

所以Widget布局其实也就是Row和Column用的最多,然后由于Flutter一切皆为组件的理念,可能会需要用到别的类css布局的Widget,譬如:Container。其实咱就理解为块元素吧!
2019年7月27日
其他

记一个复杂组件(Filter)的从设计到开发

重现Code:https://jsplayground.taobao.org/raxplayground/cefec50a-dfe5-4e77-a29a-af2bbfcfcda3
2019年7月24日
其他

一年半前端工作经验试水杭州:我是如何拿下网易、阿里和滴滴 offer 的

.transition为过渡动画,这种效果可以在事件中触发,并且圆滑的以动画效果改变css的属性值。不同于transform,transform为2D转换(问题非常开放,尽可能多回答你所知道的)
2019年7月21日
其他

Decorator 从原理到实践

在看Decorator之前,我们先看下装饰者模式的使用,我们都知道,装饰者模式能够在不改变对象自身基础上,在程序运行期间给对象添加指责。特点就是不影响之前对象的特性,而新增额外的职责功能。
2019年7月20日
其他

Flutter从入门到能寄几玩儿

所以Widget布局其实也就是Row和Column用的最多,然后由于Flutter一切皆为组件的理念,可能会需要用到别的类css布局的Widget,譬如:Container。其实咱就理解为块元素吧!
2019年7月19日
其他

Nealyang 全栈前端

首先,我不想技术仅仅局限于前端,但是不离前端。也就是说,也会去分享关于客户端相关知识(weex、RN、Flutter)或者后端相关(nodejs、java、数据库等),所以公众号命名为
2019年7月18日