前端学习笔记

取消eslint 校验代码

1.Ajax的语法：$.ajax({name:value, name:value, ... })

2.子级div受父级div的opacity（不透明度）的影响，解决办法，将父级div内的background的参数改为RGB的格式

background-color:rgba(0,0,0,0.5)

3.uniapp横向滚动

<template>
    <view class="content">
        <scroll-view scroll-x="true" class="scroll">
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
            <view class="box">
                <image src="http://b-ssl.duitang.com/uploads/item/201703/01/20170301163305_sCd8j.gif" class="images"></image>
                <view>作品 123445</view>
                <view>联系电话 134****4152</view>
            </view>
        </scroll-view>
    </view>
</template>
 
 
<script>
    export default {
        data() {
            return {
 
            }
        },
        methods: {
 
        }
    }
</script>
 
<style scoped>
    .content {
        padding: 0 30upx;
    }
 
    .scroll {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
 
    .box {
        display: inline-block;
        width: 520upx;
        height: 600upx;
        background: #0062CC;
        margin-right: 30upx;
    }
 
    .box:last-child {
        margin-right: 0;
    }
 
    .images {
        width: 520upx;
        height: 360upx;
        border-radius: 16upx;
    }
</style>

4.MySQL5.6输入密码后闪退

解决方法：手动启动MySQL的服务，然后返回从新打开MySQL，然后输入密码回车即可使用

5.MySQL常用的命令语句

查看所有数据库:show databases;

选择数据库：use 数据库名称;

查看选中数据库的有哪些表格：show tables;

查看数据库中表格的具体信息：select * from 表格名称;

6.

.text-overflow{     display:block;           /*  内联对象需加  */     width:31em;     word-break:keep-all;    /* 不换行 */     white-space:nowrap;     /* 不换行 */     overflow:hidden;       /* 内容超出宽度时隐藏超出部分的内容 */     text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...)；需与overflow:hidden;一起使用。*/ }

对于表格，定义有点不一样：

1 2 3 4 5 6 7 8 9 10 11

table{     width:30em;     table-layout:fixed;      /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } td{     width:100%;     word-break:keep-all;     /* 不换行 */     white-space:nowrap;      /* 不换行 */     overflow:hidden;         /* 内容超出宽度时隐藏超出部分的内容 */     text-overflow:ellipsis;  /* 当对象内文本溢出时显示省略标记(...)；需与overflow:hidden;一起使用。*/ }

注：这个只对单行的文字的效，如果你想把它用在多行上，也只有第一行有作用的。 这个写法只有IE会有“...”，其它的浏览器文本超出指定宽度时会隐藏。