2017下半年掘金日报优质文章合集:前端篇

article/2025/8/31 10:25:25

在掘金微信群里的小伙伴应该都有看每日小报吧!这是小饼每天为大家精选的优质掘金文章(大家都很爱学习,我已经跟不上了QAQ..)小饼已经被N位群友连续几周催着出小报合集了,2017年马上就要结束了,拖延症绝不拖到明年!这就给大家整理出来——掘金2017下半年优质小报合集。)

CSS/页面布局

border属性的多方位应用和实现自适应三角形

BEM实战之扒一扒淘票票页面

一劳永逸的搞定 flex 布局

20个CSS高级技巧汇总

从a标签为什么不能包含div标签-了解HTML5元素分类与内容模型

聊聊为什么淘宝要提出「双飞翼」布局

前端切图 | 百度EUX

CSS盒模型详解

前端最佳实践(一)——DOM操作

Rem布局的原理解析

移动端字体放大问题的研究

我不知道你知不知道的伪元素小技巧

个人总结(css3新特性)

10 个独特的 CSS 背景视觉效果

我只是想在页面上加个链接

2.5分钟学会 CSS Grid 布局

编写自己的代码库(css3常用动画的实现)

一步步打造自己的纯CSS单标签图标库

Web自适应布局你需要知道的所有事儿

BFC模型浅识

JavaScript

这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已

Promise 必知必会(十道题)

带你理解 JS 容易出错的坑和细节

实例感受-es6的常用语法和优越性

从一个 JSON.parse 错误深入研究 JavaScript 的转义字符

谈谈 js 去重方法的那点事

Js 的多宿主时代

JavaScript 闭包

25行代码实现Promise函数

高效使用 JavaScript 闭包

如何用 3KB 不到的 JavaScript 实现微机模拟器

如何无痛降低 if else 面条代码复杂度

JavaScript设计模式-用组合模式写出复杂组件

JavaScript 性能优化

JS弹幕实现

归并排序与快速排序的简明实现及对比

编写自己的代码库(javascript常用实例的实现与封装)

【译】JavaScript权威面试指南

这一次,彻底弄懂javascript执行机制 关于JavaScript对象,你所不知道的事(一)- 先谈对象

JavaScript 工作原理:内存管理 处理常见的4种内存泄漏

javascript项目开发规范实例

JavaScript 实用技巧和写法建议

你需要知道的算法之基础篇

JavaScript异步编程大冒险: Async/Await

忍者级别的JavaScript函数操作

ES6 Promise 用法

你所不知道的 Typescript 与 Redux 类型优化

JavaScript 开发人员需要知道的简写技巧

14个你可能不知道的JavaScript调试技巧

打造自己的JavaScript武器库

全面梳理JS对象的访问控制及代理反射

当使用数组splice删除元素时,你应该知道这个小坑

深入到不能再深入之JS大法系列 -- 作用域链

前端全(无)埋点之JS异常上报

【译】JavaScript 如何工作的: 事件循环和异步编程的崛起 5 个关于如何使用 async/await 编写更好的技巧

ES6 中的元编程:第一部分 —— Symbol,了不起的 Symbol

两句话理解js中的this

为什么(2.55).toFixed(1)等于2.5?

JS中可能用得到的全部的排序算法

反击爬虫,前端工程师的脑洞可以有多大?

前端框架

React

让 Vue 和 React 无缝融合

从Preact了解一个类React的框架是怎么实现的(三): 组件

1分钟读完《我希望在深入 React 之前知道这些》 React Render Array 性能大乱斗

Preact:一个备胎的自我修养

我为什么从Redux迁移到了Mobx

重构与模式系列(一)简化函数

Typescript React Redux-Observable脚手架

React 服务端渲染实现 Gank 移动端

我为什么从Redux迁移到了Mobx

React 服务端渲染实现 Gank 移动端

Vue.js

vue router 如何使用params query传参,以及有什么区别

State of Vue.js report 2017 中文版

