前端技术 - 收藏集 - 掘金

时间 2019-12-06

标签前端技术收藏繁體版

原文原文链接

一劳永逸的搞定 flex 布局 - 掘金
寻根溯源话布局一切都始于这样一个问题：怎样经过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不禁得感受眼前一亮，瓜熟蒂落的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现...javascript

JavaScript 常见设计模式解析 - 掘金
设计模式（Design pattern）是一套被反复使用、多数人知晓的、通过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。毫无疑问，设计模式于己于他人于系统都是多赢的；设计模式使代码编写真正工程化；设计模...css

[浅析前端页面渲染机制html

前端 - 掘金](https://juejin.im/entry/58f43...
做为一个前端开发，最多见的运行环境应该是浏览器吧，为了更好的经过浏览器把优秀的产品带给用户，也为了更好的发展本身的前端职业之路，有必要了解从咱们在浏览器地址栏输入网址到看到页面这期间浏览器是如何进行工做的,进而了解如何更好的优化实践，本篇主要围绕这两点展开阐述...前端

30 分钟搞定 ES6 经常使用基础知识 - 前端 - 掘金
ES6基础智商划重点在实际开发中，ES6已经很是普及了。掌握ES6的知识变成了一种必须。尽管咱们在使用时仍然须要通过babel编译。 ES6完全改变了前端的编码风格，能够说对于前端的影...vue

浓缩的才是精华：浅析GIF格式图片的存储和压缩 - 掘金
腾讯云技术社区-掘金主页持续为你们呈现云计算技术文章，欢迎你们关注！做者：成文迪，在Web前端摸爬滚打的码农一枚，对技术充满热情的菜鸟，致力为手Q的建设添砖加瓦。 GIF格式的历史 GIF(Graphics Interchange Format)原义...html5

如何使用一个js文件去管理项目所用的js - 前端 - 掘金
前言随着项目功能愈来愈完善，js文件多了又多，如何经过一个init.js去管理项目所须要的js（重点：解决js文件顺序加载的问题），本文章为你揭秘。踩坑当前的项目情况 a.html使用的js部分 <script type="text/javas...java

移动端 H5 页面注意事项 - 掘金node

单个页面内容不能过多设计经常使用尺寸：750 x 1334 / 640 x 1134，包含了手机顶部信号栏的高度。移动端H5活动页面经常须要可以分享到各类社交App中，经常使用的有微信、QQ 等。使用移动设备查看页面时会发现，在微信浏览器中有顶部导航栏...react

前端进阶：透彻掌握 Promise 的使用，读这篇就够了 - 前端 - 掘金
Promise：高手必备 Promise的重要性我认为我没有必要多讲，归纳起来讲就是必须得掌握，并且还要掌握透彻。这篇文章的开头，主要跟你们分析一下，为何会有Promise出现。在实...webpack

2016 年崛起的 JS 项目 - 掘金
本文是我对中文版 risingstars2016 的整理，而本人就是中文版的译者，首发于知乎专栏前端周刊。共 21384 字，读完需 30 分钟，速读需 5 分钟。长江后浪推前浪，若是你能花 30 分钟读完我 6 个小时翻译的内容，相信你不会...

HTML 不能这么写、你造吗？ - 前端 - 掘金
目录 a标签不能够嵌套交互式元素块级元素能够包含内联元素和某些块级元素，内联元素不能包含块级元素，只能包含内联元素 p标签不能包含块级元素 ...

详解 Javascript十大经常使用设计模式 - 前端 - 掘金
一：理解工厂模式工厂模式相似于现实生活中的工厂能够产生大量类似的商品，去作一样的事情，实现一样的效果;这时候须要使用工厂模式。简单的工厂模式能够理解为解决多个类似的问题;这也是她的优势;好比以下代码：&...

腾讯 2016 公司代码报告前端开发总结 - 前端 - 掘金
2016年腾讯公司代码报告已经正式发布，记录下开发过程当中遇到的问题，以及一些使用过的东西。查看请微信扫码：腾讯2016公司代码报告前端篇 ...

WebRTC 直播时代 - 前端 - 掘金
WebRTC 全称为：Web Real-Time Communication。它是为了解决 Web 端没法捕获音视频的能力，而且提供了 peer-to-peer（就是浏览器间）的视频交互。实际上，细分看来，它包含三个部分： ...

HTML 大文件上传 - 前端 - 掘金
文件上传已经是老生常谈了。文件上传，原始的方法有： form表单提交。经过iframe+form表单进行模拟异步上传。因为Http协议的限制，在处理大文件上传会存在超时的现象。在旧的浏览器中是没法读...

javascript array js 缓存算法，数组去重、数组随机抽取、字母串转数字，数字转字符串 - 前端 - 掘金
前言由于平时在写代码的过程当中，有些算法会常常重复写，好比数组去重、数组抽取随机值等！虽然这些不是很难的逻辑，可是每次刚开始遇到需求的时候，仍是须要琢磨一些时间才能想出来，因此此文档把这些常见算法的思想记录下...

前端基础进阶：详细图解，完全搞懂闭包与做用域链 - 前端 - 掘金
攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了不少弯路。而此次从新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个很是大的挑战。闭包有多重...

不按期更新 JavaScript 技巧 - 前端 - 掘金
JavaScript技巧，偶尔更新。计算数组的极值 function smallest(array){ return Math.min.apply...

H5 项目常见问题汇总及解决方案 - 前端 - 掘金
转自 https://github.com/FrontEndZQ... H5项目常见问题及注意事项 Meta基础知识： H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 //1、HTML页面结构...

前端工程化开发方案 app-proto - 前端 - 掘金
什么是前端工程化？根据具体的业务特色，将前端的开发流程、技术、工具、经验等规范化、标准化就是前端工程化。它的目的是让前端开发可以“自成体系”，最大程度地提升前端工程师的开发效率，下降技术选型、先后端联调等带来的协调沟通成本。美团点评厦门智能住宿前端研发团队通...

再学一次 sea.js - 前端 - 掘金
遇到的问题只要你是前端，你确定写过或者见过下面代码。<scrpit type="text/javascr...

Vonic 正式版发布！附中文文档 - 前端 - 掘金
成功收尾，本月终于能够向 2.0 迈进了！O(∩_∩)O...

canvas 图片问题浅析 - 前端 - 掘金
问题 Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may...

京东 2016 版首页改版前端总结 - 前端 - 掘金
深圳的天气老是多变，前一段时间仍是凉意浓浓，彷佛要步入冬天了，最近却又变得炎热起来，气温骤升，让人措手不及。正如咱们负责的业务同样，一年下来有诸多变化。今年9月份咱们接手了京东2016版首页改版开发，历经1个多月紧张地开发测试，终于在双11前成功全量发布，回想...

Anime.js：轻巧的 JavaScript 动画库 - 前端 - 掘金
摘要：我最喜欢的动画库之一，就是Anime.js，它是一个彻底免费、开源的JavaScript动画库。这个库有着丰富的功能，它是针对JavaScript所开发的，并且它同时也很是依赖CSS动画。你能够在DOM中将其与用在单一的页面元素之上，你也能够将其用在个性...

gulp & webpack整合，鱼与熊掌我都要！ - 前端 - 掘金
为何须要前端工程化？前段工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代，近年来不少相关的工具和概念诞生。好奇心日报在进行前端工程化的过程当中，主要的挑战在于解决以下问题：若是管理多个项目的前端代码？如何同步修改复用代码？如何让开发体验更爽？...

动手实践用 Gulp+Webpack 构建纯前端 React 应用 - 前端 - 掘金
最近构思了一个练手项目，应用react实现程序的逻辑，从而进一步学习React框架开发。此次的例子是一个纯前端的简单应用，模拟实现图片上传和展现功能。应用中，使用sessionStorage存储图片数据，而且将sessionStorage中存储的图片数据，以列...

rem 布局初步实践 - 前端 - 掘金
先说结论实用而论，不想了解具体原理的同窗只要记住一点便可：在配置好环境的状况下，拿到设计稿并发现须要使用固定宽高比元素的时候，在css中作好px（设计稿中的px）与rem换算就行（即使这个过程也有很多偷懒的办法,减轻工做量）. 关于rem的基础知识这部分比...

浅谈CSS3多列布局 - 掘金
相信你们都看过报纸，报纸上的内容大多数都是分栏显示的，以下图所示：对于前端攻城狮来讲，这种分列布局，在之前虽然能够实现，但是难度倒是不小，工做量很大，必须使用JavaScript对内容分段，再配合上绝对定位或浮动等CSS样式来实现多列布局。但如今，强大的CS...

这里有超过20家的前端面试题，你肯定不点进来看看？ - 掘金
0.备注若文章中部份内容没法显示，请移步李鹏的其余博客。简书 CSDN ## 1. 前言这里有超过20家的前端面试题，你肯定不点进来看看？好吧，若是你看到这句话，你明显是点进来了。那么恭喜你，接下来我就和大家分享一下，近期我收集到的各个公司...

奇虎360 Web 前端开发工程师面试题 - 前端 - 掘金
最近有幸参加了一次360的面试，下面把面试题总结记录一下：一面 JS 1.下面代码的输出值是？ alert(1&&2); 2.正则表达式匹配，开头为11N, 12N或1NNN，后面是-7-8个数字的电话号码。 3.写出下面代码的输...

Ajax 知识体系大梳理 - 掘金
这是一篇万字长文, 系统梳理了ajax相关的知识体系, 几乎囊括了全部ajax的知识点. 原文: http://louiszhai.github.io/20... 导读 Ajax 全称 Asynchronous JavaScript an...

Angular2 + node 接口调试解决方案 - 前端 - 掘金
事情的原由因为最近在使用Angular + node开发，采起的办法一直都是约定好接口，而后node实现，再编写前端。可是这样有一个很麻烦的问题：编写前端的时候没法调用接口，不能很好地测试，只能一口气写完再编译后放到后端来测试...

Vuex 入门 demo（不依赖 webpack 使用） - 前端 - 掘金
Vuex 入门 demo（不依赖 webpack 使用）...

跟着写一个 CSS 栅格布局 - 前端 - 掘金
咱们常在诸如Bootstrap的前端框架中见到css栅格系统，若是仅仅为了使用栅格布局而引入一个前端框架是很不明智的行为。因此，这篇文章就是帮助你从零打造一个CSS Grids～什么是栅格系统栅格系统（CSS Grids）是一种运...

webpack 2.2 中文文档，翻译的很好，看完就学会了 webpack - 前端 - 掘金
正如咱们在介绍中提到的，在 webpack 配置中有多种方式定义 entry 属性。除了解释为何它可能的用途，咱们还将向你展现如何去配置 entry 属性。单个入口（简写）语法用法：entry: string|Array&...

vue 上传图片预览以及删除组件 - 前端 - 掘金
上传图片预览以及删除的vue组件 git clone 到本地，打开 index.html 就能够了...

前端知识体系知识结构 - 提纲版 - 前端 - 掘金
综合类前端知识体系前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 ...

响应式图片实战 - 前端 - 掘金
说到响应式网站，咱们都知道弹性布局、弹性图片、媒体查询，更多指的是布局的方式，好比说使用max-width: 100%，这样让图片的宽度随着容器的大小而改变，响应式设计让网站能兼容各类屏幕设备，可是在咱们流量这么昂贵的时代，让一个小屏幕的手机去加载一张为大屏幕...

百度地图 API 标注 + 时间轴组件 - 前端 - 掘金
工做时被要求到的,结合百度地图api作一个动态展现标注变化的组件,要求地图展现某一天的标注,时间轴要求能够动态播放每一天的标注变化...而后我就开始coding... 准备工做: ...

多页架构的先后端分离方案（webpack+express） - 前端 - 掘金
SPA（单页架构）方案当下虽然很时髦，不过大多数的网站依旧选择多页或者单页+多页的混合架构。使用 express, webpack 本文低成本的实现了包含多页架构，自动刷新，先后端分离等概念 ...

基于 Vue2.0 高仿微信 App - 前端 - 掘金
利用Vue2.0模仿微信app，努力作到以假乱真的效果。我的独立开发，源码中有详细的注释，为新手提供许多有用的提示信息。后期会增长仿3DTouch、登录、注册、emoji表情内嵌、朋友圈图片查看等功能，让它更接近微信App的用户交互体验。 ...

写给前端的甩锅指南 - 前端 - 掘金
前端小白，“老王，你的接口不能用了” 后端老王一脸不屑，“怎么可能，刚刚还能用，你看看参数传对了没有。” 前端小白吭哧吭哧检查了几遍，“参数没问题啊，你看看是否是有 username, id。。。” 后端老王顿了许久， “参数应该没问题，你再清下浏览器缓...

美团智能支付背后的前端工程师 - 掘金
做者：任远，前后就任于腾讯、人人、小米，现美团智能支付前端负责人，负责十多个前端业务线、技术线的开发和管理工做，手下精兵强将，人才辈出，技术涉猎很是普遍，覆盖移动端、PC端、hybrid端、Node数据中间层相关的大前端技术，对于项目的完整开发运做有很是丰富的...

记录一些前端的知识点 (一) - 前端 - 掘金
想学习前端或编程知识欢迎关注专栏：敲代码，学编程 - 知乎专栏1、W3C 标准盒模型和 IE 盒模型区别：1. W3C 标准盒模型：盒子的高宽是由盒子的内容区仅由 width, height 决定的，不包含边框，内外边距。2. IE 盒模型：在 IE 盒模型中...

前端常见算法的 JS 实现 - 前端 - 掘金
原文连接排序算法一、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i<arr.length; i+...

前端知识点大百科全书 - 前端 - 掘金
These share data are from my usual work and learning，hoping to help you，If you like you can star Javas...

「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路 - 掘金
本文来自尚妆前端团队南洋发表于尚妆github博客，欢迎订阅。移动端H5页面rem缩放方案flexible.js兼容375px方案的思路参考：移动端高清、多屏适配方案 viewport-and-flexible.js flexible.js git...

响应式和自适应的区别 - 前端 - 掘金
玩前端也有几个月了，发现你们广泛混淆了响应式和自适应的概念。先给你们体验一下响应式和自适应的区别，请放大缩小一下屏幕尝试自适应的体验http://m.ctrip.com/html5/&nbs... 响应式的体验 http://segmen...