精华内容
下载资源
问答
  • 1.路由表加载模块使用方法 2.webpack.prod.conf 修改 3.效果 4.将js文件分目录打包 效果 转载于:https://juejin.im/post/5cd54cea6fb9a0322c42a924

    1.路由表加载模块使用方法

    2.webpack.prod.conf 修改

    3.效果

    4.将js文件分目录打包

    效果

    转载于:https://juejin.im/post/5cd54cea6fb9a0322c42a924

    展开全文
  • 这些前缀可以两种格式可以使用:在CSS格式( -moz- ,如在-moz-element )和JS格式( navigator. mozApps )。 令人敬畏的X-Tag项目具有一些巧妙JavaScript魔术,可以检测浏览器环境中的这些前缀-让我向您展示它的...

    Regardless of our position on vendor prefixes, we have to live with them and occasionally use them to make things work.  These prefixes can be used in two formats:  the CSS format (-moz-, as in -moz-element) and the JS format (navigator.mozApps).  The awesome X-Tag project has a clever bit of JavaScript magic that detects those prefixes in the browser environment -- let me show you how it works!

    无论我们在供应商前缀上的立场如何,我们都必须与他们共处,并偶尔使用它们来使工作正常。 这些前缀可以两种格式可以使用:在CSS格式( -moz- ,如在-moz-element )和JS格式( navigator. mozApps )。 令人敬畏的X-Tag项目具有一些巧妙JavaScript魔术,可以检测浏览器环境中的这些前缀-让我向您展示它的工作原理!

    JavaScript (The JavaScript)

    The first step is retrieving the HTML element's CSSStyleDeclaration:

    第一步是检索HTML元素的CSSStyleDeclaration

    
    var styles = window.getComputedStyle(document.documentElement, ''),
    
    
    

    The next step is converting it to an Array object and searching for a known prefix type, settling on Opera if none is found:

    下一步是将其转换为Array对象并搜索已知的前缀类型,如果未找到,则在Opera上进行设置:

    
    pre = (Array.prototype.slice
          .call(styles)
          .join('') 
          .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])
        )[1]
    
    
    

    With the CSS prefix found, getting the JS-formatted prefix is simple:

    找到CSS前缀后,获取JS格式的前缀很简单:

    
    return {
        dom: dom,
        lowercase: pre,
        css: '-' + pre + '-',
        js: pre[0].toUpperCase() + pre.substr(1)
      }
    
    
    

    The returned object provides an object that looks something like:

    返回的对象提供了一个类似于以下内容的对象:

    
    Object {dom: "WebKit", lowercase: "webkit", css: "-webkit-", js: "Webkit"}
    
    
    

    A complete representation of the vendor prefixing for the host browser. Here's the complete snippet:

    主机浏览器的供应商前缀的完整表示。 这是完整的代码段:

    
    var prefix = (function () {
      var styles = window.getComputedStyle(document.documentElement, ''),
        pre = (Array.prototype.slice
          .call(styles)
          .join('') 
          .match(/-(moz|webkit|ms)-/) || (styles.OLink === '' && ['', 'o'])
        )[1],
        dom = ('WebKit|Moz|MS|O').match(new RegExp('(' + pre + ')', 'i'))[1];
      return {
        dom: dom,
        lowercase: pre,
        css: '-' + pre + '-',
        js: pre[0].toUpperCase() + pre.substr(1)
      };
    })();
    
    
    

    Grabbing the CSSStyleDeclaration from the HTML element is a clever move.  This method plays off of the fact that there will always be a vendor-prefixed property in the style declaration, which some may dislike, but is going to be effective for a long time to come.  What do you think of this method of vendor prefix detection?  Share your thoughts!

    从HTML元素获取CSSStyleDeclaration是一个聪明的举动。 该方法是基于以下事实:样式声明中始终会存在一个供应商前缀的属性,有些人可能会不喜欢它,但是这种属性将在很长一段时间内有效。 您如何看待这种供应商前缀检测方法? 分享你的意见!

    翻译自: https://davidwalsh.name/vendor-prefix

    展开全文
  • js去除base前缀,前几位

    千次阅读 2019-06-13 16:19:52
    fmg.replace(/^data:image\/\w+;base64,/, "") ...fmg 就是去除前缀后的base64格式 <template> <div class="info"> <div class="infoLive"> <div class="infoTop"> ...
    fmg.replace(/^data:image\/\w+;base64,/, "")

    fmg 就是去除前缀后的base64格式

    <template>
        <div class="info">
          <div class="infoLive">
             <div class="infoTop">
                 <span @click="bth(1)" :class="items.spBor==1?'spanBor':''">Camera</span>
                 <!--<span @click="bth(2)" :class="items.spBor==2?'spanBor':''">STREAM OPTIONS</span>-->
                 <!--<span @click="bth(3)" :class="items.spBor==3?'spanBor':''">WAY TO CHARGE</span>-->
                 <div></div>
             </div>
             <!--开始直播-->
            <div v-if="items.spBor==1" class="infoCon">
              <div class="info_jing">
              <!--title-->
              <div class="title">
                <div>
                  <span>Title</span>
                  <span>80 remaining</span>
                </div>
                <input v-model="tit" type="text" placeholder="Title your stream"/>
              </div>
              <!--Category-->
              <div class="Category">
                 <div>Category</div>
                 <div class="catXia">
                   <span @click="listCate">{{items.choose}}<img :class="listCaten?'!trf':''" src="../assets/imgs/uup.png"/></span>
                   <div class="elcoll" v-if="listCaten" >
                     <el-collapse v-model="activeNames"  :accordion="true" @change="handleChange" >
                       <el-collapse-item v-for="(item,index) in cateLi" :key="index" :title="item.name" :name="index">
                         <div v-for="(it,index) in item.list"  :key="index"  @click="catVal(it.id,it.name)">{{it.name}}</div>
                       </el-collapse-item>
                     </el-collapse>
                   </div>
                   <!--<div class="love">-->
                      <!--<div class="love_a">-->
                        <!--<span>Game <img src=""/> </span>-->
                        <!--<span>Assassin’s Creed Odyssey</span>-->
                        <!--<span>GOD OF WAR</span>-->
                        <!--<span>Red Dead: RedemptionⅡ</span>-->
                        <!--<span>World of Warcraft</span>-->
                        <!--<span>MapleStory</span>-->
                      <!--</div>-->
                     <!--<div class="love_a">-->
                       <!--<span>Game <img src=""/> </span>-->
                       <!--<span>a_Assassin’s Creed Odyssey</span>-->
                       <!--<span>a_GOD OF WAR</span>-->
                     <!--</div>-->
                     <!--<div class="love_a">-->
                       <!--<span>Game <img src=""/> </span>-->
                       <!--<span>b_Assassin’s Creed Odyssey</span>-->
                       <!--<span>b_GOD OF WAR</span>-->
                     <!--</div>-->
                   <!--</div>-->
                 </div>
              </div>
              <!--Go live notification-->
              <div class="notification">
                <div>
                  <span>Go live notification</span>
                  <span>140 remaining</span>
                </div>
                <input v-model="nif" type="text" placeholder="Stella malone went live"/>
                <!--<span>All content must be adhere to and be categorized according to our guidelines.</span>-->
              </div>
              <!--Desciption-->
              <div class="title Desciption">
                <div>
                  <span>Desciption</span>
                  <span>140 remaining</span>
                </div>
                <input v-model="des" type="text" placeholder="Description"/>
              </div>
              <!--Stream option-->
              <!--<div class="title Desciption">-->
                <!--<div>-->
                  <!--<span>Stream option</span>-->
                  <!--<span></span>-->
                <!--</div>-->
                <!--<input v-model="desa" @click="santr()" type="text" placeholder="Choose your option"/>-->
                <!--<div class="edexiala">-->
                  <!--<el-dropdown-menu v-show="santra" slot="dropdown">-->
                    <!--<el-dropdown-item>第三方1</el-dropdown-item>-->
                    <!--<el-dropdown-item>第三方2</el-dropdown-item>-->
                  <!--</el-dropdown-menu>-->
                <!--</div>-->
              <!--</div>-->
              <div class="Privatea title">
                <input   type="checkbox"  v-model="items.swit" value="0"    name="ch"   checked="checked"/>
                <span>Private</span>
              </div>
              </div>
              <div class="jingright">
                <div class="acharge">
                  <span>Way to charge</span>
                  <el-radio-group v-model="items.radio2">
                    <el-radio :label="0">Free</el-radio>
                    <el-radio :label="1">500</el-radio>
                    <el-radio :label="2">1000</el-radio>
                    <el-radio :label="3">1500</el-radio>
                    <el-radio :label="4">2000</el-radio>
                    <el-radio :label="5">
                      Custom
                      <input id="gebie" οnkeyup="value=value.replace(/[^0-9]/g,'')" οnpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')"  @click="five()" v-model="items.mik" type="number" placeholder="Amount">
                      <!--<input @click="five()" v-model="items.mik" type="number" placeholder="Amount"/>-->
                    </el-radio>
    
    
                  </el-radio-group>
                </div>
                <!--Edit featured photo-->
                <div class="imgLoad">
                  <span>Live cover</span>
                  <img :src="items.imageUrl" class="avatar">
                  <label v-if="!sImg">
                    <input type="file" class="input-file qian"  name="avatar" ref="avatarInput" @change="changeImage($event)" accept="image/jpeg,image/jpg,image/png">
                  </label>
                  <span v-if="sImg" class="imgCu">
                 Edit featured photo
                  <label>
                    <input type="file" class="input-file qian"  name="avatar" ref="avatarInput" @change="changeImage($event)" accept="image/jpeg,image/jpg,image/png">
                 </label>
               </span>
                  <span v-if="!sImg" class="newSpan">Edit featured photo</span>
                  <!--<span class="imgCu">Edit featured photo</span>-->
                </div>
                <div class="input_a">
                  <input   type="checkbox"   value="1"  v-model="explain"  name="cha"   checked="checked"/>
                  <span>You agree to our</span>
                  <span>terms and conditions</span>
                </div>
                <div class="inTxt">* This live stream is public. Unless you tick the private box.</div>
                <div class="inOk"><span @click="sta()">Start Stream</span></div>
              </div>
            </div>
            <div v-if="items.spBor==2" class="Private">
                   <div>
                      <span>Private live</span>
                      <span>Only those invited can enter the live video.</span>
                   </div>
                   <div class="inSw">
                     <el-switch
                       active-color="#00AF7A"
                       inactive-color="#DADADA">
                     </el-switch>
                   </div>
    
            </div>
            <div v-if="items.spBor==3" class="APrivate">
             78945613
            </div>
          </div>
          <div class="xianshi" v-if="offzhibo">
            <div>
              <div>Copy parameters to a third party</div>
              <div>
                <div>
                  <span>Server</span>
                  <!--<span>{{zhibolianjie}}</span>-->
                  <span id="coa">{{zhibolianjie}}</span>
                  <span  class="copy-btn"
                         @click="copy"
                         :data-clipboard-text="zhibolianjie"
                    >Copy</span>
                </div>
                <div>
                  <span>Stream Key</span>
                  <span value="JigJug">JigJug</span>
                  <span  class="copy-btna"
                         @click="copya"
                         data-clipboard-text="JigJug"
                  >Copy</span>
                </div>
                <div @click="goLive()">
                  Start Stream
                </div>
              </div>
            </div>
          </div>
        </div>
    </template>
    
    <script>
      import Clipboard from 'clipboard';
      export default {
            name: "liveInfo",
    
          data(){
              return{
                tit:'',//直播标题
                des:'',//直播描述
                nif:'',//推送通知
                cry:'',//分类标题
                fmg:'',//直播上传图片的base64
                ete:'0',//是否只有被邀请的人才可以进入:1=是,0=否 默认为0
                qmo:'',//收费直播
                desa:'',//第三方
                offzhibo:false,//判断是否在直播
                zhibolianjie:'',//直播链接
                explain:false,//说明
                santra:false,
                listCaten:false,
                sImg:false,
                activeNames: ['1'],
                items:{
                  spBor:1,
                  imageUrl:require("@/assets/imgs/photolo.png"),
                  swit: false,
                  radio2: 0,
                  mik:'',
                  choose:"Choose your category"
                },
                cateLi:[
                  {title:'Game',list:["1","2","3"]},
                  {title:'Beauty',list:["4","5","6"]},
                  {title:'Food',list:["7","8","9"]}
                ]
              }
          },
          methods:{
            copy (val){
              var clipboard = new Clipboard(".copy-btn")
              const self = this
              clipboard.on("success", e => {
                self.$notify({
                  title: '复制成功',
                  duration: 500,
                  type: 'success'
                });
                // 释放内存
                clipboard.destroy();
              });
              clipboard.on("error", e => {
                // 不支持复制
                self.$notify.error({
                  title: '复制失败',
                  duration: 500
                });
                // 释放内存
                clipboard.destroy();
              });
            },
            copya (val){
              var clipboard = new Clipboard(".copy-btna")
              const self = this
              clipboard.on("success", e => {
                self.$notify({
                  title: '复制成功',
                  duration: 500,
                  type: 'success'
                });
                // 释放内存
                clipboard.destroy();
              });
              clipboard.on("error", e => {
                // 不支持复制
                self.$notify.error({
                  title: '复制失败',
                  duration: 500
                });
                // 释放内存
                clipboard.destroy();
              });
            },
              five(){
                this.items.radio2 = 5
              },
            sta(){
              // tit:'',//直播标题
              //   des:'',//直播描述
              //   nif:'',//推送通知
              const self= this
              let char = self.items.radio2
              console.log(char)
              if(char==0){
                self.qmo = 0
              }else if(char==1){
                self.qmo = 500
              }else if(char==2){
                self.qmo = 1000
              }else if(char==3){
                self.qmo = 1500
              }else if(char==4){
                self.qmo = 2000
              }else if(char==5){
                if(self.items.mik==""){
                  self.qmo = 0
                }else{
                self.qmo = self.items.mik
                }
              }
              self.items.swit? self.ete = "1":self.ete = "0"
    
              console.log("直播标题"+self.tit+
                          "直播描述"+self.des+
                          "推送通知"+self.nif+
                          "直播分类"+self.cry+
                          "直播封面"+self.fmg+
                          "私密直播"+self.ete+
                          "收费直播金额"+self.qmo
                          );
              self.fmg = self.items.imageUrl
              let rImg = require("@/assets/imgs/photolo.png")
              if(self.fmg==rImg){
                alert("请上传封面图")
              }else if(self.tit==""){
                alert("请输入标题")
              }else if(self.cry==""){
                alert("请输入类别")
              }else if(self.nif==""){
                alert("请输入推送通知")
              }else if(self.des==""){
                alert("请输入直播描述")
              }else if(self.explain==false){
                alert("请看说明")
              }else{
                self.$ajax({
                  url: "Index/create_live",
                  data:{
                    token:localStorage.getItem("token"),
                    uid:localStorage.getItem("id"),
                    image:self.fmg.replace(/^data:image\/\w+;base64,/, ""),
                    title:self.tit,
                    livecate_id:self.cry,
                    push_message:self.nif,
                    decribe:self.des,
                    way_to_charge:self.qmo,
                    is_enter:self.ete,
                    if_pc:"0"
                  }
                }).then(data => {
                  console.log(data)
                  if (data.code == 200) {
                    self.offzhibo = true
    
                    self.zhibolianjie = data.content.rtmp_url
                      // self.$router.push({
                      //   path: "/liveHome",
                      //   query:{
                      //     liveId:data.content,
                      //   }
                      // })
                  }
                }).catch(error => {
                  console.log(error, "服务器错误");
                })
              }
    
            },
            goLive () {
    
              // this.$router.go(0)
              const self = this
              this.$router.push({
                path: "/myCenter"
              })
              this.$router.go(0)
            },
              listCate(){
                console.log("1111"+this.listCaten)
                if(this.listCaten){
                  this.listCaten=false
                }else{
                  this.listCaten=true
                }
                console.log(this.listCaten)
              },
            santr(){
              if(this.santra){
                this.santra=false
              }else{
                this.santra=true
              }
            },
            catVal(val,name){
                this.listCaten=false
                this.items.choose = name
                this.cry = val
            },
            handleChange(val) {
              console.log(val);
            },
            changeImage(e){
              const self = this;
              let file = e.target.files[0];
              let reader = new FileReader()
              reader.readAsDataURL(file)
              reader.οnlοad= function(e){
                self.items.imageUrl = this.result
                self.fmg = self.items.imageUrl
                self.sImg = true
              }
            },
              bth(val){
                const self = this;
                self.items.spBor = val
              }
          },
          mounted(){
            const self = this;
            self.$ajax({
              url: "login/type_list_list",
              data:{
                token:localStorage.getItem("token")
              }
            }).then(data => {
              console.log(data)
              if (data.code == 200) {
                console.log(data.content);
                self.cateLi = data.content
              }
            }).catch(error => {
              console.log(error, "服务器错误");
            })
          }
        }
    </script>
    <style>
    
      .el-dropdown-menu{
        z-index: 9;
      }
    </style>
    <style lang="less">
      .xianshi{
        z-index: 99999;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    
        background: rgba(0,0,0,.3);
        >div{
          width:572px;
          height:341px;
          background:rgba(255,255,255,1);
          border-radius:7px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 0;
          right: 0;
          margin: 0 auto;
          overflow: hidden;
          >div:nth-child(1){
            width:572px;
            height:72px;
            background:rgba(250,0,70,1);
            opacity:1;
            font-size:20px;
            font-family:Roboto;
            font-weight:500;
            color:rgba(255,255,255,1);
            line-height:72px;
            text-align: center;
          }
          >div:nth-child(2){
            width:572px;
            height:auto;
            background:rgba(255,255,255,1);
            >div:nth-child(1),>div:nth-child(2){
               margin-left: 30px;
              margin-top: 54px;
              font-size:16px;
              font-family:Roboto;
              font-weight:500;
              >span:nth-child(2){
                font-size:16px;
                font-family:Roboto;
                font-weight:400;
                margin-left: 30px;
              }
              >span:nth-child(3){
                font-size:16px;
                font-family:Roboto;
                font-weight:400;
                color:rgba(250,0,70,1);
                text-decoration:underline;
                margin-left: 24px;
                cursor: pointer;
              }
            }
            >div:nth-child(2){
    
            }
            >div:nth-child(3){
              width:446px;
              height:37px;
              background:rgba(250,0,70,1);
              opacity:1;
              border-radius:5px;
              font-size:14px;
              font-family:Roboto;
              font-weight:normal;
              line-height:37px;
              text-align: center;
              color:rgba(255,255,255,1);
              margin: 0 auto;
              display: block;
              margin-top: 50px;
              cursor: pointer;
            }
          }
        }
    
      }
      .input_a{
        font-size:12px;
        font-family:Open Sans;
        font-weight:400;
         >input{
           width: 15px;
           height: 15px;
         }
        >span:nth-child(2){
          color: #BDBDBD;
        }
        >span:nth-child(3){
          color: #F51857;
        }
      }
      .newSpan{
        font-size:15px;
        font-family:Segoe UI;
        font-weight:400;
        color:#BDBDBD;
        // color: #000;
        display:inline-block !important;
        border-bottom: 2px solid #BDBDBD;
        margin-bottom: 0;
        padding-bottom: 0;
      }
      .jingright{
        float: left;
        width: 50%;
        .acharge{
          >span{
            display: block;
            margin:0px 0 0 0 ;
           color:#BDBDBD;
          }
        }
      }
    
      .APrivate{
        .el-radio__inner{
          border-color: #BDBDBD;
        }
        .el-radio__input.is-checked .el-radio__inner{
          background: #05BE87;
          border-color: #05BE87;
        }
        .el-radio__input.is-checked+.el-radio__label{
          color: #BDBDBD;
        }
      }
        .inSw{
          .el-switch.is-checked .el-switch__core::after{
            margin-left: -23px !important;
          }
          .el-switch__core{
            width:44px !important;
            height: 26px;
          }
          .el-switch__core:after {
            width: 22px;
            height: 22px;
          }
          .el-switch__core{
            border-radius: 15px;
          }
        }
      .el-collapse-item__content{
        padding-bottom: 0 !important;
      }
      .el-radio{
       line-height: 2!important;
        color: #DBDBDB;
      }
      .el-radio__input.is-checked+.el-radio__label {
        color: #BDBDBD;
      }
    </style>
    <style scoped lang="less">
      .Privatea{
       margin-top: 20px;
        >input{
        width: 15px !important;
        height: 15px !important;
        }
        >span{
          font-size:15px;
          font-family:Segoe UI;
          font-weight:400;
          line-height:20px;
          color:#DBDBDB;
          opacity:1;
        }
      }
      #gebie {
        width:142px;
        height:32px;
        background:rgba(52,58,75,1);
        opacity:1;
        border-radius:5px;
        padding-left: 7px;
        cursor:pointer;
      }
      .info{
        /*margin: 10px;*/
        color: #000;
        /*width: 1232px;*/
        width: 100%;
    
        .APrivate{
          margin-left: 2.7%;
          margin-top: 23px;
          input{
            margin-left: 4px;
            width:142px;
            height:32px;
            background:rgba(239,239,239,1);
            opacity:1;
            border-radius:5px;
            color:rgba(136,136,136,1);
            font-size:16px;
            padding-left: 11px;
            outline: none;
          }
        }
        .imgCu{
          cursor: pointer;
          position: relative;
          input{
            top: 0;
            left: 0;
           position: absolute;
            width: 145px;
            height: 23px;
            cursor: pointer;
            opacity: 0;
            /*background: red;*/
          }
        }
        .Private{
          display: flex;
          align-items: center;
          margin-left: 2.7%;
          margin-top: 12px;
          .inSw{
            margin-left: 24px;
          }
          div{
            span:first-child{
              display: block;
              font-size:15px;
              font-family:Segoe UI;
              font-weight:400;
              color:rgba(0,0,0,1);
            }
            span:last-child{
              font-size:12px;
              font-family:Segoe UI;
              font-weight:400;
              color:rgba(143,143,143,1);
            }
          }
        }
        .infoLive{
    
          width:100%;
          height:auto;
          overflow: auto;
          background:rgba(23,28,41,1);
          border:1px solid rgba(62,72,101,1);
          // border-radius:10px;
          padding-bottom:25px;
          .inTxt{
            float: left;
            width: 100%;
            height:16px;
            font-size:12px;
            font-family:Segoe UI;
            font-weight:400;
            line-height:16px;
            margin-top: 18px;
            color:#8F8F8F;
          }
          .inOk{
            float: left;
            width: 100%;
           span{
             display: inline-block;
            margin-top: 8px;
             width:172px;
             height:40px;
            background:#F51957;
            opacity:1;
            line-height: 40px;
            font-size:16px;
            font-family:Segoe UI;
            font-weight:400;
            color:rgba(255,255,255,1);
            text-align: center;
            cursor: pointer;
           }
          }
          .imgLoad{
            float: left;
            width: 100%;
            position: relative;
            >span{
              display: block;
              margin: 10px 0 4px 0;
              color:#BDBDBD;
          }
            >label{
              width:160px;
              height:90px;
              position: absolute;
              top: 0;
              left: 0;
              opacity: 0;
              cursor: pointer;
            }
            img{
              width:160px;
              height:90px;
              background:#FFF;
              display: inline-block;
    
            }
            .imgCu{
              font-family:Segoe UI;
              font-weight:600;
              color:rgba(0,0,0,1);
              display: inline-block;
              border-bottom: 1px solid #000;
              vertical-align: bottom;
              margin-left: 7px;
            }
          }
          .infoCon{
            margin-top: 10px;
            margin-left: 2.7%;
            .info_jing{
              width: 453px;
              height: auto;
              overflow: -webkit-paged-x;
              overflow: paged-x;
              float: left;
            }
            .Desciption{
              margin-top: 17px;
            }
            .Category{
              float: left;
              width: 406px;
              /*background: red;*/
              .catXia{
                font-size:12px;
                font-family:Segoe UI;
                font-weight:400;
                color:#DBDBDB;
                line-height: 30px;
                padding-left: 13px;
                cursor: pointer;
                position: relative;
                >span{
                  position: relative;
                  >img{
                    position: absolute;
                    width: 14px;
                    height: 14px;
                    top: 10px;
                    right: 10px;
                    transition: 300ms;
                    user-focus: auto;
                  }
                }
                .el-collapse{
                  border-top: 0px solid #FFF;
                  border-bottom: 0px solid #FFF;
                  margin-bottom: 2px;
                  // overflow-y: scroll;
                  // &::-webkit-scrollbar {
                  //     display: none;
                  // }
                  //  scrollbar-width:none;
                }
                 .elcoll{
                   background: #343A4B;
                   position: absolute;
                   top:35px;
                   z-index: 2;
                   left: -1px;
                   width: 399px;
                   padding:0 10px;
                 }
                .love{
                  display: none;
                  width:406px;
                  height:223px;
                  background:rgba(255,255,255,1);
                  border:1px solid rgba(59,59,59,1);
                  position: absolute;
                  left: 0;
                  top: 37px;
                  background: #c1c1c1;
                  .love_a{
                      span{
                        width:100%;
                        height: 29px;
                        line-height: 29px;
                        display: block;
                        font-size:13px;
                        font-family:Segoe UI;
                        color:rgba(109,109,109,1);
                        font-weight:400;
                      }
                  }
                }
              }
              >div:first-child{
                font-size:15px;
                font-family:Segoe UI;
                font-weight:400;
                color:#DBDBDB;
                margin-bottom: 3px;
              }
              >div:last-child{
                width:406px;
                height:31px;
                background:rgba(52,58,75,1);
                opacity:1;
                >span{
                  width:406px;
                  height:31px;
                  display: block;
                }
              }
            }
            .notification{
              margin-top: 17px;
              float: left;
              width: 406px;
              span{
                font-size:12px;
                font-family:Segoe UI;
                font-weight:400;
                line-height:16px;
                color:rgba(143,143,143,1);
              }
              div{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 3px;
                span:first-child{
                  font-size:15px;
                  font-family:Segoe UI;
                  font-weight:400;
                  color:#dbdbdb;
                }
                span:last-child{
                  font-size:12px;
                  font-family:Segoe UI;
                  color:#8F8F8F;
                  font-weight:400;
                }
              }
              input{
                width:406px;
                height:29px;
                padding-left: 13px;
                background:rgba(52,58,75,1);
                opacity:1;
                outline: none;
              }
            }
            .title{
              float: left;
              width: 406px;
              margin-right: 102px;
              margin-bottom: 19px;
              div{
                width: 100%;
                display: flex;
                justify-content: space-between;
                margin-bottom: 3px;
                span:first-child{
                  font-size:15px;
                  font-family:Segoe UI;
                  font-weight:400;
                  color:#DBDBDB;
                }
                span:last-child{
                  font-size:12px;
                  font-family:Segoe UI;
                  color:#8F8F8F;
                  font-weight:400;
                }
              }
              input{
                width:408px;
                height:31px;
                padding-left: 13px;
                background:rgba(52,58,75,1);
                // border:1px solid #D0D0D0;
                opacity:1;
                outline: none;
              }
            }
          }
          .infoTop{
            width: 90%;
            margin-left: 2.7%;
            .spanBor{
              border-bottom:5px solid rgba(255,0,0,1) ;
            }
            span{
              cursor: pointer;
              display: inline-block;
              margin: 19px 0 0px 40px;
              font-size:14px;
              font-family:Roboto;
              font-weight:500;
              color:#DBDBDB;
              padding-bottom: 11px;
              transition: 200ms;
              border-bottom:5px solid rgba(0,0,0,0);
              text-shadow:0px 3px 6px rgba(0,0,0,0.16);
            }
            span:first-child{
              margin-left: 0;
            }
            div{
              width: 100%;
              border-bottom: 2px solid #3D4763;
              margin-top: -3px;
            }
          }
        }
      }
      .trf{
        transform:rotate(180deg);
        -ms-transform:rotate(180deg);  /* IE 9 */
        -moz-transform:rotate(180deg);   /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg);   /* Opera */
      }
      .edexiala{
        position: relative;
      }
    </style>
    
    展开全文
  • // 根据名字前缀取得输入框 function getTextByNamePrefix(prefix){ var items = new Array(); var a = document.getElementsByTagName("INPUT"); if(a != null) for(var i = 0 ; i &lt; a.l...

       // 根据名字前缀取得输入框
        function getTextByNamePrefix(prefix){
            var items = new Array();
            var a = document.getElementsByTagName("INPUT");
            if(a != null)
            for(var i = 0 ; i < a.length ; i++){
                if(a[i].type == "text" && a[i].name.startWith(prefix)){
                    items.push(a[i]);
                }
             }
             return items;
        }

    展开全文
  • 经常在页面调试的时候看到指定浏览器才有的样式。 带厂商前缀的样式属性 浏览器厂商在引入实验性的样式属性时,通常会在实现达到css规范要求之前,在属性...* -webkit-property-name: value; * -moz-property-na
  • <script src="../../../../closure-library/closure/goog/base.js"> goog.require('goog.proto2.Message'); <script src="phonemetadata.pb.js"> <script src="phonenumber.pb.js"> <script src="metadata.js"> ...
  • 不同浏览器对于有些css3属性名字定义的时候,会带上特有的前缀,所以在css编写的时候,经常会一个属性多个不同的前缀进行兼容。比如: div { transform: rotate(30deg); -ms-transform: rotate(30deg); /* ...
  • { name: '天使爱美丽', img: '/movies/classic/1234.png'}, { name: '海上钢琴师', img: '/movies/classic/5678.png'}, { name: '楚门的世界', img: '/movies/classic/9101.png'} ]; let newArr = []; let base_...
  • // 通过字符串的replace...var file_name=file_path.replace(/(.*\/)*([^.]+).*/ig,"$2"); // 获取文件后缀 1.var FileExt=file_path.replace(/.+\./,""); 2.var fileExtension = file_path.substring(file_path.l...
  • css自动前缀Using utilities likes SASS and Compass have made me me think a lot about how we can improve CSS in the short term. Of course all CSS proposals should go through the W3C standardization ...
  • Action调用前缀详解

    2008-08-17 10:59:15
    org.apache.struts2.dispatcher.mapper.DefaultActionMapper类在创建ActionMapping时,为协助请求发送提供了四种不同的前缀,这些前缀使得用户在发送请求的时候更加机动和灵活,包括: Method前缀 Action前缀 ...
  • JavaScript写XML

    2010-10-25 21:03:00
    tagName 是一个区分大小的字符串来指定新元素名称。 范 例 objNewElement = xmlDoc.createElement("TO"); alert(objNewElement.xml); AppendChild 方法 作 用 加上一个节点当作指定节点最后...
  • CSS变量和浏览器前缀

    2019-04-23 12:00:00
    一、CSS变量 ... 定义变量后可以有两种使用方法,第一种时var(var_name),第二种时var(var_name,defaultvalue);当变量不存在时使用默认值。 二、浏览器前缀  实现浏览器前缀可以让我们使用新的属性,...
  • es6 函数的name属性

    千次阅读 2016-11-29 17:46:10
    函数的name属性,返回该函数的函数名。function foo() {} foo.name // "foo"这个属性早就被浏览器广泛支持,但是直到 ES6 ,才将其写入了标准。需要注意的是, ES6 对这个属性的行为做出了一些修改。如果...
  • 通过自定义前缀限定 css (eg: component name) 用途 var scopecss = require ( 'scopecss' ) var cssResource = '.nearby-place-list-content { color: red}' ; var prefix = 'my_component_prefix' ; scopecss ( ...
  • #jd_admin_abc 去掉前缀 C('DB_PREFIX')=获取前缀 结果为admin_abc $table_Name=str_replace(C('DB_PREFIX'), '', $table_Name);  
  • webpack给样式添加前缀

    2021-08-04 01:30:47
    添加前缀的样式为: .code { user-select: none; } 下载插件的命令: npm i -D postcss-loader autoprefixer webpack.config.js文件 const MiniCssExtractPlugin = require('mini-css-extract-plugin') ...
  • router/index.js mode: 'history', base: '/sss', // 路由前缀 config/index.js 开发dev和线上build配置中,将static改成想要的前缀。 https://blog.csdn.net/weixin_33920401/article/details/87962115
  • 浏CSS3 浏览器前缀 览器样式前缀 为了让CSS3样式兼容,需要将某些样式加上浏览器前缀: -ms- 兼容IE浏览器 -moz- 兼容firefox -o- 兼容opera -webkit- 兼容chrome 和 safari 比如: div { -ms-transform: rotate...
  • js系列教程4-函数、函数参数教程全解在js中,函数本身属于对象的一种,因此可以定义、赋值,作为对象的属性或者成为其他函数的参数。函数名只是函数这个对象类的引用。函数对象属性【length属性】 在js函数参数...
  • PKUSC2018 最大前缀

    2018-07-02 11:50:15
    题目事实上就是让我们求,给出的数的全排列的最大前缀和的和。考虑怎么做?首先分析一下性质,满足最大前缀和的位置,假设在ppp。那么在ppp之后,不能找到一个位置xxx,使得∑xi=p+1ai&amp;gt;0∑i=p+1xai&...
  • 解决css3兼容各个浏览器的前缀的方案 emmet生成 用编辑器插件: 如sublime text 的 autoprefixer自动添加兼容前缀 基于nodejs 需要安装nodejs (这个效果不佳,本人测试貌似只添加-webkit-的前缀 - -) 用grunt插件 ...
  • nginx部署vue项目路径添加前缀

    千次阅读 2021-04-08 16:37:27
    背景:近日客户提出希望在部署后的路径上添加一个项目前缀dist,原来访问地址是http://192.168.11.186:8888,现希望改成http://192.168.11.186:8888/dist才能正常访问 查阅诸多资料,从nginx部署多个前端项目中找到...
  • 在HTML5中添加了data-*的方式来自定义属性,所谓data-*实际上上就是data-前缀加上自定义的属性名,使用这样的结构可以进行数据存放。 使用data-*可以解决...elementNode.dataset.attributeName = attributeValue...
  • input 前缀不被删除

    2015-09-08 10:15:00
    var str = ""; //设为全局变量 $("select[name=countynum]").change(function(){ if($("select[name=countynum]").val()=='330386'){ $("#responsecode").val("LS_"); } ...
  • 4.1.2 带厂商前缀的样式属性本文重点document.querySelector(".post-body > ul").style.display="none"4.1.2 带厂商前缀的样式属性浏览器厂商在引入试验性的样式属性时,通常会在实现达到CSS规范要求之前,在属性名...
  • 在 config文件找到index.js,修改proxyTable proxyTable: { '/api/': { //target: 'http://127.0.0.1:3001',// 设置你调用的接口域名和端口号 //secure: false, // 如果是https接口,需要配置这个参数 ...
  • 以前在项目中遇到图片地址都是程序员手动拼接地址前缀,这样会增加开发工作量,而且各处埋点,不便于统一管理。 解决方案: 由于现在项目多是前后端分离,前后端传输数据时使用的json格式,且springboot在...
  • <!DOCTYPE html> <html> <head> ...meta charset="utf-8">...meta name="viewpot" content="width=device-width,initial-scale=1.0"> <title>learn bootstrap</...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 70,563
精华内容 28,225
关键字:

js写name前缀