vue快速入门的三个小实例

VUE组件间的数据传递

Vue 脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)

用vue做一个酷炫的menu

Vue.js 升级踩坑小记

vue移动助手实践(一)——基于vue的换肤功能

nuxt(vue) koa mongo 写blog的一次小结

聊聊Vue.js的template编译

Vue 生产项目链接 -- 上线项目大集合

如何用 Vue.js 实现一个建站应用

Vuex2.0源码解析

从template到DOM(Vue.js源码角度看内部运行机制)

另辟蹊径:vue单页面,多路由,前进刷新,后退不刷新

Vue.js新手教学|如何写一个Checklist组件

vue webpack 升级后在原有项目上的适配问题

Vue 聊天组件

Vue2 源码漫游(二)

前端表单进阶之路:通过 Vue.js 实现表单可配置化

聊聊Vue.js组件间通信的几种姿势

Vue TypeScript 新项目起手式

一起来拥抱强大的TypeScript吧--Ts Vue完全教程(附Demo项目)

Vue2 原理浅谈

vue-calendar 基于 vue 2.0 开发的轻量,高性能日历组件

Vue-cli 使用json server在本地模拟请求数据

认识Skeleton Screen【屏幕加载骨架】

我们为什么以及是如何从 Angular.js 迁移到 Vue.js?

《京保养》基于Vue Vuex的单页面应用实践

Vue2学习小记-给Vue2路由导航钩子和axios拦截器做个封装

手摸手,带你用vue撸后台 系列一(基础篇)

简单例子学习Vue.js单元测试

【译】vue 自定义指令的魅力

适用于 Vue 2.0 的功能强大的 ContextMenu 组件

尚妆达人店 UI 组件化 工程实践(weex vue)

基于vue配置axios

用vue做一个酷炫的menu

AngularJS

Angular 5 开发一个有道翻译

其它

「大前端」weex里native主动发送事件到JS的方案实现

Weex 开发小游戏是件很 high 的事

记一次 Weex 的 iPhone X 适配

2017 年比较 Angular、React、Vue 三剑客

Fly.js 拦截全局 Ajax 请求

以同构之名,再谈 Redux/Vuex 的必要性

打包工具

Webpack 打包器面板进阶

webpack 为什么这么难用?

Webpack3.0小案例躺坑css处理与ES6编译

Parceljs和Webpack在React项目上打包速度对比

webpack中小型多页面应用整合webpack终极方案

基于gulp webpack 快速搭建的前端自动化脚手架

妈妈再也不用担心我不会webpack了

PWA

一份来自 Treebo 的 React 与 Preact PWA 性能分析报告 改造你的网站,变身 PWA

图像/图表

有意思的clip-path

软软的 Echarts

Android/iOS/Web开发中的动效设计与实现 —— 贝塞尔曲线动画的插值法

10 个 CSS、SVG 和 Canvas 蒙版(mask)精彩实例 译用 WebGL 探索动画和交互技术(一个学习案例)

前端架构

如何管理好10万行代码的前端单页面应用 微前端 - 将微服务理念延伸到前端开发中

70%以上业务由H5开发,手机QQ Hybrid 的架构如何优化演进?

面试/个人成长

张克军:写给初学前端工程师的一封信

vue面试题总汇

流形:我是如何面试一位前端工程师

找不到工作的我,只好研究自动投递简历了

前端入行两年--教会了我这些道理

前端面试总结(at, md)

小程序

微信小程序如何像webview一样加载html5网页

微信小程序无埋点数据采集方案

在婚礼上搞点事情如何

微信小程序中使用Fly

微信小程序音频功能开发实(cai)践(keng)

手把手教你实现微信小程序中的自定义组件

分享微信小程序中实现sticky效果的列表页

微信小程序开发完工 问题汇总

本地存储相关

谈谈cookie

localStorage 还能这么用

浏览器的渲染:过程与原理

ajax & !async & cookie 是一个冷门的坑

Redux 异步数据流方案对比

