- 博客(14)
- 资源 (2)
- 收藏
- 关注
原创 react+webpack的小demo
搞学习!用react+webpack简单写了demo用到的知识点: map,props,state,flex布局,事件交互,fetch模拟后台请求,组件化开发,五星好评的巧妙写法可看动图:代码链接运行环境:我的话是: vscode+nodejs下载完后,执行进入根目录 : npm install 然后 npm start 就可以…...
2018-11-25 23:02:45 295
原创 style.backgroundImage找不到路径
下面这种写法一直找不到图片,路径正确 :target.style.backgroundImage='url('../../images/index/jr-content-h_bg.jpg')';改为下面这种写法就能找到了: target.style.backgroundImage='url(' + require('../../images/index/jr-content-h...
2018-11-22 15:38:06 1240
原创 简单的flex布局
下定决定心好好学CSS,CSS真是要去感受它的存在!flex布局,刚开始像阅读一样看,看不明白..,于是就敲代码,然后就明白了,当你有不懂的地方,直接找个教程敲代码就容易懂了.如下图:固定只显示3列,超出的自动换行。 上代码: <!DOCTYPE html><html><head> <meta charset="ut...
2018-11-21 23:51:03 188
原创 import和export的用法
import概念 : import语句用于导入由另一个模块导出的绑定。无论是否声明了strict mode,导入的模块都运行在严格模式下。import语句不能在嵌入式脚本中使用。语法 :`import defaultExport from "module-name";//导入使用默认导出名称的导出 import * as name from "module-name";//导入带有...
2018-11-17 17:53:02 4830
原创 ES6的展开运算符
如果你使用过nodejs过,可以复习复习.常用的:1. 合并两个数组(拼接):2.拷贝数组: 3.放在Math函数中 4. 解构中
2018-11-14 22:55:50 215
原创 React中的bind
作用:需要在事件处理程序中访问父组件,同样需要把该函数绑定到组件。如何将函数绑定到组件实例,可以使用以下几种方法:1.Constructor中绑定(ES2015)constructor(props) { super(props); this.handleClick = this.handleClick.bind(this); }2.在Render中使用bind...
2018-11-13 23:56:17 1984 1
原创 react中的map遍历
constructor(props) { super(props); this.state = { list:[ 'learn react', 'learn english' ] } } render() { //jsx语法 return ( <div> ...
2018-11-13 23:27:49 20255 4
原创 vscode设置中文
1、找到setting.json文件(文件-首选项-设置,并且换到setting.json)添加: "locale":"zh-CN",接着安装下面这个插件,重启就OK:
2018-11-13 12:43:09 256
原创 JavaScript重定向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2018-11-07 23:41:28 1092
原创 中间宽度固定,两边自适应
小白<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA
2018-11-03 13:25:29 522
原创 前端解决传入后台的中文乱码问题
判断是否是中文: function Chinese(temp) { let re = /[^\u4e00-\u9fa5]/; if (re.test(temp)) return false; return true; }如下: 传入后台的中文如果是乱码...
2018-11-03 12:25:29 5330
原创 通过父元素来设置子元素垂直居中(父元素和子元素都没有固定的宽度和高度)
通过通过设置相同上下内边距padding来保持上下垂直距离一致,以及通过text-align来保持文本居中对齐<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
2018-11-01 13:25:33 951
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人