前端
关注
分享
扫一扫
横石拦浪
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2021问题记录
1.如何设置容器居中 margin:0 auto;原创 2021-05-23 16:12:46 · 204 阅读 · 0 评论 -
Vue CLI的使用
安装vue CLI npm install -g @vue/cli 查看vue CLI的版本 vue -V 创建vue工程 vue create project 选择模板 项目文件说明 package,json内有vue的版本信息原创 2021-05-23 01:24:45 · 269 阅读 · 0 评论 -
创建react工程与引入antd
创建create-react-app工程 npx create-react-app my-app 引入antd npm 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 · 215 阅读 · 0 评论 -
CSS笔记
CSS盒模型 Content box: 这个区域是用来显示内容，大小可以通过设置 width 和 height. Padding box: 包围在内容区域外部的空白区域； 大小通过 padding 相关属性设置。 Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。 Margin box: 这是最外面的区域，是盒子和其他元素之间的空白区域。大小通过 margin 相关属性设置。 注: margin 不计入实际大小 —— 当然，它会影响盒子在页面所占空间，但是影响的是盒子外部原创 2020-07-14 15:57:26 · 174 阅读 · 0 评论 -
JS笔记
定义：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring） const { date } = this.state; //等价于 const date = this.state.date原创 2020-07-14 11:48:07 · 129 阅读 · 0 评论 -
react入门笔记
Hello world ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') ); JSX const element = <h1>Hello, world!</h1>; 既不是字符串也不是html的标签 在JSX中嵌入表达式 const name = 'Josh Perez'; const element = <h1>Hello, {name}原创 2020-07-13 11:19:51 · 169 阅读 · 1 评论 -
echart笔记
从镜像网站下载源码后 进入shell,执行npm install 再执行npm run build 即可生成dist 然后可以在html中引入echart.js Echart的基础概念： echarts 实例。一个网页中可以创建多个 echarts 实例。每个 echarts 实例 中可以创建多个图表和坐标系等等（用 option 来描述）。准备一个 DOM 节点（作为 echarts 的渲染容器），就可以在上面创建一个 echarts 实例。每个 echarts 实例独占一个 DOM 节点。 系列。系列.原创 2020-07-12 23:17:52 · 283 阅读 · 0 评论 -
Vue脚手架
原创 2020-03-01 03:24:29 · 99 阅读 · 0 评论 -
Vue的学习笔记(组件化）
Vue的组件化就是将一整块复杂的处理逻辑拆分成一个个功能块，每个功能块完成属于自己这块独立的功能，这样易于管理和扩展。 组件的使用： （1）创建组件构造器 （2）注册组件 （3）使用组件 基本用法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta...原创 2020-01-20 13:16:42 · 179 阅读 · 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 · 207 阅读 · 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 · 1285 阅读 · 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 · 229 阅读 · 0 评论