大杀器Bodymovin和Lottie:把AE动画转换成HTML5/Android/iOS原生动画

工具资源

便于 Code review 的 Git 流程方案

无头浏览器 Puppeteer 初探

前端中的 Pipeline

前端开发中经常使用到的20个正则表达式

web开发者为什么选择Electron去开发跨平台的桌面客户端

滴滴 Web 移动端组件库 cube-ui 开源

打造丝般顺滑的 H5 翻页库

【轮子】Element UI 的Form, Table, Pagination组件封装来一波

性能优化相关

性能指标都是些什么鬼? 前端开发工程师必须关注的几个性能指标

javascript函数式编程系列 ① call 和 apply

其他

iPhone X 网页设计

LINE漫画:通过Page Stack实现流畅的页面切换

美团:前端线上故障响应方法

字符串模板浅析

axios的一些常见用法

浅谈前端和移动端的事件机制

响应式脑电波—如何使用 RxJS、Angular、Web 蓝牙以及脑电波头戴设备来让我们的大脑做一些更酷的事

fly.js—Node下增强的API

趁着双11,写个京东商品自动下单

「前端那些事儿」② 优化策略-自查表

前端需要了解的 SSO 与 CAS 知识

如何在SSR架构中实现离线可用?

用 Electron 打造 Win/Mac 应用,从「代码」到可下载的「安装包」,可能比你想得麻烦一点

让我为你介绍一个神器:Chimee,一套可扩展的 H5 视频播放器解决方案

用TypeScript编写发布函数库

iPhone X 适配 手Q H5页面通用解决方案

Three.js 初探 - 微场景制作

搭建 vue2 vue-router2 webpack3 多入口工程

你见过用命令行写的简历吗?

全面梳理JS对象的访问控制及代理反射

MacOS : 前端必备姿势(工作环境)

一只node爬虫的升级打怪之路

微信小程序:完成一个tabbar 下拉刷新组件,需要经历什么坑

初识Http缓存君

underscore 系列之如何写自己的 underscore

ThinkJS 3.0 如何实现对 TypeScript 的支持

git merge使用不当引发的代码丢失血案

译 怎么做 Web API 版本控制?

如何编写通用的 Helper Class

53合1:Node.js 最佳实践大合集

【开源】canvas图像裁剪、压缩、旋转

2017 年比较 Angular、React、Vue 三剑客

如何自定义自己的vue-cli模板

使用fjpublish发布前端项目(安全篇)

Miox带你走进动态路由的世界

服务端渲染 vs 客户端渲染

浅谈前端线上部署与运维

优雅的使用 element-ui 中的 table 组件

IMVC(同构 MVC)的前端实践

基于 Docker 打造前端持续集成开发环境

蚂蚁金服开源:数据驱动的高交互可视化图形语法G2 解锁Charles的姿势

Spirit: Web动画制作工具

来聊一聊浏览器渲染

前端如何处理emoji表情

HTML5原生拖拽/拖放 Drag & Drop 详解

前端本地文件操作与上传

一次 H5 「保存页面为图片」 的踩坑之旅

iOS开发者的大前端感悟:向前端说对不起

koa 实现 jwt 认证

Q:你了解异步编程、进程、单线程、多线程吗?

实践中的前后端分离

手摸手,带你优雅的使用 icon

在没有DOM操作的日子里,我是怎么熬过来的(上)

一起炫起来 -- 3D粒子动画篇

给女票写的一个简书爬虫

node.js使用Nodemailer发送邮件

如果有人问你爬虫抓取技术的门道,请叫他来看这篇文章

内存寻梦环游记:一个变量的三重死亡

用canvas实现视频播放与弹幕功能

为你的网站带上帽子 — 使用 helmet 保护 Express 应用

Nuxt.js服务端渲染实践,从开发到部署

7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光

如何在一周之内获得GitHub stars 3500

你不知道的前端SDK开发技巧

具有代表性的 HTTP 14 个状态码

