小技能 - 珍藏集 - 掘金

非常钟学会 Fiddler – 后端 – 掘金
一.Fiddler引见 Fiddler是一个http抓包改包东西,fiddle英文中有“诳骗、捏造”之意,与wireshark相比它更轻量级,上手简朴,因为只能抓http和https数据包,所以在针对http和https数据包的抓取上它越发专业。 不仅可以纪录…

运用 Visual Studio Code 编写 Swift 代码 – iOS – 掘金
本文的重要任务是运用 Swift Development Environment 为 Visual Studio Code 供应一个圆满的 Swift 开辟环境。 Visual Studio Code 卓着的机能,优异的定制性,高效的迭代速率,…

PWA 在饿了么的实践履历 – 前端 – 掘金
PWA ( Progressive Web Apps,渐进式网页运用)是由谷歌提出的新一代 Web 运用观点,旨在供应牢靠、疾速、相似 Native 运用的效劳设计。 本篇旨在和大家分享「饿了么 M 站」在 PWA 革新中的实践履历。涉及到的方面有:PWA 线…

口试算法实践与外洋大厂习题指南 – 后端 – 掘金
口试算法实践与外洋大厂习题指南 翻译自 Kevin Naughton Jr. 庇护的堆栈 interviews,包含了在线演习、算法概述与大厂习题实战等内容。笔者发明恰好和之前翻译的 Java 语法清单 以及 Java 进阶口试题目列表 构成面…

ctop – Docker 容器状况展现命令行东西 – 后端 – 掘金
Top-like interface for container metrics ctop provides a concise and condensed overview of real-time m…

