一、关于表单自动填充表单自动填充是个好功能，因为可以省去用户自己输入的麻烦。 比方说一个 name 属性值是 email 的输入框，蓝狮注册登陆聚焦点击后，可能就出现邮箱列表。奇怪，怎么出现了手机号？ 应该是某个产品的 name 属性值是email，但是却支持手机号输入，然后被浏览器记住了。 大多数时候，用户很喜欢这个功能。 但是有时候，用户并不需要。 比方说验证码输入框，每次的验证码都是随机的，是没有任何理由是需要浏览器进行记忆的。 以及，如果采用了浏览器的自动填充input输入框的样式，比方说背景色 ...

大家好，我卡颂。 我们知道，react发布Hooks后，带来了业界一波Hooks热。很多框架（比如vue Composition api、Solid.js）都借鉴了Hooks的模式。 但是，即使这些框架都借鉴了Hooks，但由于框架作者的理念不同，发展方向也逐渐不同。 比如，在Vue Composition API中，对标React useEffect API的是watchEffect，在Vue文档中，有一小段内容介绍他的用法： 而在React beta文档中，介绍useEffect的，则有整整6节内容： 为什么会有这样的区别？让我们从useEffect看看React、蓝狮注册登陆Vue设计理念的不同。 Vue与Rea ...

笔者最近在看 你不知道的JavaScript上卷，里面关于 this 的讲解个人觉得非常精彩。JavaScript 中的 this 算是一个核心的概念，有一些同学会对其有点模糊和小恐惧，究其原因，现在对 this 讨论的文章很多，让我们觉得 this 无规律可寻，就像一个幽灵一样 如果你还没弄懂 this，或者对它比较模糊，这篇文章就是专门为你准备的，如果你相对比较熟悉了，那你也可以当做复习巩固你的知识点 本篇文章，算是一篇读书笔记，当然也加上了很多我的个人理解，我觉得肯定对大家有所帮助 执行上下文在理解 this 之前，我们先来看下什 ...

vue3中，新增了 defineComponent ，它并没有实现任何的逻辑，只是把接收的 Object 直接返回，它的存在是完全让传入的整个对象获得对应的类型，它的存在就是完全为了服务 TypeScript 而存在的。 我都知道普通的组件就是一个普通的对象，既然是一个普通的对象，那自然就不会获得自动的提示， import { defineComponent } from ‘vue’ const component = {name: ‘Home’,props:{data: String,},setup // 没有该有的提示，这非常的不友好} export default component但是当我们加上 defineComponen ...

如今，纵观各类招聘网站上的前端职位，大家往往都会看到一个熟悉的字眼：react。虽然企业雇主也经常会列出其他一些类似的前端框架选项，但 React 的地位几乎是雷打不动。 但面对这样的现实，请原谅我始终无法理解。除了流行，React 到底还有什么优势？ 首先我想澄清一点，我对 React 没有任何敌意。我知道它挺好，而且如果需要开发庞大复杂的前端项目，我其实也并不抗拒使用 React。 React 的出现，为其他框架当前及未来的功能规划奠定了基础。vue 3 及其组合 api 明显是受到 React hooks 的启发。Svelte 中的很多约定 ...

在现代生活方式中，蓝牙技术的应用已经非常普及，这是一种短距离通信开放标准，利用嵌入式芯片实现较短距离之间的无线连接，具有低成本、低功耗、模块体积小、易于集成等特点，非常适合在新型物联网移动设备中应用。 但像其他无线技术一样，蓝牙通信也非常容易受到攻击，因为它需要使用各种各样的芯片组、操作系统和物理设备配置，存在大量不同的安全编程接口和默认设置，这些复杂性造成了蓝牙设备会存在难以避免的安全漏洞。 蓝牙技术应用正在快速发展，这意味着会有更多的攻击面产生。本文将从提升蓝牙应用的安全意识角度， ...

了解 ES6根据维基百科解释“ECMAScript 规范是由 Netscape 的 Brendan Eich 开发的脚本语言的标准化规范；最初命名为 Mocha，然后是 LiveScript，最后是 JavaScript。” ECMAScript 2015 (ES2015) 是第 6 版，最初称为 ECMAScript 6 (ES6)，它添加了许多新功能，这些新功能后来成为 Web 开发人员工具包的重要组成部分。蓝狮注册开户本文旨在帮助您以轻松易懂的方式了解这些新的 ES6 特性。 ES6 块作用域 let首先，什么是范围？范围是指来自我们程序不同部分的变量的可访问性。在使用 let 声明变量之前，JavaScript 变量具有全局 ...

虽然开发工具早已经从 preprocessor 进化到了 styled component 甚至是 functional css，但在我看来新的工具并没有让我们的样式代码写的更好，只是更快——也可能会让代码坏的更快。工具的繁荣并没有让那些导致代码难以维护的根本问题烟消云散，而是更易让我们对其视而不见。这篇文章旨在回答一个问题：为什么样式代码难以写对，它的陷阱究竟在哪里？ 如果一本正经的聊架构，套路多半是按照某些重要的特征依次展开讲解。但这些所谓的重要特征其实在编程领域中是放之四海而皆准的，例如“扩展性”、“可复用”、“可维护性”等等，按这 ...

大家好，我是 CUGGZ。 今天来推荐六个好用又免费的在线代码编辑器！ CodeSandboxCodeSandbox 是一个在线代码编辑器，主要用于创建 Web 应用项目，其提供了多种模块： CodeSandbox 为前端开发提供了完整的代码编辑器体验和沙盒环境。其包含了很多实用功能： npm 支持：可以添加几乎任何 npm 上可用的包；支持 TypeScript、热更新、GitHub 导出、静态文件托管等；使用 Monaco 编辑器构建，Monaco 是为 VSCode 的提供支持的代码编辑器，有很多相似的体验；集成的 DevTools、linting、错误覆盖、测试框架 (Jest)等；强大 ...

有时候想写一个无关框架组件，又不想用原生或者 jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的，如果能和 MVVM 搭配使用就好了。早在之前 angular 就支持将组件构建成 Web Components，vue3 3.2+ 开始终于支持将组建构建成 Web Components 了。正好最近想重构下评论插件，于是上手试了试。 构建 Web Componentsvue 提供了一个 defineCustomElement 方法，用来将 vue 组件转换成一个扩展至htmlElement的自定义函数构 ...