首先必须要声明：类型化JavaScript非常棒。我使用过Flow，现在和将来也都将继续使用TypeScript。不可否认，这是一个快速发展的强大工具。然而，它是无所不能的吗?显然不是，这种强大力量背后的代价是什么，值得我们思考，我们需要正视其利弊之处。让子弹先飞一会儿，来看看类型化JavaScript的缺陷吧~代码很容易变得冗长事实上，TypeScript和Flow的手动类型化并不是一件好事!它...
所有使用基于组件的体系结构(如Vue和React)的开发人员都知道，创建可重用组件是很困难的，而且大多数情况下，最终会通过传入大量的属性，以便从外部更容易地控制和自定义组件。这并不坏，但是传递大量属性确实会变得有点麻烦和丑陋。我们以 vuetify 的按钮组件为例，它是最简单的组件之一。假设我们想要在大多数情况下传递相同的属性：<v-btn color=&#...
俗话说，熟能生巧，大多数时候笔者都在使用React工作。时间久了，一些小技巧也不请自来，它们着实让人获得了意外之喜。并不是每个人都发现了这些技巧，笔者的很多同事就还没有发现。但它们确实简单好用，让人心情愉悦。一起来看看吧!以下所有例子均围绕功能性组件(components)和钩子(hooks)展开。React 带键的片段有时，需要在列表内渲染多种组件。如果不需要容器，就可以使用React 片段。示...
1. 命名导入和自动完成假设我编写了一个简单的JavaScript模块：// stringUtils.js export function equalsIgnoreCase(string1, string2) { return string1.toLowerCase() ===&nbs...
javascript语言的执行环境是单线程(single thread)，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯;但是只要耗时比较多，假如有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。为了解决这个问题，Javascript语言将任务的执行模式分成两种：同步(Sy...
为大家精心挑选了 8 个漂亮的 Progress Bars 组件，并附上了 GitHub 链接和 vue.js 代码示例。1.easy-circular-progress一个简单的循环进度组件，带有计数效果。作者：dreambo8563Github：https://github.com/dreambo8563/easy-circular-progress2. vuejs-progress-barv...
为你的站点添加黑暗模式黑暗模式 已经应用在了许多流行的网站和应用程序中，诸如 Twitter、Instagram、WhatsApp 和 YouTube 等。但是你该怎样在自己的网站上添加这种模式呢?我一直非常喜欢动态的网站颜色主题切换器。它们可以让你选择自己喜欢的颜色主题，从而改善了用户体验!例如，下面是在 Twitter 的“显示设置”下找到的颜色主题选项。这次就让我们来创建与之类似的功能吧。也...
说到使用前端框架，已经不是什么新鲜事了，目前大部分公司都会要求你熟练使用 Vue 或 React，这也成了前端工程师面试的家常便饭。就目前应用面积最广的Vue来说，大厂或是高级工程师面试的时候会碰到什么棘手或是难缠的 Vue 的面试题呢?今天，我就带着大家一起分析 Vue 的基础使用、组件传值等等。其实这些大家都会，一个刚入门两三个月的前端都能搞定，下面才是是Vue面试官直击灵魂的拷问。1.&nb...
现代人生活压力重，程序员首当其冲。因此，网上出现了许多社区开发工具，打着“减轻前端开发人员生活压力”的口号。这次小芯为大家整理一些自己特别青睐的~前方必备工具，注意“白嫖”~1. StackBlitz据Chidume Nnamdi所说，这是所有用户最喜欢的在线集成开发环境工具(IDE)。主要原因在于其将用户最喜爱和最常用的集成开发环境——Visual Studio代码带到了网络上。仅需一次单击，S...
CSS3 动画目录1. 定义动画2. animation 属性3. animation 属性的兼容4. animation与transition 属性的取别5. animate.css 动画库6. 动画的调试及优化定义动画为了实现动画所以必须准备一个动画剧本:/* 当动画只用两个关键帧时可以使用该方式定义关键帧 */ @keyframes mymove{ fr...
