JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境提供的底层 API。 目前,已经嵌入 JavaScript 的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境,也就是 Node 项目。
落霞与孤鹜齐飞 LV5
今晚简单写下,高亮关键字是怎么做的我这里用正则 + dangerouslySetInnerHTML 简单写一下 const [txt, setTxt] = useState('我们都有一个家,名字叫中国,我们是一个祖国') const [oriTxt] = useState('我们都有一个家,名字叫中国,我们是一个祖国') const enterKey = e => { if( e.keyCode === 13 && e.target.value) { const a
7月19日 阅读 10 点赞 1 评论 0 阅读 10 点赞 1 评论 0
大概也就是浮动、定位、弹性布局之类的不多说了。 现在是2021年7月17日,是2021年,不是网络上有的文章说的那种2102年或者1202年或者1902年啥的,2021年没有那么多要搞兼容的,弹性布局,网格布局都能解决这些问题了。 主要写下广为流传的圣杯布局和双飞翼布局。主要还是要认识下定位盒子模型边距这些用法。leftcenterright我这里和别的文章不同的是,就是要把center放在中间。 实现就是父元素的padding抵消子元素的负数margin。.column3 { ove
7月17日 阅读 11 点赞 0 评论 0 阅读 11 点赞 0 评论 0
两列布局leftright左边定宽,右边自适应浮动宽度 + 正常流左外边距.column2 { border: 1px solid #00f; .left { float: left; width: 200px; background-color: #f00; } .right { margin-left: 200px; background-color: #0f0;>自适应的绝对定位.column2 { border: 1px s
7月17日 阅读 6 点赞 0 评论 0 阅读 6 点赞 0 评论 0
正常的 Increment 和 Decrement改变 Display 的 countimport React, { useState } from 'react' function Display(props) { return Counter value : {props.counter} } function Increment(props) { return props.addToCounter(1)}>Increment } function Decrement(pro
7月11日 阅读 6 点赞 0 评论 0 阅读 6 点赞 0 评论 0
正常的 Increment 和 Decrement改变 Display 的 countimport React, { useState } from 'react' function Display(props) { return Counter value : {props.counter} } function Increment(props) { return props.addToCounter(1)}>Increment } function Decrement(pro
7月11日 阅读 2 点赞 0 评论 0 阅读 2 点赞 0 评论 0
正常的 Increment 和 Decrement改变 Display 的 countimport React, { useState } from 'react' function Display(props) { return Counter value : {props.counter} } function Increment(props) { return props.addToCounter(1)}>Increment } function Decrement(pro
7月11日 阅读 17 点赞 1 评论 2 阅读 17 点赞 1 评论 2
JS有哪些错误先来认识 Error 实例对象和其属性var err = new Error("go wrong") console.log(err.message) console.log(err.name) console.log(err.stack) throw err>原生错误对象SyntaxError 语法错误var 1a var err = new SyntaxError("语法错误") throw err;>ReferenceError 不存在a // Uncaught Refere
7月11日 阅读 7 点赞 1 评论 0 阅读 7 点赞 1 评论 0
主要用到了ant design ^3.26.20 (老项目) 的 组件import React from 'react' import { TreeSelect } from 'antd'; const { SHOW_PARENT } = TreeSelect; const treeData = [ { title: '北京', value: 'b010', key: 'b010' }, { title: '四川', value: 's28
7月4日 阅读 9 点赞 0 评论 0 阅读 9 点赞 0 评论 0
到底用单引号还是双引号?到底代码行结束是否需要分号?到底用两个空格还是四个空格?团队中经常有这样的分歧,看到和自己的规范不一样的代码总是浑身不自在。于是出现了ESLint来统一规范ESLint 通过静态代码分析可以快速发现代码中的问题,并且 ESLint 发现的很多问题都可以自动修复,团队还可以定制 ESLint 检查规则下面重点说下ESLint配置新建一个目录运行 npm init -y 生成 package.json 文件运行 npm install eslint —save-dev运行 n
7月3日 阅读 13 点赞 1 评论 0 阅读 13 点赞 1 评论 0
如何用纯css实现文字展开收起并且自适应滚动的效果,可以结合上一篇文字实现优美滚动条 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”(script language),指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境提供的底层 API。 目前,已经嵌入 JavaScript 的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境,也就是 Nod
7月2日 阅读 11 点赞 1 评论 0 阅读 11 点赞 1 评论 0