- 博客(32)
- 资源 (6)
- 收藏
- 关注
原创 flex布局
设置父元素的布局为flex,后续的子元素都按此来排序 display: flex;【1】默认的主轴是x轴,元素跟着主轴来排列【2】设置y轴为主轴,那么x轴就成为了侧轴:flex-direction:column;【3】justify-content:设置主轴上子元素的排列方式1)设置主轴上子元素的排列方式,默认从头部开始,如果主轴是x轴,既从左到右,如果2) 以下属性值,不设置默认为flex-startflex-start:默认从头部开始,如果主轴是x轴,既从左到右,如果
2022-06-15 11:14:23 2607
原创 js基础知识
【1】字符串1.js里面字符串可以用单引号‘’也可以双引号“”,但是为了区分html的属性为“”故js用‘’来表示字符串比较多2.js字符串里面可以嵌套单双引号,遵循“外单内双”或外双内单3.js转义字符包含在引号里面,比如换行\n var arr = 'qqq\n"sss"' console.log(arr);......
2022-06-15 11:14:04 105
原创 elemenet ui使用手册
【1】修改表格表体内容的背景颜色,除表头和合计行外.el-table__body-wrapper { tr { background-color: red !important; }}或者:row-style="{ background: '#2a3049', color: '#fff' }"【2】将合计行展示到除标题外的第一行.el-table { display: flex; flex-direction: column;}.el-table_.
2022-06-15 11:13:44 318
原创 网页布局(标准流布局+浮动布局+flex布局)
【1】标准流标签按照固定的方式进行排列1.块级元素独占一行,从上往下排列常用元素:div,hr,p,h1-h6,ul,ol,form,table2.行内元素会按照顺序从左至右排列,碰到父元素边缘则自动换行常用元素:span,a,em【2】浮动1.浮动的元素会脱离标准流,浮动的盒子不再保留原来的位置,这个盒子让其他标准流的盒子来占用。2.设置浮动,是将盒子的上沿自动平齐,浮动的元素仅仅贴在一起,中间不会有间距,如果屏幕变小,屏幕装不下的话,盒子会往下挤,想要给浮动之间的元素设置
2022-06-15 11:13:20 501
原创 路由导航总结
【1】this.$router是路由的导航对象提供了如下方法:1)this.$router.push('hash地址'):跳转到指定的hash地址并增加一条历史记录使用方法:在组件里面添加一个按钮,然后给按钮添加点击事件,在点击事件里面设置this.$router.push('hash地址')即可跳转到对应的hash地址界面2)this.$router.replace('hash地址'):跳转到指定的hash地址并不增加一条历史记录,使用方法同上。3)this.$router.g
2022-06-15 11:12:46 343
原创 jmeter介绍及操作
【1】jmeter文件目录介绍【2】修改语言【3】写脚本的过程组件和元件的关系:元件:多个类似功能组件的容器(类似于类)组件:容器中实现独立的某个功能(类似于方法)【4】作用域【5】执行顺序.......................................
2022-05-19 16:35:29 636
原创 配置本地IIS服务器以及查看是否配置成功
【1】在文件里面右键属性打开控制面板【2】在控制面板里面打开程序和功能, 然后打开“启用或关闭windows功能”然后找到IIS,把其全部勾选即可【3】验证:选中电脑,右键点击“管理”【4】看显示电脑名字是否和本机电脑名字是否一致【5】添加网站【6】 绑定完成点击浏览即可...
2022-05-16 16:50:45 2370
原创 python和pycharm在windows的环境配置安装以及用pycharm写代码
【1】前提:建议安装版本》=3.6【2】安装步骤:1 windows安装python解释器,在以下路径下载最新的python解释器Python Releases for Windows | Python.org下载后,双击,然后选择勾选框,直接安装即可。2 安装pycharm:pycharm可以装可以不装,电脑里面有IDE(VCSODE等也行)集成开发环境即可下载安装路径Download PyCharm: Python IDE for Professiona.
2022-05-13 15:53:19 309
原创 vue2.0自定义指令的基础用法
声明一个color的自定义组件,并给使用这个组件的dom绑定样式,bind是给指定绑定方法及属性的。当指令第一次被绑定到元素上时,就会触发bind函数。 directives:{ color:{ bind(el){ // el为形参,为版本了该自定义指定的dom el.style.color='red' } } }使用自定义组件最终呈现结果也可以给bind添加参数...
2022-04-25 10:43:06 1116
原创 vue项目中使用flexible.js和rem进行适配
【1】下载flexible.jsnpm i -s lib-flexible【2】在mainjs中引入import 'lib-flexible/flexible.js'【3】在nodemodule/lib-flexible/flexible.js中修改代码如下:这是按照1920px来划分的,因为分为24等份,故每份为80,故需在cssren的设置中需要将root font size改为80【4】安装cssrem【5】根据稿件像素修改值...
2022-03-24 16:54:17 1511
原创 从gitee下载的用yarn运行的vue项目如何启动
【1】如果打开文件看到有yarn-lock则说明是用yarn运行且是用yarn安装依赖的,那先用命令yarn -v看看是否有安装yarn,如果没有安装,则用cmd打开项目文件的根目录【2】在根目录运行npm install -g yarn【3】使用命令查看是否安装成功yarn -v【4】安装成功则用vscode打开项目,然后打开终端,运行yarn install安装项目需要的依赖【5】用yarn run serve启动项目...
2022-03-22 11:49:55 6376
原创 vue项目单独剥离css文件并在项目中进行引入
【1】自己项目中的css文件1)新建一个css文件,把所有的css都写到里面。注意里面不用写<style></style>2)在需要引入vue里面的<script></script>里面写入引入路径即可
2022-03-11 09:36:03 1456
原创 echarts的treemap如何给展示出来的内容添加百分比
drawline4() { this.chartColumn4 = echarts.init(this.$refs.refcolumn4); // this.chartColumn1.clear(); this.chartColumn4.setOption({ title: { text: "", left: "center", textStyle: { fontSize.
2022-03-10 11:14:36 1541
原创 vue2获取当前时间并时时刷新显示在当前页面
【1】在一个dom元素里面放一个要显示的时间<div class="updatetime">更新时间:{{ nowDate }}</div>【2】在data里面定义一个nowDate和一个定时器data() { return { nowDate: null, nowtimer: "",}【3】在methods里面写一个获取当前时间的方法: methods: { gettime() { this.now
2022-03-10 11:08:15 3221
原创 vuejs里面全屏插件screenfull的使用
【1】下载安装npm install screenful -s【2】在项目vue中配置import screenfull from "screenfull";【3】给按钮添加事件在methods里面定义方法: screenFull() { if (!screenfull.enabled) { this.$message({ message: "不支持全屏", type: "warning",
2022-02-28 11:45:47 812
原创 vuejs时间插件moment的使用以及获取当前日期和往前推30天
【1】下载npm install moment -s【2】mainjs里面注册import * as moment from 'moment'Vue.prototype.$moment = moment【3】使用凡是注册时用的是vue.prototype使用时都需要加this.$
2022-02-28 11:40:22 3372
原创 css中a标签的使用,实现小米左侧列表显示效果
显示效果为代码<style> a { /* a元素要想设置宽度高度并且独占一行,得将这个行内元素设置为快元素 */ display: block; height: 30px; width: 100px; background-color: antiquewhite; /* a里面文字的颜色 */ color: aqua; /* 去除a链接的下划线
2022-02-19 15:28:19 185
原创 html+css
<!DOCTYPE html>:表明用的是html5 zh-CN en meta charset="UTF-8"使用万国码,全世界所有国家需要用到的字符 <strong></strong>或者<b></b>加粗 <em></em>或 <i></i>倾斜 <del> </del> <s> </s>删除线 <ins>..
2022-02-19 11:17:48 280
原创 echarts设置主标题和副标题文本居中
必须设置left属性。设置textAlign属性不管用title: { text: "XXX", left: "center", },
2022-02-18 14:05:54 2787 1
vue项目大屏看板前端,工单关闭看板前端
2022-05-24
C++从入门到精通-C++语言基本要素学习视频
2018-06-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人