前端
横石拦浪
这个作者很懒,什么都没留下…
展开
-
2021问题记录
1.如何设置容器居中 margin:0 auto;原创 2021-05-23 16:12:46 · 157 阅读 · 0 评论 -
Vue CLI的使用
安装vue CLInpm install -g @vue/cli查看vue CLI的版本vue -V创建vue工程vue create project选择模板项目文件说明package,json内有vue的版本信息原创 2021-05-23 01:24:45 · 242 阅读 · 0 评论 -
创建react工程与引入antd
创建create-react-app工程npx create-react-app my-app引入antdnpm install antd --save安装按需引入的插件npm install babel-plugin-import --save-dev暴露配置npm run eject然后再根目录的package.json加个字段"babel": { "presets": [ "react-app" ], "plugins": [原创 2020-07-16 02:42:10 · 181 阅读 · 0 评论 -
CSS笔记
CSS盒模型Content box: 这个区域是用来显示内容,大小可以通过设置 width 和 height.Padding box: 包围在内容区域外部的空白区域; 大小通过 padding 相关属性设置。Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。大小通过 margin 相关属性设置。注: margin 不计入实际大小 —— 当然,它会影响盒子在页面所占空间,但是影响的是盒子外部原创 2020-07-14 15:57:26 · 149 阅读 · 0 评论 -
JS笔记
定义:ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)const { date } = this.state;//等价于const date = this.state.date原创 2020-07-14 11:48:07 · 110 阅读 · 0 评论 -
react入门笔记
Hello worldReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root'));JSXconst element = <h1>Hello, world!</h1>;既不是字符串也不是html的标签在JSX中嵌入表达式const name = 'Josh Perez';const element = <h1>Hello, {name}原创 2020-07-13 11:19:51 · 145 阅读 · 1 评论 -
echart笔记
从镜像网站下载源码后进入shell,执行npm install再执行npm run build即可生成dist然后可以在html中引入echart.jsEchart的基础概念:echarts 实例。一个网页中可以创建多个 echarts 实例。每个 echarts 实例 中可以创建多个图表和坐标系等等(用 option 来描述)。准备一个 DOM 节点(作为 echarts 的渲染容器),就可以在上面创建一个 echarts 实例。每个 echarts 实例独占一个 DOM 节点。系列。系列.原创 2020-07-12 23:17:52 · 224 阅读 · 0 评论 -
Vue脚手架
原创 2020-03-01 03:24:29 · 70 阅读 · 0 评论 -
Vue的学习笔记(组件化)
Vue的组件化就是将一整块复杂的处理逻辑拆分成一个个功能块,每个功能块完成属于自己这块独立的功能,这样易于管理和扩展。组件的使用:(1)创建组件构造器(2)注册组件(3)使用组件基本用法:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta...原创 2020-01-20 13:16:42 · 152 阅读 · 0 评论 -
json-server的基本使用
json-server是一个可以在本地运行存储json数据的服务器。基本使用:启动服务器,命令行输入:$ json-server --watch --port 3000 db.json然后访问http://localhost:3001/db即可访问json数据的全部内容访问http://localhost:3001/data1(数组名)即可访问json数据某个数组内的内容。...原创 2019-12-29 22:38:03 · 168 阅读 · 0 评论 -
Ajax获取json数组并用vue生成表格
今天尝试前后端分离,用Ajax结合Vue框架获取springMVC生成RestfulAPI的数据,JSON数组是由一个List对象生成的。最后生成的JSON数据的格式大概是这样的,里面主要是天气数据的信息和站点信息:[{“id”:null,“stationId”:“59488”,“year”:“1962”,“month”:null,“day”:null,“temAVG”:"22.5 ",“tem...原创 2019-11-01 18:12:28 · 1241 阅读 · 0 评论 -
Vue中调用百度地图api HelloWorld
今天尝试用Vue调用百度地图的api,看了很多文章没有讲的清楚的。尝试了一下,总算成功了,下面是html:<!DOCTYPE html><html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><meta http-equiv="...原创 2019-11-03 02:28:50 · 194 阅读 · 0 评论