知识点
文鼎鼎
What are you waiting for? Just do it!
展开
-
一些css属性
去掉textarea 右下角图标 resize: none;如下图默认右下角有小图标加个样式: resize: none;就可以了:修改input元素placeholder样式的方法我们时常需要跟input输入框打交道,很多情况下都要对placeholder的内容进行修改,例子:{/* React的写法 */}<input type="text" placeholder={'placeholder'}/>默认情况下的显示如下:我们是没法直接对input元素设置样式来更改原创 2020-09-27 23:35:17 · 81 阅读 · 0 评论 -
reacthook初体验1
使用 State Hookimport React, { useState } from 'react';function Example() { // 声明一个叫 "count" 的 state 变量 const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={()转载 2020-09-04 23:43:20 · 108 阅读 · 0 评论 -
-webkit-line-clamp 多行文字溢出...
CSS代码:.box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}HTML代码:<div class="box"> 多行文字溢出 多行文字溢出 多行文字溢出 多行文字溢出 多行文字溢出 多行文字溢出 多行文字溢出 多行文字溢出</div>效果:原创 2020-09-04 22:58:00 · 196 阅读 · 0 评论 -
localStorage、sessionStorage的储存、取出、删除、修改使用方法
localStorage的方法1:存储数据localStorage.setItem('id','001')2:取出数据localStorage.getItem('id')3:删除存储数据localStorage.removeItem('id')4:更改数据localStorage.setItem('id','002')sessionStorage的方法1.保存数据语法:sessionStorage.setItem("key", "value");2.读取数据语法:sess原创 2020-09-03 23:33:58 · 2028 阅读 · 0 评论 -
Array.isArray()
Array.isArray() 用于确定传递的值是否是一个 Array。Array.isArray([1, 2, 3]); // trueArray.isArray({foo: 123}); // falseArray.isArray("foobar"); // falseArray.isArray(undefined); // false语法Array.isArray(obj)参数obj需要检测的值。返回值如果值是 Array,则为true; 否则为false。原创 2020-09-03 23:18:01 · 1650 阅读 · 0 评论 -
ES6,Array.fill()函数的用法
ES6为Array增加了fill()函数,使用制定的元素填充数组,其实就是用默认内容初始化数组。该函数有三个参数。arr.fill(value, start, end)value:填充值。start:填充起始位置,可以省略。end:填充结束位置,可以省略,实际结束位置是end-1。例如:1.采用一默认值填初始化数组。const arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]arr1.fill(7)console.log('%s', arr1)2原创 2020-09-01 22:18:07 · 256 阅读 · 0 评论 -
CSS3: calc计算属性
前言正如其名,calc是css3中新增的计算属性,让很多属性增加了一个表达式的说法;标准的写法: .class{ /* area: expression; */ width:calc(); padding:calc(); margin-top:calc(); ... }兼容性基本理论calc可以做用于任何具有大小的东东,比如border、margin、pading、font-size和width等属性设置动态值支原创 2020-08-18 23:42:19 · 816 阅读 · 0 评论 -
iframe的初体验
iframe基本概念<iframe src="demo.html" height="300" width="500" name="demo" scrolling="auto" sandbox="allow-same-origin"></iframe>iframe的一些基本属性:src iframe页面地址,有同域跨域之分height iframe高度width iframe宽度name iframe命名,可通过window.frames[xxx]被调用scrollin原创 2020-08-18 23:35:33 · 185 阅读 · 0 评论 -
Git常用命令及方法大全
主要涉及到几个地方:Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库一、新建代码库 # 在当前目录新建一个Git代码库$ git init # 新建一个目录,将其初始化为Git代码库$ git init [project-name] # 下载一个项目和它的整个代码历史$ git clone [url]二、配置Git的设置文件为.gitconfig,它可以在用户主目录下(全局配置),也可以在项目目录下原创 2020-08-11 23:57:21 · 667 阅读 · 0 评论 -
react的受控于非受控组件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/react.development.j原创 2020-08-10 23:14:38 · 95 阅读 · 0 评论 -
react中的state
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./js/react.development.j原创 2020-08-10 22:52:33 · 92 阅读 · 0 评论