🔥前端技术🏆
文章平均质量分 81
HTML+CSS+JavaScript
一只彩乌鸦
Standing on Shoulders of Giants.
展开
-
浏览器表单自动填充问题【兼容性解决方案】
stackoverflow: chrome-ignores-autocomplete-off更多参考该问题是关于Chrome浏览器自动填充的功能,Chrome团队对此给出了他们的立场-https://bugs.chromium.org/p/chromium/issues/detail?id=468153#c164简单来说,有两种情况——【案例1】:你的类型不是。在这种情况下,解决方案很简单,分为三个步骤。将属性添加到不应以电子邮箱或用户名之类的值开头,否则Chrome任然会显示下拉列表。例如,显示下拉菜单,原创 2022-06-21 17:45:48 · 1389 阅读 · 1 评论 -
【Effective JavaScript】第44条: 使用 null 原型以防止原型污染
防止原型污染的最简单的方式之一就是一开始就不使用原型。但在ES5未发布之前,并没有标准的方式创建一个空原型的新对象。你可能会尝试设置一个构造函数的原型属性为 null或者undefined。但实例化该构造函数仍然得到的是的实例。ES5首先提供了标准方法来创建一个没有原型的对象。 函数能够使用一个用户指定的原型链和一个属性描述符动态地构造对象。属性描述符描述了新对象属性的值及特性。通过简单地传递一个 原型参数和一个空的描述符,我们就可以建立一个真正的空对象。原型污染无法影响这样的对象的行为。一些不支持原创 2022-06-01 13:39:55 · 232 阅读 · 0 评论 -
Underscore.js源码学习
Underscore.js源码学习一些单体函数的细节判断给定的变量是否是对象 function isObject(obj) { var type = typeof obj; return type === 'function' || type === 'object' && !!obj; }typeof null// JavaScript 诞生以来便如此typeof null === 'object';在 JavaScript原创 2022-02-23 18:41:49 · 445 阅读 · 0 评论 -
JS基础——引用类型的参数传递
JavaScript中引用类型的参数传递ECMAScript中所有函数的参数都是按值传递的。可以把ECMAScript函数的参数想象成局部变量。ECMAScript中所有函数的参数都是按值传递的。也就是说,函数的传参,就和基本类型变量的复制一样,而引用类型值的传递,则如同引用类型变量的复制一样。这里可能会使很多人感到困惑,因为访问变量有按值和按引用两种方式,而参数只能按值传递。请看下面这个例子:function add(num){ num += 10; return num;}v原创 2020-09-14 14:29:24 · 6142 阅读 · 2 评论 -
Vue解惑——axios中this的指向问题
Vue——axios中this的指向问题场景Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。在进行Vue实验时,需要用到axios进行接口请求,并将返回的内容传递到Vue的data选项中。正常情况下,会使用this.list = response.data的格式进行赋值,但this的指向恰恰是最容易被忽略的地方。出现的问题:在vue中使用axios做网络请求的时候,会遇到this不指向vue,而指向其它地方的情况。如下图所示:通过在网络上搜索,有很原创 2020-09-11 14:52:20 · 8712 阅读 · 4 评论 -
CSS弹性盒子布局——flex布局的基本概念
《CSS弹性盒子布局——flex布局的基本概念》Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 flexbox 的子元素之间提供了强大的空间分布和对齐能力。本文给出了 flexbox 的主要特性,更多的细节将在别的文章中探索。我们说 flexbox 是一种一维的布局,是因为一个 flexbox 一次只能处理一个维度上的元素布局,一行或者一列。作为对比的是另外一个二维布局 CSS Grid Layout,可以同时处理行和列上的布局。flexbox 的两根轴线当使原创 2020-08-11 19:21:42 · 2965 阅读 · 0 评论 -
JS基础——Function类型总结
Function类型在JavaScript中,函数是一种特殊的对象。每一个函数都是一个Function类型的实例,而且与其它的引用类型一样,都有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会于某一个函数绑定。理解这一点,对于函数的学习至关重要。函数有三种定义语法使用函数声明语法定义 function sum (num1, num2){ return num1 + num2; };使用函数表达式定义 var s原创 2020-08-01 09:49:43 · 2445 阅读 · 0 评论 -
JS基础——使用正则表达式
原创 2019-11-22 17:14:27 · 1986 阅读 · 0 评论 -
CSS编码规范
CSS编码规范转载自:https://github.com/ZXinL-CN/spec/blob/master/css-style-guide.md1 前言2 代码风格2.1 文件2.2 缩进2.3 空格2.4 行长度2.5 选择器2.6 属性3 通用3.1 选择器3.2 属性缩写3.3 属性书写顺序3.4 清除浮动3.5 !important3.6 z-index...转载 2019-11-18 13:49:20 · 2229 阅读 · 0 评论 -
【JS案例】发射弹幕
发射弹幕: <div id="box"></div> <div id="trunk"> <input type="text" id="txt" placeholder="请输入内容" maxlength="49" required> <button id="btn">发射弹幕</...原创 2019-11-17 20:56:22 · 2252 阅读 · 0 评论