2019年最全的web前端知识体系汇总
必学(前端三剑客)· HTML: [链接] · CSS: [链接] · JavaScript: [链接] UI布局框架 · Bootstrap: [链接] · antd: [链接] · Foundation: [链接] · Uikit: [链接] · Web Components:[链接] 构建工具/包管理器 · Grunt: [链接] · Yeoman: [链接] · Bower: [链接] · NPM: [链接] css预处理器 · Less: [链接] · Sass: [链接] ·...
React Hooks使用实例(二)
在上篇文章我们讲了如何使用React的Suspense组件和lazy方法来实现模块的懒加载,后面还讲了如何使用React的useState方法来实现自定义的Hooks,从而达到复用的目的。
前端工程代码规范(一)——命名规则与工程约定
随着前端团队人员的逐步扩大,需要有一份规范来约束代码的书写。无论人数多少,代码都应该同出一门。主要参考了 腾讯alloyteam团队,里面有许多认同点。在此基础上做了些许改进,为了更适合自己团队,那些已经达成共识的代码习惯。仅供参考。
腾讯AlloyTeam正式发布pasition - 制作酷炫Path过渡动画
Pasition - Path Transition with little JS code, render to anywhere - 超小尺寸的Path过渡动画类库
大牛公司github官网整理
1.Google[链接]2.Google Samples[链接]3.Google Codelabs[链接]4.GoogleChrome[链接]5.Google Creative Lab[链接]6.Google Internationalization人人皆可使用的Google开源字体[链接]7.tensorflow[链接]
D2 日报 第154期 2019年7月24日
➡️ qq282126990/ivue-ui watch 1 star 16 fork 5 基于 Google's Material Design Spec 规范的 vue UI 库 github.com
2019-07-23
前端面试题-伪类和伪元素
CSS introduces the concepts of pseudo-elements and pseudo-classes to permit formatting based on information that lies outside the document tree.
CANVAS - 收藏集 - 掘金
教你用 webgl 快速创建一个小世界 - 前端 - 掘金作者:TAT.vorshen Webgl的魅力在于可以创造一个自己的3D世界,但相比较canvas2D来说,除了物体的移动旋转变换完全依赖矩阵增加了复杂度,就连生成一个物体都变得很复杂。 什么?!为什么不用Threejs?Threejs等库确实可以很大程度的...
最全前端资源汇集(引)
综合类 综合类地址 前端知识体系[链接] 前端知识结构[链接] Web前端开发大系概览[链接] Web前端开发大系概览-中文版[链接] Web Front-end Stack v2.2Web Front-end Stack v2.2 免费的编程中文书籍索引[链接] 前端书籍[链接] 前端免费书籍大全[链接] 前端知识体系[链接] 免费的编程中文书籍索引[链接] 智能社 - 精通JavaS...
transformjs 污染了 DOM?是你不了解它的强大
上星期在React微信群里,有小伙伴觉得transformjs直接给DOM添加属性太激进,不可取(由于不在那个微信群,不明白为什么React会谈到transformjs?!)。关于这点,其实在一年半前腾讯内部就有相关声音,腾讯内部的小伙伴建议,不要污染那么多吧~~,给个总的namespace,如:
浅谈正则表达式原理
正则表达式可能大部分人都用过,但是大家在使用的时候,有没有想过正则表达式背后的原理,又或者当我告诉你正则表达式可能存在性能问题导致线上挂掉,你会不会觉得特别吃惊?
妙趣横生的HTML5 Page Visibility API
最近浏览36kr 的网页的时候偶然发现一个有趣的情况:当浏览器Tab 处于非当前页的时候,36kr 的标题栏会自动换成可爱的大白字符形象。Jeff 在第一次看到的时候就知道这种效果是通过HTML5 的Page Visibility API 实现的(不是吹牛)。
最全前端资源汇集
综合类综合类 地址前端知识体系 [链接]前端知识结构 [链接]前端知识体系 [链接]Web前端在线开发 [链接]Web前端开发大系概览-中文版 [链接]Web Front-end Stack v2.2 Web Front-end Stack v2.2免费的编程中文书籍索引 [链接]前端书籍 [链接]前端免费书籍大全 [链接]前端知识体系 [链接]免费的编程中文书籍索引 [链接]智能...
2019-12-01
通过编译器插件实现代码注入
大型的前端系统一般是模块化的。每当发现问题时,模块负责人总是要重复地在浏览器中找出对应的模块,略读代码后在对应的函数内打上断点,最终开始排查。
最全前端资源汇集
综合类 地址前端知识体系 [链接]前端知识结构 [链接]前端知识体系 [链接]Web前端在线开发网站 [链接]Web前端开发大系概览-中文版 [链接]免费的编程中文书籍索引 [链接]前端书籍 [链接]前端免费书籍大全 [链接]前端知识体系 [链接]免费的编程中文书籍索引 [链接]智能社 - 精通JavaScript开发 [链接]重新介绍 JavaScript(...
AlloyTouch实战--60行代码搞定QQ看点资料卡
原文链接:[链接] 先验货 访问DEMO你也可以点击这里 源代码可以点击这里 如你体验所见,流程的滚动的同时还能支持头部的动画?不断地加载新数据还能做到流畅的滑动!怎么做得的?使用AlloyTouch CSS 0.2.0及以上版本便可! 头部动画 加载更多 实现代码 {代码...} 就这么多代码。当然你要引用一个transformjs和alloy_touc...
基于 React.js + redux + bootstrap 的 RubyChina 示例
最近在学习前端的各大流行框架, 主要学习了 Vue.js 和 React.js, 前段时间用 Vue.js + uikit 实现了 V2EX 的克隆版本, 最近又用 React.js + redux + bootstrap 实现了 RubyChina 的克隆版本, 两个项目都支持响应式布局. 不得不说这是学习新知识的一个有效途径. 这两个项目都比较合适学习 Vue.js 和 React.js 的朋友参考.