随笔分类 - 前端
HTML,CSS,javasript,UI,UX
摘要：这些年，Webpack 基本成了前端项目打包构建的标配。关于它的原理和用法的文章在网上汗牛充栋，大家或多或少都看过一些。我也一样，大概了解过它的构建过程以及常用 loader 和 plugin 的配置、性能优化方法等等，仅限于“面试够用”的程度。在实际工作中，往往是配置好后就放一边了，没有遇到问题是
阅读全文
摘要：你可能知道，获取和设置 DOM 元素内部文本可以用这两个属性：Node.textContent 和 Element.innerText。 乍一看，它们似乎做着完全相同的事情，但它们之间有一些微妙但重要的区别。今天，我们来看看它们的作用，以及它们的异同之处。 废话不说，直接看代码。 相同之处 比如下面
阅读全文
摘要：不少人有五年的 JavaScript 经验，但实际上可能只是一年的经验重复用了五次而已。完成同样的逻辑和功能，有人可以写出意大利面条一样的代码，也有人两三行简洁清晰的代码就搞定了。简洁的代码不但方便阅读，还能减少复杂逻辑和出错的可能性。本文就介绍一些常用的JavaScript简化技巧，日常开发都用得
阅读全文
摘要：对于用惯了 IDE 的程序员来说，在终端里敲命令可能没那么顺手，也记不住那么多复杂的命令。比较偷懒的做法就是网上搜相关的命令，复制到剪贴板往命令行窗口里一贴，完事！ 但是这么做有很大的风险，为什么呢？ 网页里复制的东西，可能并不是你看到的内容。请看大屏幕： <div class="copyme">$
阅读全文
摘要：背景 Element UI 是 PC 端比较流行的 Vue.js UI 框架，它的组件库基本能满足大部分常见的业务需求。但有时候会有一些定制性比较高的需求，组件本身可能没办法满足。最近在项目里就碰到了。 很多页面都需要用到表格组件el-table。如果没有给el-table-column指定宽度，默
阅读全文
摘要：软件编程有一个重要的原则是 D.R.Y（Don't Repeat Yourself），讲的是尽量复用代码和逻辑，减少重复。组件扩展可以避免重复代码，更易于快速开发和维护。那么，扩展 Vue 组件的最佳方法是什么？ Vue 提供了不少 API 和模式来支持组件复用和扩展，你可以根据自己的目的和偏好来选
阅读全文
摘要：最近在网上闲逛，发现一个特别好玩的 JavaScript 库，叫 RoughNotation。干嘛用的呢？就是在网页上给文字加标注，比如下划线、方框、高亮文字背景等，不过是手写风格的！截图给大家感受下： 怎么样？是不是感觉网页瞬间就生动了？是不是有种手捧纸质书，用彩笔在纸上做笔记的感觉？满满的文艺范
阅读全文
摘要：以前提到 JavaScript 原始数据类型时，我们知道有 ，`String Null Boolean Undefined Symbol BigInt Symbol Symbol`类型是为了解决属性名冲突的问题，顺带还具备模拟私有属性的功能。 简介 创建 变量最简单的方法是用 函数。 变量有两点比较
阅读全文
摘要：今天给大家分享一个 Web 知识点。如果你有过一段时间的 Web 开发经验，可能已经知道了。不过对于刚接触的新手来说，还是有必要了解一下的。 我们知道，网页里的 标签默认在当前窗口跳转链接地址，如果需要在新窗口打开，需要给 标签添加一个 属性。 顺便提下一个有意思的现象，很早之前我就发现，国外网站倾
阅读全文
摘要：经过这么多年的发展，JavaScript 早已经不是当年那个不太起眼的脚本语言。如今的 JavaScript 可以说是风光无限，在 Web 前端、移动端、服务端甚至物联网设备上都大展身手，到处都有它的身影。 在 JavaScript 语言日渐强大的同时，与其配套的开发工具也蓬勃发展。现在的 Web
阅读全文
摘要：最近这个 Vue.js 纪录片在前端圈广为传播，相信不少人已经看过了。第一次看编程领域的纪录片，感觉还挺新鲜的。这部 30 分钟左右的纪录片制作精良，主角是 Vue.js 作者尤雨溪，还穿插采访了框架的几个核心贡献者和早期用户。 之前看过一次尤雨溪介绍 Vue.js 的视频，他英文之流利，表达之清晰
阅读全文
摘要：JavaScript 是对初学者比较友好的一门编程语言，基本上花个半小时看下语法就能写出能运行的代码。JavaScript 是动态脚本语言，对数据类型没有太多的限制，写起来非常灵活。但正因为如此，初学者如果不深入了解语言本身，往往会犯一些错误，从而导致一些很难发现的 bug。 抛开 JavaScri
阅读全文
摘要：在编程领域中，模块是自包含的功能单元，可以跨项目共享和重用。它们使开发人员的生活更加轻松，因为我们可以使用它来增加应用程序的功能，而不必亲自编写这些功能。它还让我们可以组织和解耦代码，从而使应用程序更容易理解、调试和维护。 在本文中，我们来探究如何使用 Node.js 中的模块，主要介绍如何导出和导
阅读全文
摘要：引言 我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子： " " 在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当存在1对多的父/子节点关系时： 那么，如何将这种对象数组格式转换为层级树的格式呢？其实，利用 JavaScript 对象
阅读全文
摘要：你可能在网上见过有人用 几个不同的字符写的各种稀奇古怪的 JavaScript 代码，虽然看起来奇怪，但是能正常运行！比如这个： 你猜运行结果是什么？你可以自己去控制台试一下。 看起来很神奇，但这到底是怎么回事呢? 事实上，你几乎可以用下面这 6 个字符写出任意的 JavaScript 程序： 很多
阅读全文
摘要：我以前很喜欢 jQuery，而且说实话，我是先学jQuery，再学 JavaScript 的。所以我写这篇文章有点像是在背叛 jQuery。 我知道，关于为什么不应该用 jQuery 的文章已经汗牛充栋，但我只是想说下自己的亲身体验。 " " 不用 jQuery 用什么？ 随着 web 的发展，新技
阅读全文