基于 Electron 的前端文件处理工具

用不到20行代码写一个freestyle外挂后台

HTTP----HTTP缓存机制

import、require、export、module.exports 混合使用详解

网页中文本朗读功能开发实现分享

基于 eros 改编的网易严选 app

带你开发一个日历控件

免SDK实现微信/支付宝转账打赏功能

vv-ui 骨架屏实践

移动端如何强制页面横屏

【翻译】fancyBox3 中文文档

前端代码异常监控实战

Git提交历史的修改删除合并

WEEX-EROS | 或许不用 RN 我们也能开发一个 APP

带你开发一个二维周视图日历

从时间旅行的乌托邦,看状态管理的设计误区

前端小项目之在线便利贴

写一个chrome插件来实现网站的自动登录

前端跨域常用方法小结

基于 Electron 的前端文件处理工具

最后:

由于文章确实量很多所以没有再进行细分了,大家可以Mark起来~不过呢小饼还是建议大家到微信群里看每日小报,毕竟每天消化一两篇会更加有用,日积月累就会有很大的收益。反而积攒到一起的话要么就是「债多了不愁。。」再也不会打开(比如我TAT);要么就是看得很累,要花很多时间来补。

欢迎加入掘金前端交流群,找对属于你的技术圈子

扫下方二维码加小编邀请你进群哟


http://chatgpt.dhexx.cn/article/KknrlsRB.shtml

相关文章

【GANs学习笔记】(六)JS Divergence不是最好的Divergence

完整笔记:http://www.gwylab.com/note-gans.html ——————————————————————— 3. JS divergence不是最佳的divergence 在第三篇当中我们介绍了fGAN告诉我们的结论:不只是JS divergence,任何的divergence(统称…

大数据浪潮下的前端工程师

d3.js 流形 链接来源 ( 感觉废话好多啊, 得耐性看 , 大半没看懂) 马云曾经说过『人类正从IT时代走向DT时代』。 正如他说言,今天几乎所有的互联网公司背后都有一支规模庞大的数据团队和一整套数据解决方案作决策, 这个时代已经不是只有硅谷巨头才玩数据…

【转】浅谈流形学习

转自:http://www.sigvc.org/bbs/thread-800-1-1.html 总觉得即使是“浅谈”两个字,还是让这个标题有些过大了,更何况我自己也才刚刚接触这么一个领域。不过懒得想其他标题了,想起来要扯一下这个话题,也是因为和朋友聊起…

Js实现瀑布流效果

Js实现瀑布流效果 通过JavaScript实现瀑布流效果,实现不同大小的图片有序展示 效果图: 核心: 1.将图片宽度固定,用浏览器窗口大小除以每个图片的宽度,求出要分成的列数 2.将每个图片定位 3.每次找到最小高度的列&…

Java编译器插件Manifold(流形)

流形 文天祥正气歌中有云:“天地有正气,杂然赋流形”。 流形是一种抽象而又具体的事务,要研究一个事务就要格物,不格物就不能知道事物的具体描绘形式。流形大多数情况下是一种数学计算方式,可以将一个复杂的模型抽象…

矩阵范数

1、常用的矩阵范数主要是p1,2,∞ 2、谱半径 3、谱半径与矩阵范数的关系

【转】L1范数与L2范数的区别

把答案放在前面 L0范数是指向量中非0的元素的个数。(L0范数很难优化求解)。 L1范数是指向量中各个元素绝对值之和。 L2范数是指向量各元素的平方和然后求平方根。 L1范数可以进行特征选择,即让特征的系数变为0。 L2范数可以防止过拟合,提升模型的泛化能…

什么是范数(norm)?以及L1,L2范数的简单介绍

什么是范数? 范数,是具有“距离”概念的函数。我们知道距离的定义是一个宽泛的概念,只要满足非负、自反、三角不等式就可以称之为距离。范数是一种强化了的距离概念,它在定义上比距离多了一条数乘的运算法则。有时候为了便于理解…

