码飞_CC的博客

知其然,还要知其所以然,分享是件令人愉悦的事~

帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)

  作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,本文旨在帮助大家理清它们之间的关系并彻底搞懂它们。这里说明一点,__proto__属性的两边是各由两个下划线构成(这里为了方便大家看清,...

2018-07-25 22:50:47

阅读数 14869

评论数 49

console.log打印对象时属性缺失的解决方法

文章目录1. 序2. console.log()输出对象属性缺失3. 获取正确的结果3.1 方法1:对象展开3.2 方法2: JSON.stringfy()看字符串 1. 序 在编写代码时,我们常常用console.log()的方式将信息在控制台中打印出来以帮助我们进行前端调试。一般情况下,我们打...

2019-05-22 20:53:22

阅读数 16

评论数 0

重新巩固JS(三)——JavaScript语句

文章目录1. 条件语句1.1 if else语句1.2 switch语句2. 循环语句2.1 while语句2.2 do while语句2.3 for语句2.4 for in语句3. 控制语句3.1 continue语句3.2 break语句4. 异常捕获语句5.with语句(不推荐使用) 重新巩...

2019-05-21 21:02:16

阅读数 321

评论数 0

重新巩固JS(二)——JavaScript操作符与表达式

JavaScript操作符与表达式1.表达式1.1原始表达式1.2表达式2.操作符 1.表达式 1.1原始表达式 3.14 //数字直接量 "hello world" //字符串直接量 /pattern/ //正则表达式直接量 true //返回一个布尔值: 真 fa...

2019-05-20 20:49:34

阅读数 474

评论数 0

框架的游戏:2019 年 JavaScript 流行趋势

框架的游戏:2019 年 JavaScript 流行趋势1. 当今 JS 开发者需要具备的能力:我们基于数据的研究2. 主要收获3. 专家对 JS 开发未来趋势的看法 JavaScript 生态系统复杂多变,各种框架让人眼花缭乱。究竟孰优孰劣,如今的发展趋势是怎样的,用人单位又需要怎样的人才?本文...

2019-05-20 09:44:09

阅读数 1089

评论数 2

React实现浏览器打印部分内容

React 浏览器打印

2019-05-14 20:05:34

阅读数 359

评论数 0

React input[type='file'] 连续上传同一文件不触发onChange事件的解决方法

在使用type类型为file的input来上传文件时,发现连续上传同一个文件,第二次以后就不会再触发onChange事件,原因是onChange事件触发的条件为其value发生变化,上传文件时,该input的value值为文件在磁盘中的位置。知道了触发条件以后,我们就可对症下药:改变value值即...

2019-04-10 20:58:07

阅读数 102

评论数 0

重新巩固JS(一)——JavaScript基本类型

文章目录JavaScript基本类型1. 原始类型:1.1 数值—Number1.2 字符串—String1.3 布尔值—Boolean1.4 字符—Symbol(ES6新增)1.5 Undefined1.6 Null2. 对象类型:2.1 重要的特殊对象3 类型识别 JavaScript基本类型...

2019-04-09 20:30:26

阅读数 104

评论数 0

避免移动端页面focus输入框时自动放大页面的解决方法

在网页适配移动端时遇到一个问题:本来页面打开是正常显示的,但是当你聚焦了textarea输入框的时候,页面自动放大了,破坏了原本正常的页面,这不是我们想要的,有什么方法解决呢? 1. 设置meta标签 网上很多人提到使用如下方法: <meta name="viewport&...

2019-03-30 17:28:13

阅读数 67

评论数 1

添加网页头部小图标

一般来说,我们打开一个网站的时候,网页头部都会有一个小图标,一般是公司的logo,例如下面CSDN的例子: 添加这个小图标的方法很简单,只需要在html的<head>中填加一个如下形式的<link>标签即可: <link t...

2019-03-30 16:39:41

阅读数 39

评论数 0

JS比较运算符(“===”和“==”)的匹配规则以及if()条件的判断结果

文章目录1. 结论先行2. 结果判断参照表2.1 全等运算符(“`===`”)的操作结果2.2 相等运算符(“`==`”)操作结果2.3 if()条件判断结果3. 具体判断的逻辑说明3.1 全等运算符 (“`===`”)3.2 相等运算符 (“`==`”)3.3 经典面试题3.4 变态面试题 1....

2019-03-28 14:12:43

阅读数 59

评论数 1

为什么计算机中数字符号位0表示正数,1表示负数

  大学时上计算机组成原理课程的时候,上到计算机如何存储数据的相关知识时,因为计算机世界里面所有的数据归根结底都是由0和1来存储的,那么如何表达数值的正负呢?只知道书本上说是有一个符号位,当该符号位为0时,表示的是正数,为1时表示负数。我那时没搞懂为什么这样规定,我觉得1么,代表正数挺合理的,那么...

2019-03-09 21:09:50

阅读数 496

评论数 0

align-items和align-content的区别

文章目录1. stack overflow上的回答(翻译)2. 自己动手实践2.1 子项为单行的情况2.1.1 flex容器不设置高度2.1.2 flex容器设置高度2.2 子项为多行的情况2.2.1 flex容器不设置高度2.2.2 flex容器设置高度3. 总结 在用flex布局时,发现有两个...

2019-03-05 21:20:15

阅读数 195

评论数 0

italic和oblique的区别

在CSS中,font-style属性用于指定文本的字体样式,取值有如下4种: 值 描述 normal 默认值。标准的字体样式 italic 斜体的字体样式 oblique 倾斜的字体样式 inherit 从父元素继承的样式 我们看一下不同取值的效果如何: HTML代...

2019-02-18 21:20:54

阅读数 66

评论数 0

createDocumentFragment()用法总结

createDocumentFragment()方法,是用来创建一个虚拟的节点对象,或者说,是用来创建文档碎片节点。它可以包含各种类型的节点,在创建之初是空的。 DocumentFragment节点不属于文档树,继承的parentNode属性总是null。它有一个很实用的特点,当请求把一个...

2019-02-15 11:19:52

阅读数 35

评论数 0

react-datepicker组件依赖date-fns实现国际化功能时遇到的问题以及解决方法

react时间选择组件react-datepicker的功能非常强大,基本能达到你想要的效果。这里记录一下该时间选择组件实现国际化(多语言)的功能中遇到的问题以及解决方法。先看一下官方给出的解决方法: 从上面的的文档中我们可以知道react-datepicker要实现国际化功能是需要依赖date...

2019-02-01 20:32:48

阅读数 308

评论数 0

React子组件间通过props进行通信

  在做基于React项目的时候,我们通常会将一个页面分割成多个可重用的组件以提高系统的可维护性,这其中常常出现子组件之间有通信的情况。举一个下订单例子: 地址选择框展开样式如下:   这里简化处理:有一个订单页面(Order.tsx),它包含了两个子组件:地址选择组件(Area.tsx,有省...

2019-01-17 20:34:28

阅读数 160

评论数 0

CSS的一些小技巧

之前做的一个笔记,在一个github上翻译而来,原文哪来的忘了。 CSS样式重置: *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } 继承box-sizing: html { ...

2019-01-14 20:54:05

阅读数 42

评论数 1

如何在JavaScript中检查字符串是否包含子字符串?

本文根据StackOverflow的问题How to check whether a string contains a substring in JavaScript?中的高票回答翻译得来。 以下是当前可行的方法: ES6—includes()方法 let string = 'foo', ...

2018-12-24 15:13:07

阅读数 84

评论数 0

前端页面对后端数据的换行显示

有时我们会遇到这种情况,后端传递了一大段包含了换行符的文本内容,在React中,我们直接将这部分内容展示的话,并不会出现换行的效果。如下例子: /* content为从后端获取的数据,例如: content=`hello world! hello world!hello world! ...

2018-12-20 20:40:46

阅读数 1232

评论数 0

提示
确定要删除当前文章?
取消 删除