从开始到放弃，一起学JavaScript

摘要： markLine 可以单独写在一个对象里，也可以接在其它数据下面，如果将 markLine 单独写在一个对象里，就必须加 type ，不然报错。 markLine 的 data 和其它 data 一样，也可以单独设置样式。 markLine 可以在 X 轴上，也可以在 Y 轴上 （竖向、横向）。 s 阅读全文

摘要： 场景： 需要在<input/>控制输入的内容为数字（包括小数点） inputOnChange = (value) { //只能输入 数字 或者 . value = value.replace(/[^0-9.]/g, "").trim() //value = value.includes(".") ? 阅读全文

摘要： 前端性能优化主要分为几个维度： 1. 网络请求层面的优化 减少 http 的请求次数和大小 资源的合并压缩【例如：CSS合并为一个、JS合并为一个、雪碧图 --> webpack】 CSS 代码不多的情况下采用内嵌式 图片音视频的懒加载【首次渲染页面，减少 HTTP 请求，以此来优化白屏等待时间，当 阅读全文

摘要： 问题1：父元素没有被子元素撑开？ 解决：保证父元素没有 宽度/高度 限制，溢出隐藏，还不行的话，给父元素加浮动：float:left 溢出生成滚动条：overflow-x: scroll overflow-y: scroll 改变滚动条的样式：xxx::-webkit-scrollbar{...} 阅读全文

摘要： 1. 利用 transform：scale() 进行缩放 p: { font-size: 12px; -webkit-transform: scale(0.75); //缩小 } 2. 矢量图标签 <div style="font-size: 5px; width: 80px; height: 20 阅读全文

摘要： @常用字体对应表： HTML，CSS，font-family：中文字体的英文名称 宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB 阅读全文

摘要： 当页面缩放，或者盒子尺寸改变的时候，我们会发现 Echart 的位置和大小就不再合适，这里提供两个解决办法： 办法1： 监听 window 的 resize 事件 componentDidMount() { this.chartDom = document.getElementById(this.p 阅读全文

摘要： ES6 的 switch 跟 if 差不多，当某个固定的变量或者属性会发生变化的时候使用。 注意：每个 case 完都要用 break（在函数中可以用return）终止switch，不然会穿透（当前成立的条件之后的代码（包括下面的case）都会执行） 例子 let res = 2; let rese 阅读全文

摘要： 方式一： 全局样式使用 rem 布局。 在根文件使用以下代码：动态改变根节点 html 的 fontSize 值 componentDidMount() { this.rem() } rem = () => { //改变根节点的 (() => { let that = this function c 阅读全文

摘要： 问题：后端返回的数据中包含了 html 标签（比如：<br/> 、 \n)，展现到页面的时候无法正确识别转化， 关键字：识别HTML标签、 解决：比如： <span style={{whiteSpace: "pre-wrap"}} dangerouslySetInnerHTML={{ __html: 阅读全文