范数(norm) 几种范数的简单介绍

什么是范数? 我们知道距离的定义是一个宽泛的概念,只要满足非负、自反、三角不等式就可以称之为距离。范数是一种强化了的距离概念,它在定义上比距离多了一条数乘的运算法则。有时候为了便于理解,我们可以把范数当作距离来理解。…

范数(简单的理解)、范数的用途、什么是范数

没学好矩阵代数的估计范数也不是太清楚,当然学好的人也不是太多。 范数主要是对矩阵和向量的一种描述,有了描述那么“大小就可以比较了”,从字面理解一种比较构成规范的数。有了统一的规范,就可以比较了。 例如:1比2小…

什么是范数(Norm),其具有哪些性质

文章目录 直观的感受一下范数范数的定义直观的感受下范数的边界图像范数的性质参考资料 直观的感受一下范数 先直观的感受一下二维空间的范数,假设在二维空间的向量为 v ( x , y ) \bold{v} (x,y) v(x,y) 则v的1范数为: ∣ ∣ v ∣ ∣ 1 ∣ ∣ ( x …

Webyog Sqlyog Ultimate_12.5.1最新版完美破解(带注册码)

链接: https://pan.baidu.com/s/1N3ufWDe-CKj4QvNIz8vXpA 提取码: 95hm 直接安装 接着用压缩白内的文档注册码注册即可使用。

SQLyog v12.09 (64 bit) 注册码

SQLyog v12.09 (64 bit) 注册码 姓名(Name):cr173 序列号(Code):8d8120df-a5c3-4989-8f47-5afc79c56e7c 或者(OR) 姓 名(Name):ttrar 序 列…

SQLyog Ultimate旗舰版软件安装使用

1:下载地址 链接:https://pan.baidu.com/s/156QlwkfLL2wyKrfRTjvDhw 提取码: et4p 安装很简单,一步一步安装。填写名称时随便填,填写注册码时填写key.txt中对应的 2:建立连接 在新建连接时会出现错误2…

SQLyog下载及安装

1、下载安装包 sqlyog下载链接 2、安装 2.1、选择语言,默认即可 2.2、下一步即可 2.2、接受协议并下一步 2.3、选择选项 2.4、选定安装目录 2.5、安装完成 3、连接Mysql服务 看到这个界面就连接成功了。 版权声明:本文为CSDN博主「it00zyq」的原创文章…

sqlyog安装详细步骤

mysql安装步骤请点击:Mysql5.6安装详细步骤 我的sqlyog百度云链接(永久有效):http://pan.baidu.com/s/1i5j4GG9 密码获取请点击:获取密码 注册码序列号(Code):8d8120df-a5c3-4989…

SQLyog下载、安装和破解

1、SQLyog12.09的下载 链接 我的链接 2、SQLyog12.09的安装 默认步骤安装,但是在这里要记着更改安装位置 3、SQLyog12.09的破解 链接 我的链接 参考链接:https://blog.csdn.net/lihua5419/article/details/73881837/

SQLyog安装Ultimate版本(含注册码)

安装SQLyog 准备阶段 SQLyog12.08下载地址: 链接:https://pan.baidu.com/s/1iU6NtsthYwgx02zo10Trrw 提取码:cfz0 根据自己的电脑系统选择32\64位版本 安装阶段 1.双击SQLyog-12.0.8-0.exe 2.选择中文引导,点击OK 3.下一步…

SQLyog的下载安装与配置(转载)

SQLyog是一款MySQL可视化工具,他可以将部分SQL操作通过图形化界面操作来完成,方便开发者更好的进行开发及数据库设计。在安装SQLyog前最好先安装好MySQL。 MySQL下载安装教程:MySQL下载安装配置教程(详细)附下载资源 …

sqlyog 注册码

姓 名(Name):ttrar 序 列 号(Code):8d8120df-a5c3-4989-8f47-5afc79c56e7c 或者(OR) 姓 名(Name):ttrar 序 列 号(Code&#xff0…