如何成为一名优秀的现代Web前端工程师 代码是写给人看的，顺便让机器执行。—— Robert C. Martin 开篇我所遇到的前端从业者，始终分为两种： 第一种始终在迷茫：「前端已死还要入行吗？」「学Vue还是React？」「框架天天更，根本学不完」 第二种总在轻描淡写：「前端不就是写写页面、调调API，有什么难的？」 却很少有人真正沉下心来思考：如何做一名优秀、甚至卓越的现代Web前端工

那些年那座城，是CandyBook配套的免费阅读工具。 配合CandyBook产品获得最好的体验。 世界上最美的莫过于动人的故事和甜蜜的糖果。 CandyBook是一个糖果和绘本组合在一起的全新创意产品，这一本叫《那些年，那座城》，为了让用户最大程度获得对童年的美好记忆，我们让产品有了全方位的富媒体体验：可看，可读，可听，可玩儿，我们调动了人的所有感官。 这一切只要您在吃糖的过程中下载这本

移动端常用插件iScroll相关链接：官方网站　　 demo　　GifHub iSlider相关链接：官方网站　　 demo　　GifHub

很多链接都已经失效，大厂的部门也不断裁减，让人不胜唏嘘…… User Experience Design(用户体验设计)，简称UED。UED是进行产品策划的主力之一，他们用自己的知识、经验、设计能力拿出设计方案。UED不只是互联网专家，还是行业专家。能够用自己的互联网知识来设计出行业专家想实现的操作，而付诸以商业营销。 UED团队包括：交互设计师(Interaction Designer)、视觉设

跨域是前端开发中最常见的问题之一，其根源是浏览器的同源策略。下面将从「什么是跨域」「为什么会有跨域」「解决跨域的主流方案」三个维度详细解析，彻底搞懂跨域。 一、什么是跨域？1. 同源策略（Same-Origin Policy）跨域的本质是浏览器的同源安全策略：浏览器为了保护用户隐私和安全，禁止不同源的页面之间直接进行数据交互（如 AJAX 请求、DOM 操作、Cookie 读取等）。 同源的定义：

浏览器兼容问题一直是前段开发工程师比较头痛的问题，熟悉了里面的规则也就变得简单了，这里有一份资料可以分享给大家，大家平时开发过程中遵循这个规律的话，会变得轻松多了 CSS Hack 浏览器兼容速查表一、什么是 CSS Hack？由于不同浏览器（IE6、IE7、IE8、Firefox、Chrome、Safari 等）对 CSS 的解析规则不同，会导致页面渲染效果不一致。针对不同浏览器编写专属 CSS

想要实现一个带数字1-6的CSS3立方体，用纯CSS3（transform + transition）来完成，包含立体效果、数字排版和基础的旋转交互，让立方体更直观。 一、实现思路 容器结构：外层父容器作为立方体的“舞台”，内层 .cube 是立方体本体，6个面（.face1-.face6）作为子元素。 3D变换：通过 transform-style: preserve-3d 开启3D空间，给每个

obj.offsetWidth = width+padding+border（个人理解包括滚动条） obj.clientWidth = width+padding obj.scrollWidth = width+padding （滚动条出现时 其宽度高度和client一样） 当offsetParent不为body时：offsetLeft=(offsetPa

一、核心概念事件冒泡（Event Bubbling）是 JavaScript DOM 事件流的核心机制之一：当一个元素触发某事件（如点击、输入）后，该事件会从目标元素开始，逐级向上传播到它的父元素、祖先元素，直至 window 对象。 简单理解：就像水中的气泡，从水底（目标元素）向上冒到水面（window）。 二、DOM 事件流的三个阶段完整的 DOM 事件流包含 3 个阶段，事件冒泡是最后一环：

不为模糊不清的未来而担忧，只为清清楚楚的现在而努力。 只有先改变自己的态度，才能改变人生的高度。 在抱怨自己赚钱少之前，先努力，学着让自己值钱。 学历代表过去，学习能力才代表将来。 耐得住寂寞才能守得住繁华，该奋斗的年龄不要选择了安逸。 有些事不是看到了希望采取坚持，而是坚持了才看得到希望。 压力不是有人比你努力，而是比你牛几倍的人依然在努力。 你所做的事情也许看不到成功，但不要灰心，你不是没有