重拾后端之Spring Boot(四):运用JWT和Spring Security庇护REST API – 掘金
重拾后端之Spring Boot(一):REST API的搭建可以如许简朴重拾后端之Spring Boot(二):MongoDb的无缝集成重拾后端之Spring Boot(三):找回熟习的Controller,Service重拾后端之Spring Boot(四…

(译) 邃晓浏览器症结衬着途径 – 前端 – 掘金
在in口试被CTO问到的题目,谨以此翻译来表达对本身学问匮乏的蔑视。 当浏览器接收到从效劳器发送过来的HTML页面信息,在将其绘画衬着到屏幕上之前会有许多的步骤要做。浏览器绘制页面须要做的这一系列行为我们称为症结衬着途径。 相识CRP的学问关于…

运用 css 3 制作长投影 Long Shadow – 前端 – 掘金
在flat design(扁平化的设想)中,Long Shadow (长投影)被看着屡试不爽的设想妙技。比方下面这张,非常典范的长投影设想: 摄影师挑选长投影通常是给图片带来戏剧效…

30 分钟学会 Flex 规划 – 前端 – 掘金
为何我要写这一篇关于 Flex 规划的教程? 因为它非常简朴天真,戋戋简朴几行代码就可以完成种种页面的的规划,之前我在进修页面规划的时刻我深受其 float、display、position 这些属性的搅扰。然则进修 Flex 规划,你只需进修几个 …

手机端页面自适应处理设计—rem 规划进阶版(附源码示例) – 前端 – 掘金
一年前笔者写了一篇 《手机端页面自适应处理设计—rem规划》,不测遭到许多朋侪的关注和喜好。但跟着时候的推移,该设计已然过期,故为大家引见一个现在我极力推荐运用的,越发圆满的设计——rem规划(进阶版) …

CSS 五种体式格局完成 Footer 置底 – 前端 – 掘金
页脚置底(Sticky footer)就是让网页的footer部份一向在浏览器窗口的底部。 当网页内容充足长以致超越浏览器可视高度时,页脚会跟着内容被推到网页底部;但假如网页内容不够长,置底的页脚就会保持在浏览器窗口底部。 …

前端基础进阶:细致图解,完整搞懂闭包与作用域链 – 前端 – 掘金
霸占闭包难题 初学JavaScript的时刻,我在进修闭包上,走了许多弯路。而此次从新回过头来对基础学问举行梳理,要讲清晰闭包,也是一个非常大的应战。 闭包有多重…

【译】8 张 Gif 图学会 Flexbox – 前端 – 掘金
Flexbox 完成了协助我们离开 CSS 苦海(比方垂直居中)的目标,但想通晓它却须要你应对一些应战。所以,我们将经由历程一些动画让你直观地相识 Flexbox 的事变道理,并运用它来构建天真的规划。 Flexbox 的基础准绳是供应一种构建天真、直观的…

Flex 规划运用 – 掘金
CSS3为我们供应了一种可伸缩的天真的web页面规划体式格局-flexbox规划,它具有很壮大的功用,可以很轻松完成许多庞杂规划。然则Flex属性较多,不便于影象,而在项目中,规划运用频仍,那末可以将flex抽离为一个规划东西类,简化运用体式格局,疾速运用于项目,削减…

这个项目堡垒了 – 掘金
新年第一天上班,没想到就立春了,俗语说,一年之计在于春,全新的 17 年最先啦,来,摒挡下心境,投入到事变中,撸起袖子,就是干! 就在头几天,Airbnb 开源了一个项目叫做 Lottie,我个人以为这个项目险些堡垒了! 动画置信大家都不生疏,在 App 开辟…

JavaScript 很少为人所知的弄法 – 前端 – 掘金
Stack OverFlow 的团结首创人杰夫·阿特伍德 曾提出有名的“Atwood定律”,即: Any application that can be written in JavaScript, will eventually be …

运用 Service worker 完成加快 / 离线接见静态 blog 网站 – 前端 – 掘金
作者:Google 开辟手艺专家 (GDE) 杨波 (Alpha) 现在很盛行基于 GitHub page 和 markdown 的静态 blog,非常合适手艺的头脑和习气,针对差别的…

原生 js 完成前端路由 – 前端 – 掘金
近来一向在研讨前后端星散,ajax可以很好的处理前后端星散的题目,然则又存在着浏览器没法行进退却,这个题目比较为难。然则采纳前端路由的体式格局可以很好的处理这个题目。 前端路由与…

SVG 新司机开车指南 – 前端 – 掘金
TL,TR 确保大家一小时内可以开车上路….. 来不及诠释了,快学车….. SVG其相干特征远比设想中要强,本文起首引见下SVG的相干定义、优缺点和Demo,接下来会引见它的…

前端不为人知的一面——前端冷学问集锦 – 前端 – 掘金
(点击上方民众号 ,可疾速关注) 作者:伯乐在线专栏作者 – 刘哇勇 若有好文章投稿,请点击 → 这里相识概况 如需转载,发送「转载」二字检察申明 前端已被玩儿坏了!像console.log()可以向控制台输出图片等炫酷的…

准确运用 Mac 的姿态 – Android – 掘金
不像许多达人上大学或许更早时候就最先就运用 Mac, 我从15年12月份才最先用,到现在已有一年多时候。Mac 现在成为我的御用电脑, 固然事变中我还没有完整切换到 Mac 上来,重要开辟还在用 Ubuntu 举行开辟。和 Ubuntu 一样它们都用雷同的特…

干货 | 教你打造一款颜值逆天的 VS Code – 前端 – 掘金
先睹为快 昨天有幸列入了无戒先生掌管的写作分享课,来自简书的四位大神一鸣,别山举水,一元亦有效,尹沽城忘我的分享了本身的写作履历。他们对笔墨的虔敬,让我深受感染。因而我在斟酌用什么词来描述我想跟大家分享的代码编…

JavaScript30 中文指南 – 05 Flex 完成可伸缩的图片墙 – 前端 – 掘金
作者:©缉熙Soyaine 简介:JavaScript30 是 Wes Bos 推出的一个 30 天应战。项目免费供应了 30 个视频教程、30 个应战的肇端文档和 30 个应战处理设计源代码。目标是协助人们用纯 JavaScript 来写东西,不借助框架和库…

HTML+CSS 重难点(一) 盒子模子及范例流下的定位 – 前端 – 掘金
① 页面上的每一个元素都被浏览器看成是一个矩形的盒子,这个盒子由元素的内容、添补、边框和边境构成。网页就是由许多个盒子经由历程差别的分列体式格局(高低分列、并排分列、嵌套)聚集而成; ② 内容地区的宽度可经由历程width和height属性设…

CSS3 动画函数 – 前端 – 掘金
多时刻我们可以常常写动画款式的过渡效果,这内里的过渡款式我们可以常常运用比较熟习的 ease linear ease-in 等,着实它还有一个定义函数,CSS3 贝尔赛曲线 cubic-bezier。这个函数内里可以定义一些过渡效果。固然更多庞杂的动画可以借助…

基于 GitHub 的敏捷进修要领之道与术 – 掘金
原文首发于个人博客:基于 GitHub 的敏捷进修要领之道与术 – 吕立青的博客 「延续行为,延续深思,延续提高。」—— via. 敏捷进修宣言 媒介 对时候的畏敬 须要好多年才晓得,最好不是去震动天下,而是要像易卜生所说的,生涯在天下上。 我们都一…

用 Chrome 开辟者东西理会 javascript 的内存接纳(GC) – 前端 – 掘金
本日在知乎看到一个题目:”经由历程 createElment 建立的元素,不 append 到 html 中,那末此元素被自动烧毁的机遇是什么?” 比方:var a; (function(){    a = document.createEl…

Chrome DevTools – 测试相应和装备特定可视窗口 – 前端 – 掘金
更新后的Device Mode(装备形式)(从Chrome 49最先)是现在“挪动优先”开辟东西的一个构成部份,并扩大了重要的DevTools 东西条。相识怎样运用其控件来模仿种种装备或完整相应式。 TL;DR 运用Device Mode(装备形式)…

MacBook 最好实践 – 掘金
MacBook 你值得具有 MacBook 兼具命令行的高效与图形界面的酷炫,着实是顺序员必备利器。本文重要引见我在两年的运用历程中总结出的一些最好实践,供大家参考、自创。 Mac OS 简介 Mac OS可以被分红操纵系统的两个系列: 一个是老旧且已不被支…

JS原型链与继续别再被问倒了 – 掘金
我口试过许多同砚,个中能把原型继续讲邃晓的屈指可数,能把new操纵符讲邃晓的就更少了。愿望这篇文章可以处理你的迷惑,带你口试飞起来。原文:详解JS原型链与继续 摘自JavaScript高等顺序设想: 继续是OO言语中的一个最为人津津有味的观点.许多OO言语都支…

原生 JS 中对象相干 API 合集 – 前端 – 掘金
Microzz zhaohui@microzz.com 主页 …

js 中基础数据构造数组去重题目 – 掘金
本文写于1年前 曾的进修文章现在拿出来分享 弁言 一说到数据构造,许多人就最先头大了,因为总觉得像什么数据构造,算法之类的观点都很嵬峨上,我晓得有许多的同砚都是毕业后以为编程高薪,亦或培训速成所以就挑选了一门言语,从而处置了这个行业,然则关于编程言语的一些基…

JavaScript 最全数组要领总结(下) – 前端 – 掘金
JavaScript中供应了多种数组要领,以下: 转换要领—toLocaleString()要领、toString()要领、valueOf()要领 栈要领——push()要领、pop()要领 行列要领——shift()要领、unsh…

从完成背景商品属性代码提及,聊聊相干的头脑!JS、模仿数据、桥梁 – 掘金

媒介 原代码地点 这里完成了一个背景商品属性规格增加,修正,删除等功用,因为当时做这个功用的时刻,本不是须要我完成这个事变,而是一个背景妹子,须要在背景完成一个相似修正商品属性等的功用,所以就找了我帮助去写这个功用,因而我恰好手头也没有很紧要的事变,于…

笔记:怎样猎取网站根域名 – 文蔺的博客 @wemlion – 前端 – 掘金
本文作者:文蔺本文地点:http://www.wemlion.com/2017/g…本文由 @文蔺 创作,转载请保存此声明。一切权益保存,请勿用于贸易目标。 起首声明,这里…

怎样用 JavaScript 完成一个数组惰性求值库 – 前端 – 掘金
在编程言语理论中,惰性求值(英语:Lazy Evaluation),又译为惰性盘算、懒散求值,也称为传需求挪用(call-by-need),是一个盘算机编程中的一个观点,它的目标是要最小化盘算秘密做的事变。它有两个相干而又有区分的含义,可以示意为“耽误求值”和…

JavaScript 设想形式 ① 准确运用面向对象编程的姿态 – 掘金
javascript是一门弱言语,他有着分同平常的天真性使它敏捷的成为险些大家必会的一门言语,but,你们运用的姿态真的准确吗? 在之前的开辟历程当中,老板:给我加个考证用户邮箱、考证用户短信…功用! function checkMessage(){……

单页式运用机能优化 – 首屏数据渐进式预加载 – 前端 – 掘金
媒介 针对首页和部份页面翻开速率慢的题目,我们最先对单页式运用机能举行优化。本文引见个中一个设计:基于 HTTP Chunk 的首屏数据渐进式预加载设计,该设计整体削减了单页运用1.2s的首屏显现时候。同时对照其与同构衬着设计的异同。 注:原文为百度SSP单页…

【掘金日报】第四期 运用Sublime?怎样能不晓得这些 Sublime 插件合集! – 掘金
掘金日报主打分享优良深度手艺内容,手艺内容分:前端、后端、Android、iOS、产品设想、东西资本和一些风趣的东西。 前端 深度理会:怎样完成一个 Virtual DOM 算法 本文会在教你怎样用 300~400 行代码完成一个基础的 Virtual…

腾讯 IVWEB 团队:前端辨认考证码思绪理会 – 掘金
腾讯云手艺社区-掘金主页延续为大家显现云盘算手艺文章,迎接大家关注! 作者:莫卓颖 置信许多前端同砚关于二维码辨认、图象对照等这类嵬峨上的图象辨认手艺望而却步,以为此类辨认手艺只能经由历程越发底仓的高等言语才完成(诸如c等),本文试图从前端的角度动身引见如…

前端开辟之 Sublime Text 3 插件合集 – 东西资本 – 掘金
Sublime is great and for many still the best text editor available. But out of the box, it lacks some features that modern competi…

(译) 前端调试技能与窍门 – 掘金
原文地点:Debugging Tips and Tricks 原文作者:SARAH DRASNER 译文出自:掘金翻译设计 译者:lsvih 校对者:loveky,ymz1124 前端调试技能与窍门 编写代码着实只是开辟者的一小部份事变。为了让事变更有效力…

JS 一些优化机能的小细节 – 掘金
Github博客: https://github.com/asd0102433…喜好的朋侪star 支撑一下 Js高机能优化小结 郑重运用闭包 因为闭包[[Scope]] 属性包含与实行环境作用域链雷同的对象援用,函数运动对象本来会跟着实行环境终了…

ES6:解构——JavaScript 从数组和对象中提取数据的文雅要领 – 掘金
本文编译:胡子大哈 翻译原文:http://huziketang.com/blog/po… 英文衔接:ES6: Destructuring — an elegant way …

JavaScript巧学巧用 – 掘金
关于 微信民众号:前端呼啦圈(Love-FED) 我的博客:劳卜的博客 知乎专栏:前端呼啦圈 媒介 因为事变和生涯上的一些变化,近来写文章的频次有点下降了,着实不好意思,不过置信不久就会逐步恢复过来,谢谢大家一向以来的关注和支撑。 本文重要给大家分享一下在…

怎样搭建高质量、高效力的前端工程系统 — 页面构造继续 – 前端 – 掘金
作者:莫卓颖 序文 置信许多顺序员都邑阅历两件事:第一件事变是没日没夜加班撸代码;第二件事变是写的顺序涌现bug没有实时发明而被老板骂。 不晓得大家有木有斟酌从东西或许架构的角度动身去处理以上两个题目,木有斟酌的同砚也木有关联,本系列文章将会将会缭绕全部前端…

把 JavaScript 文件放在文档的头部照样尾部? – 前端 – 掘金
我们本日来聊一聊关于JavaScript文件的引入位置的题目;大家在日常平凡的Web开辟中有没有想过如许一个题目,那就是我应当在文档的头部(也就是<head>标签内部内里)引入所须要的JavaScript文件照样应当在尾部(也就是</body&g…

怎样处理好前后端星散的 API 题目 – 前端 – 掘金
API 都搞不好,还怎样当顺序员?假如 API 设想只是背景的活,为何还须要前端工程师。 作为一个顺序员,我憎恶那些没有文档的库。我们就好像在支配一个黑盒一样,预期不了它的一般行为是什么。输入了一个 A,预期返回的是一个 B,效果它什么也没有。有的时刻,还…

Web 开辟资本汇总 – 前端 – 掘金
layout title date …

怎样挣脱项目定名难题的为难局势 – 掘金
怎样高效的定名你的项目 在做一个项目标时刻,我们每每遭受定名题目标疑心,当看到一些非专业人的代码,看到他们缭乱的码法,有时刻真的苦不堪言。深入晓得一个优越的定名范例的重要性,同时在项目中也会碰到一些定名的瓶颈。所以有必要写一篇关于罕见定名的体式格局。以下是经由历程3年…

2017 百度前端手艺学院 – 自定义右键菜单 – 前端 – 掘金
转载自:http://www.jianshu.com/p/7314… 效果预览 …

前端切图神器 avocode – 前端 – 掘金
装置avocode 前端的基础事变就是把设想师的设想稿还原成前端页面,所以切图是作为一个前端的基础妙技。杀敌要有趁手的武器,而前端平常都是用photoshop,然则这个武器非常笨重,可以当你愚笨的挥舞的它时,仇人已挥刀到你的颈部了。毕…

前端机能优化黄金轨则 – 前端 – 掘金
前端是巨大的,包含 HTML、 CSS、 Javascript、Image 、Flash等等林林总总的资本。前端优化是庞杂的,针对各个方面的资本都有差别的体式格局。那末,前端优化的目标是什么 ? 从用户角度而言,优化可以让页面加载得更快、对用户的操纵相应得更实时…

前端优化实践 – 前端 – 掘金
原文出处: 凹凸实验室 记得前百度工程师张云龙说过,页面前端优化题目绝对不仅仅是为页面提速的题目,更是工程的题目,有兴致的同砚可以浏览《前端工程与机能优化》。内里有提到依据雅虎14条优化准绳,《高机能网站建立指南》以及《高机能网站建立进阶指南》中提到的优…

Web 前端应当从哪些方面来优化网站? – 前端 – 掘金
不晓得是哪位大牛的文章,转过来回复。前端是巨大的,包含 HTML、 CSS、 Javascript、Image 、Flash等等林林总总的资本。前端优化是庞杂的,针对各个方面的资本都有差别的体式格局。那末,前端优化的目标是什么 ? 1. 从用户角度而言,优化可以…

制作 JSON API 模仿数据的一个设计 – 前端 – 掘金
前后端并行开辟(或许说多个营业间并行开辟)中,一个比较贫苦的题目,就是怎样制作模仿数据和模仿非常状况。此前一向没有找到很好的天生模仿JSON数据快速、简朴的要领,直到发明了 神器 mockjs。但 mockjs 须要在代码中引入js,操纵起来不太轻易,另一方面…

js 猎取 url 中的参数, 并保证猎取到的参数不乱码 – 掘金
近来开辟项目标时刻,须要经由历程js猎取url种的参数,网上有一个通用的猎取参数的要领getQueryString(),然则其在猎取中文参数的时刻,存在猎取到的值乱码的题目,研讨了一下,原来是浏览器的题目。假如url中存在中笔墨符,浏览器会自动将url中的中文举行…

经由历程断点 (Breakpoint Sharer) 试着浏览 Vue.js 的代码——其一 – 前端 – 掘金
想必大家都有经由历程debug浏览代码的阅历,近来突发奇想以为假如可以分享断点的,不失为一种新颖的浏览体验,所以花了一些时候做了一个分享断点的Chrome 扩大 Breakpoint Sharer,迎接下载运用。代码也公开在了github,现在还只有最基础的功用,…

    原文作者:掘金
    原文地址: https://segmentfault.com/a/1190000010061892
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