- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue中echarts的使用以及与elementui-select的协同绑定
vue中echarts的使用以及与elementui-select的协同绑定1.vue中echarts的使用引入echarts后let myChart = echarts.init(document.getElementById('dsm'));//dsm为绑定的dom结构 var option = { //backgroundColo...
2020-03-27 14:54:46
1829
2
原创 使用display：inline-block实现一行内多个div
使用display：inline-block实现一行内多个div使用float需要照顾到其他父子div的感受，使用display：inline-block可以完美实现此功能，配合使用width：33.33%即可实现三列分布。其他父子div模块也不会跑偏如：效果为：...
2020-03-23 17:06:54
437
原创 设置此下拉框打开时其他下拉框关闭 && 利用CSS完成下拉框的动态打开
**1.设置此下拉框打开时其他下拉框关闭**2.利用CSS完成下拉框的动态打开利用transition设置动画
2020-03-16 20:40:16
340
原创 配置前端环境
1.安装node.js git 仓库2.cmd命令行中确认node.js是否安装成功 node -v3.安装vue cli 命令行中输入npm install -g @vue/cli安装完成
2020-03-15 15:44:09
116
原创 vue中全局组件的使用
全局组件的使用方法项目中，有许多变量及方法需在多个组件中使用。那么将他们写在一个组件中，如果不使用全局变量，需要在每个使用的组件中对他们进行引用，较为麻烦。 将他们定义为全局变量，即可在任意组件中使用。eg：在main.js中引入该组件如此这般，即可在其它组件中，通过this.$comjs.方法 直接使用。...
2020-03-02 11:53:35
524
原创 vue中子组件传值的默认值情况
当父组件中的content值没有传入时，子组件利用default属性设置默认值，此情况时，页面会显示default value。当传入content的值时，default属性的默认值不生效，界面显示为：...
2020-02-19 10:22:54
6693
原创 cesium取消默认图标显示
cesium面板显示去除图标所用方法：<body> <div id='mmCesium' style="height: 100%;"></div> <script type="text/javascript"> var viewer = new Cesium.Viewer('mmCesium',{ geocoder:fals...
2019-12-31 14:35:03
1968
1
原创 记录cesium实现情况
**1.同时使用谷歌浏览器打开官网最新版本（1.6.4）的cesium，使用http-server服务打开和使用local本地打开的区别。**1.指令不同：使用http-server打开需要实行：npm install -g http-server后，再输入http-server。使用local本地打开，第一次需要实行：npm install ，npm run release ， npm ...
2019-12-18 20:22:21
273
原创 在组件上绑定原生事件
区分在元素上绑定原生事件与在组件上绑定事件的区别vue基础结构：<body> <div id="root"> <child ></child> </div> <script> Vue.component('child', { template:'<div>Child&l...
2019-12-12 11:10:36
234
原创 解决轮播图自动滚动的问题
轮播图如果自动滚动，设置swiper 的options定义。在data中，设定swiperoption的autoplay：false。即可搞定！！！！！！！
2019-12-11 17:30:31
954
原创 解决axios获取数据后轮播图默认显示最后一张图片的问题
原因：axios传值后，是先根据空数组创建的，就会默认显示整个页面中的最后一个页面。解决方法：将swiper的初次创建由完整的数据创建，而不是用空数组进行创建，在swiper轮播中，加入v-if=''list.length''，当传过来的值是空数组的时候swiper不会被创建，只有等真正的数据过来后，swiper才会被创建。<template> <div class="...
2019-12-11 17:20:49
509
原创 vue去哪儿项目实战笔记1
1.样式中去引用样式，需要用到@如在header.vue中引用varibles.styl，需要@import’…/…/…’2.父 display:flex子 flex：1 代表撑开盒子剩下的部分3.轮播用到：vue-awesome-swiper 在github中搜索4.css中固定宽高比： overflow: hidden height:0 padding-bottom: 固定...
2019-12-11 16:41:32
224
原创 git常用指令
npm run start 启动项目1.git status:查看文件状态，这个可以查看你修改了哪些文件内容2.git add:添加你要修改的文件到缓存区3.git commit:交修改的文件内容由缓存区真正提交到远程的码云仓库4.git push:代码推送到远程仓库5.git commit这个指令也可以添加一个-m选项，可以描述你这修改的内容是啥主题6.总结一下，提交代码到远程仓库...
2019-12-11 16:22:29
105
原创 vue变异方法
vue中变异方法总结（1）变异方法:改变原数组，使页面实时渲染 push() 往数组最后面添加一个元素，成功返回当前数组的长度。 pop() 删除数组的最后一个元素，成功返回删除元素的值。 shift() 删除数组的第一个元素，成功返回删除元素的值。 unshift() 往数组最前面添加一个元素，成功返回当前数组的长度。 splice() 有三个参数，第一个是想要删除的元素的...
2019-12-09 14:26:20
824
原创 css中需要注意的事项
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 导入ico图标<link rel="stylesheet" href="css/normalize.css" /> 引入css初始化文件<link rel="stylesh...
2019-11-07 11:15:00
164
原创 前端学习DAY8——背景颜色
前端学习DAY8——背景颜色背景repeat : 背景图像在纵向和横向上平铺（默认的）no-repeat : 背景图像不平铺repeat-x : 背景图像在横向上平铺repeat-y : 背景图像在纵向平铺如果background-position用精确坐标，background-position：x坐标，y坐标。或者x坐标，center。背景固定：background-...
2019-09-25 17:54:16
286
原创 WEB前端DAY7——CSS复合选择器
WEB前端DAY7——CSS复合选择器一.复合选择器1.交集选择器交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，交集选择器 是 并且的意思。 即…又…的意思既是singer，又是div。用的较少，不太建议使用。2.并集选择器并集选择器 和 的意思， 就是说，只要逗号隔开的，所有选择器都会执行后面样式。3.后代选...
2019-09-24 19:42:43
266
原创 WEB前端DAY6——CSS外观样式
WEB前端DAY6——CSS外观样式1.line-height:行间距用像素单位px决定，一般情况下，行距比字号大7.8像素左右就可以了。2.text-align:水平对齐方式left：左对齐（默认值）right：右对齐center：居中对齐3.text-indent:首行缩进1em 就是一个字的宽度 如果是汉字的段落， 1em 就是一个汉字的宽度4.letter-spac...
2019-09-23 20:42:54
206
原创 WEB前端DAY5——选择器
WEB前端DAY5——选择器选择器类选择器出现较多属性时当出现多类名选择器时，只要在前面定义好，后面调用时可以连续调用，比如：3.id选择器id选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下：#id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }eg：id选择器与类选择器的区别：类选择器可以重复多次使用，多次调用。id选择器是唯一的，类似身...
2019-09-21 20:29:43
193
原创 web前端学习——DAY4-CSS-样式、font字体样式规则
web前端学习——DAY4-CSSCSS目的：让网页的结构和样式分离！CSS(Cascading Style Sheets)层叠样式表样式写在head和/head之间css注释写法：/* 注释内容 */快捷键：ctrl+shift+/注意事项：-1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。-2.属性和属性值以“键值对”的形式出现。-3.属性是对...
2019-09-19 17:27:39
630
原创 前端学习DAY-3——表格、表单
DAY-3——表格、表单一、表格1.表格的语法<table> <tr> (行标签） <td>单元格内的文字 </td>（单元格） ... </tr> ...</table>注意：-1.tatle标签中只能放tr标签，tr标签中只能放td标签。-2.td标签中可放...
2019-09-18 15:33:13
170
原创 web前端学习DAY2——路径、列表
**web前端学习DAY2——路径、列表一.路径1）相对路径当处于同一级路径时直接输入就可以当处于下一级路径时，如：需调用<img src="images/wo.jpg" />当目标处于上一级文件夹中时，如下：调用时需要用到 …/ 表示上一级，上两级用…/…/表示，三级以上以此类推。2）.绝对路径。绝对路径使用较少，了解就好。二、列表列表的目的...
2019-09-17 17:09:34
193
原创 web前端学习oneday
**学习web前端的第一天从html开始1.骨架<html> <head> <title></title> </head> <body> </body></html>2.各种标签 （1）<h1></h1>头标签<...
2019-09-16 18:50:57
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人