HTML笔记

HTML笔记

create-react-app创建的项目使用css-module问题整理

Deshun 发布于 3年前 (2021-08-22) 1709℃ 评论(0) 赞 (0)

create-react-app 项目使用css-module及问题整理使用 create-react-app 创建的 React TypeScript 项目,如何以 Module 的形式引入 css 呢?正常情况可以这样引入:import './index.scss';但是像下面这样:import styles from './in...

HTML笔记

React Hooks笔记:useState、useEffect和useLayoutEffect

Deshun 发布于 3年前 (2021-08-17) 1438℃ 评论(0) 赞 (0)

React HooksHook 是 React 16.8 的新增特性,可以让你在函数组件中使用 state 以及其他的 React 特性。从概念上讲,React 组件一直更像是函数。而 Hook 则拥抱了函数,同时也没有牺牲 React 的精神原则。优点代码可读性更强,原本的写法同一块功能的代码逻辑被拆分在了不同的生命周期函数中,不利于维护和迭代,通过 React Hooks 可以将功能代码聚合,...

HTML笔记

行内元素、块级元素和行内块级元素的区别和联系

2

Deshun 发布于 4年前 (2021-03-17) 2565℃ 评论(0) 赞 (0)

行内元素、块级元素和行内块级元素的区别和联系

HTML,也叫“超文本标记语言”,其元素无非就是行内元素、块级元素和行内块级元素。行内元素:行内元素只占据它对应边框所包含的空间,行内元素的 width 、 height 、 line-height 等设定长、宽和行高的属性都不起作用。但是 padding 内边距可以起作用, m...

HTML笔记

JavaScript数组操作:从任意位置插入元素及合并

Deshun 发布于 4年前 (2020-12-15) 1563℃ 评论(0) 赞 (0)

对于前端来说,操作数组是难免会用到的,下面整理了在数组任意位置插入元素的方法:splice() 方法添加/删除数组中的元素,我理解为是替换数组中的项目。语法:arr.splice(index, howmany , 'item1', 'item2', ...)index 插入/删除的位置(下标)howmany 需要删除...

HTML笔记

JavaScript trim()方法 删除字符串的头尾空白符

Deshun 发布于 4年前 (2020-12-13) 2041℃ 评论(0) 赞 (1)

JavaScript trim()去除字符串头尾的空格trim() 方法用于删除字符串的头尾空白符,空白符包括:空格、制表符 tab、换行符等其他空白符等。trim() 方法不会改变原始字符串。trim() 方法不适用于 null, undefined, Number 类型。语法:string.trim()实例:var str = "  ...

HTML笔记

Ant Design Vue引入Form组件样式不显示的解决方法

2

Deshun 发布于 5年前 (2019-11-20) 6707℃ 评论(0) 赞 (1)

Ant Design Vue引入Form组件样式不显示的解决方法

使用 vue-cli 安装 Ant Design Vue 的 Form 组件,发现不能用,组件样式不显示。此处省略了安装和初始化的步骤,需要的点击上方链接,直接在 Ant Design 官网查看教程。在 main.js 中全局引入:import { ...

HTML笔记

JavaScript判断浏览器内核,微信打开自动提示在浏览器打开

1

Deshun 发布于 5年前 (2019-11-18) 4564℃ 评论(0) 赞 (4)

JavaScript判断浏览器内核,微信打开自动提示在浏览器打开

微信会屏蔽 URL 自定义的 scheme ,导致无法跳转手机中的浏览器。网上有一些工具类网站可以实现直接跳转浏览器,之后有机会我会整理一下。我们今天只讨论通过 JavaScript 判断是否在微信浏览器中打开,如果是则弹出提示,在浏览器中打开。我首先在 body 中写...

HTML笔记

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

2

Deshun 发布于 5年前 (2019-10-28) 6040℃ 评论(0) 赞 (2)

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的 DatePicker 日期组件时遇到一个问题,其中有一些按钮显示英文,如下图所示:官方给出了设置中文的方法,称之为“国际化配置”:默...