精华内容
下载资源
问答
  • vue 兼容ie9的 ui组件库

    2019-03-29 13:42:00
    1、N3 支持vue2.x 2、AliTelecom UI 支持vue2.x,阿里通信技术团队打造 3、VueStrap 支持vue2.x,Bootstrap 组件 ...支持vue2.x,百度EFE team...6.iView UI 转载于:https://www.cnblogs.com/ysxq/p/10620756.html...

    1、N3

    支持vue2.x

    2、AliTelecom UI

    支持vue2.x,阿里通信技术团队打造

    3、VueStrap

    支持vue2.x, Bootstrap 组件

    4、VEUI

    支持vue2.x,百度EFE team开发

    5、ANT

    支持vue2.x

    6.iView UI

    转载于:https://www.cnblogs.com/ysxq/p/10620756.html

    展开全文
  • vue的双向绑定原理:使用object.definproperty改写data数据属性的set内容,当属性...仿照这个思路,做了一下demo,因为vue依靠object.definproperty实现mvvm,由于ie不支持object.definproperty,所以vue不能兼容低...

    vue的双向绑定原理:使用object.definproperty改写data数据属性的set内容,当属性发生更改时,set函数调用,通知vue组件绑定的watcher(一个组件一个watcher),然后对相关试图进行刷新
    仿照这个思路,做了一下demo,因为vue依靠object.definproperty实现mvvm,由于ie不支持object.definproperty,所以vue不能兼容低版本的ie浏览器
    实现补充

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
    </head>
    <body>
    <div>
      <input id="in" type="text" value=""/>
      <div id="out">{{hello}}</div>
    </div>
    </body>
    <script>
      var isIE = !!window.attachEvent;
      var input = document.getElementById('in'),
        out = document.getElementById('out'),
        obj = {}
      console.log(isIE);
      function addEvent(element,type,handler){
        if(element.attachEvent){
          element.attachEvent('on'+type,handler)
        }else if(element.addEventListener){
          element.addEventListener(type,handler)
        }
      }
      if (!isIE) {
        Object.defineProperty(obj, 'hello', {
          set: function (val) {
            input.value = val;
            out.innerText = val;
          }
        })
        input.onkeyup = function (e) {
          obj.hello = e.target.value
        }
        obj.hello = ''
      } else {
        function MyObject(argus) {
          this.value=''
          this.set = argus.set || function (val) {
            this.value = val
          }
          this.get = argus.get || function () {
            return this.value
          }
        }
    
        var hello = new MyObject({
          set: function (val) {
            input.value = val;
            out.innerText = val;
          }
        })
        obj.hello=hello
        addEvent(input,'keyup',function (e) {
          obj.hello.set(input.value)
        })
      }
    
    </script>
    </html>
    
    
    展开全文
  • 目前,旋挖钻机因工艺先进,成孔快速稳定等优势,已经成为钻孔灌注桩主流的施工机械之一。由于各地工程地质条件千差万别,不同工程设计不太可能做到与实际地层完全一致,有时甚至还存在较大差异。...

    目前,旋挖钻机因工艺先进,成孔快速稳定等优势,已经成为钻孔灌注桩主流的施工机械之一。由于各地工程地质条件千差万别,不同工程设计不太可能做到与实际地层完全一致,有时甚至还存在较大差异。因此,岩土施工单位在承揽钻孔灌注桩基工程时,桩基钻孔面临不小的不确定性。在桩基钻孔过程中有些技术问题若处置不当,不仅会造成较大的经济损失,还可能对工程设备甚至人员安全构成威胁。

    fc244cca07a9f954151aeab2d6d51902.png

    结合近几年使用旋挖钻机在各类不同的地层钻进实践经验,总结了旋挖钻机在一些较为特殊地层钻孔施工经常遇到的技术问题及解决方法。希望给遇到类似问题的同行以借鉴。

    一、软土等易塌地层旋挖钻孔方法

    1、软土等易塌地层的特点及成孔风险

    在软土、新近堆积的回填土以及新近沉积的松散的细砂类土层,若地下水位较高,旋挖钻机挖取土后,即使钻孔是在泥浆护壁的情况下,孔壁也很难保持稳定,极易造成塌孔或缩颈。由于该类地层多分布于地表浅层,随塌方量逐渐增大,钻孔周围地面将出现塌陷,经常造成护筒下沉。严重时还会对钻孔设备、作业人员等构成威胁。当遇到此类情况,特别是施工中发现孔口护筒已经悬空或下沉时,不应心存侥幸继续钻井,而就尽快回填钻孔,重新固定孔口护筒后再钻井。

    2、旋挖钻孔的施工方法

    在软土、新近回填土等用泥浆护壁也不能有效的含水地层,最有效率和保险的旋挖钻孔方法是采取长护筒壁措施。每台旋挖钻机视钻孔难易程度配置3个左右钢护筒、1台振动锤和1台足够起拔力的吊车;钢护筒长度就能够下放到软层底部,钢护筒直径宜大于桩径100mm左右(太大造成混凝土浪费;太小时钻头容易卡护筒。很难保证顺利施工)。利用长护筒护壁旋挖成孔时,应注意以下几点:

    (1)应基本确认护筒下放深度范围内无100mm以上大直径石块;根据长护筒直径各下放长度选择合适功率的振动锤。

    (2)小直径施工时,应综合考虑钻杆的外径及护筒直径的大小,钻杆外径宜比护筒直径小200mm以上,护筒长度较大时,差值应更大些以方便施工。

    (3)应确保钢护筒下旋垂直度,尤其是较小直径的钻孔桩。

    (4)灌注混凝土后应及时将护筒拔出。

    (5)沉放钢护筒和旋挖成桩密切配合。钢护筒起拔后应能直接沉放到下一个待施工的钻孔。这样形成流水作业,将大大提高施工效率。

    7fcb82d4e83686d22030b0b47c18ca97.png

    二、砂土、粉土地层旋挖钻孔方法

    1、砂土、粉土地层的特点及成了风险

    在细砂或粉土层钻时成孔时,若地下水位较高,需要采用泥浆护壁成孔。该类地层由于颗粒间无粘接力,在水流作用下极易被冲刷。因为旋挖钻机成孔时直接取土成孔,钻孔的土是由钻斗循环往复提到地面的。钻斗在泥浆中运动,钻斗外侧水流速度较大,很容易造成孔壁的冲刷。孔壁冲刷下的砂粒进一步降低了护壁泥浆的护壁效果。更容易造成护颈甚至塌孔等问题。

    2、旋挖钻孔的施工方法

    采用泥浆护壁在分先较好的砂土或粉土地层中施工时,应考虑采取以下几点措施:

    (1)适当降低钻头的下放和起拔速度,减小钻斗与孔壁之间泥浆的流速,减少冲刷。

    (2)适当加大钻齿的外撇角度。增加孔壁与钻斗侧壁的间距。

    (3)适当增加钻斗内流水孔面积,减小钻斗起拔过程中顶部和底部的负压,进而减小孔内泥浆的流速。

    (4)配置优质泥浆护壁,及时量测孔内泥浆的含砂率。当超标时及时采取有效的措施。

    (5)检查钻斗底盖闭合后的密封性。若发现扭曲造成空隙较大,应及时整修,以免造成漏砂。

    三、漂石、孤石地层旋挖钻孔方法

    1、石、孤石地层的特点及成孔风险

    山区跳河大桥桩基施工时,钻也过程中经常遇到漂石地层。由于漂石颗粒直径较大且相互嵌固,常规捞砂钻头无法钻进;若强行钻井,极容易将钻齿掰断,甚至损伤钻杆。除此,还经常会遇到跟孔径相差无几的大孤石,或者是部分位于孔中的、大部分埋藏于孔周地层的探头石。若对孤石处理不当,会因长时间振动孔壁造成塌孔。若对探头石处理不当,容易造成斜孔,给后续钢筋笼的下放构成实际困难;下放钢筋笼后灌桩过程中坍塌的,还会严重影响成桩质量。

    2、旋挖钻孔的施工方法

    旋挖钻钻孔遇到大漂石地层时,若漂石地层位于浅表,宜用挖机将漂石挖除后回填黏土,并将孔口护筒下放到漂石层底,再行钻进;若漂石位于较深部位,当漂石粒径大于捞砂斗开口口径而无法正常钻井时,可用筒形钻头将大漂石取出后,再配合捞砂斗逐步钻井。

    钻孔灌注桩遇到孤石时,若孤石恰好全部位于孔内,则可用筒形钻斗直接将孤石取出;若孤石大部分埋于孔周地层中形成探头石,则不应强行钻井。而就用筒形外头慢慢将探头石切断并取出后,方可下正常钻井。

    四、硬黏土、泥岩地层旋挖钻孔方法

    1、硬黏土、泥岩地层的特点及成孔风险

    硬黏土给钻孔过程带来的最大问题是糊钻和卸土困难。相比第四系沉积地层,泥岩的典型特征是强度较高,遇水后软化且黏性大,易打滑。一般的循环钻机因为加压力很小,在泥岩中钻孔时,钻齿难以划割岩层,钻头会一直在泥面上打滑,钻井效率极低。利用旋挖钻机钻进泥岩时,尤其在孔深较大的情况下无法采用能够直接加压的机锁钻杆时,若钻头设计不当也容易出现钻进效率低下甚至钻不进等现象。

    2、旋挖钻孔的施工方法

    在硬黏土中钻井,应考虑采用体形式钻斗或将钻斗底部侧面开豁口等方式,以提高卸土效率。在泥岩地层旋挖钻孔灌注桩成孔,可从以下几点着手,以提高施工效率。

    (1)优先选用机锁钻杆干也钻进。不得已采用摩擦钻杆钻进时,可以考虑增加钻杆和钻斗的重量,以便钻齿能够切入泥岩中并顺利建立加压力。

    (2)对强风化及风化程度更高的地层,钻斗布齿时优先考虑用V19钻齿钻进。必要时可以通过割豁口、钻斗左右侧布齿高度差异,适当增加入岩角度等布局设计,钻斗布齿时须采用合金截齿,以提高抗磨和搞折断能力。

    (3)基桩孔径较大时,应考虑采用分级钻进成孔。首级钻孔可采用长径比较大的筒形钻斗直接取芯;二级钻孔时利用与孔径大小相同的切齿外头钻井。

    (4)避免布齿过于稀疏。避免钻斗两侧布齿具有相同的切削轨迹,应及时修补磨损严重的边齿,有效避免钻齿过度磨损和托底造成的钻进困难。

    五、灰岩溶洞地层旋挖钻孔方法

    1、灰岩溶洞地层的特点及成孔风险

    灰岩溶洞是在南方多山地区施工经常遇到的情况。该类地层基岩面由于侵蚀不均匀而起伏较大,溶洞大小、形状等各式各样。在该类地层施工钻孔灌注时,经常遇到代斜孔、突然漏浆并造成塌孔、卡钻掉齿甚至损伤钻杆钻具、混凝土超灌量特别大等情况。

    2、旋挖钻孔施工方法题

    在灰岩溶洞地层进行钻孔灌注桩施工,成孔时可以以下面几方面采取措施,以降低成孔风险。遇到基岩面时,放慢钻进速度以避免斜孔。

    (1)认真比对钻探资料。当钻进到溶洞顶面附近时,应放慢钻进速度,备好充足的护壁泥浆及回填用黏土。当钻透洞顶造成孔内护壁泥浆急速下降时,应及时回填钻孔以避免塌孔。

    (2)优先选用导向较好的直体加长钻斗。若已造成斜孔并在洞顶附近造成卡钻时,应缓慢旋转提钻。在钻斗顶部应及时焊接,以利于导向的斜梁结构。

    (3)遇到溶洞较大且少充或无充填时应及时回填黏土并用旋挖钻斗反转压实。避免成孔后灌注混凝土过程中造成过量超方。

    六、花岗岩等硬岩地层旋挖钻孔方法

    1、花岗硅等硬岩地层的特点及成孔风险

    许多特大桥设计桩基时要求基桩进入中风化硬岩达一定的深度,而且这些桩基设计的桩径的桩径多在1.5mm以上,甚至达到2m。如此大直径硬岩地层的钻进,对设备功率和加压力提出了较高的要求,一般需要扭矩在280kN.m以上的设备。在该类地层中钻进,钻齿的损耗很大,且对设备抗振动能力提出了较高的要求。

    2、旋挖钻孔的施工法

    在花岗岩、砂岩等硬岩地层中施工,应从以下几点采取措施,以提高成孔效率,降低风险。

    (1)应选择功率在280kN.m及以上的钻进施工。提前准备好硬度较高、搞磨性较好的钻齿。无水地层应加水,以降低钻齿的磨损。

    (2)合理配置钻具。该类地层大直径桩成孔时,应选择分级钻进方式。第一级应选择直径600mm~800mm的加长筒钻,直接取芯,创造自由面;或选择小直径螺旋钻钻进创造自由面。

    (3)当硬岩地层发生斜孔后扫孔难度极大。因此遇到斜岩面时,务必修正后才能正常钻进。

    七、结论

    从近几年使用旋挖钻机施工钻孔灌注实践情况看,其可适用于大部分地层的施工;但是对某一具体项目而言,旋挖钻孔要能顺利和有效实施,需要根据实际地层和设计孔径、孔深等情况,合理选择机型,合理配置钻杆钻具,制定并落实好切实可靠的具体措施,总结起来有以下几点:

    (1)做好孔口护壁措施。对需要护壁的钻孔,优先考虑泥浆护壁钻进。对软土及新近回填土等用泥浆护壁无法保证护壁效果的,应果断采用全护筒护壁。

    (2)选择适当的机型。当钻机灵活,提放钻等速度快更适合地层好,深度和桩径不大的桩基施工。大钻机功率较大,能够钻进较硬地层和施工大直径钻孔。使用大功率钻机钻进简单地层,效率低下;使用小功率钻进,则无法钻进硬岩地层。

    (3)合理配置钻具,根据实际情况优化钻齿布局。在钻机进场前,应根据地勘资料进行钻具配置;先钻进数孔作试探,待了解实际地质情况后,应根据实际情况及时优化钻齿布局。

    (4)关键点谨慎钻进。在斜岩面、探头石、溶洞顶部等关键部位,应放慢钻进速度,提前准备好应急措施。

    来源:岩土必修课

    展开全文
  • 公共样式里加: .el-table__body-wrapper::-webkit-scrollbar { ... width: 6px; height: 6px; } .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }

    表格样式-公共样式里加: 

    .el-table__body-wrapper::-webkit-scrollbar {
    
      width: 6px; 
    
      height: 6px; 
    
    }
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
    
      background-color: #ddd;
    
      border-radius: 3px;
    
    }

    公共浏览器样式 :
     

    ::-webkit-scrollbar {
      width: 6px;
      height: 6px;
    }
    
    ::-webkit-scrollbar-thumb {
      background-color: #d5d5d5;
      border-radius: 5px;
    }

    隐藏滚动条-可以鼠标滚动(兼容版):

     

    其中通过其他途径计算出了滚动条的宽度是17px,而且用calc这个方法来计算多出来的滚动条宽度,而父级元素的overflow:hidden;

    此时就起作用了,这种做法兼容各个浏览器

    .el-card__body{
        height:100%;
        overflow-y: scroll;
        width: -webkit-calc(100% + 17px);
        width: -moz-calc(100% + 17px);
        width: calc(100% + 17px);
    }

    vue 鼠标移上去显示滚动条,鼠标离开消失:

    jq:

    $().hover(function(){
        $().css("overflow","auto")
    },function(){
        $().css("overflow","hidden")
    })

     element有一个隐藏组件:

    <el-scrollbar style="height:100%;">

    内容

    </el-scrollbar>

    element tree加滚动条时注意:

    .el-tree>.el-tree-node{

    min-width: 100%;

    display:inline-block;

    }

     

    展开全文
  • 一、如何去除vue项目中访问地址的#  vue2中在路由配置中添加mode(vue-cli创建的项目在src/router/index.js) 1 export default new Router({ 2 mode: 'history', 3 routes: [ ... 6 name: 'menu'...
  • 1.安装支持 npm install --save babel-polyfill npm install es6-promise --save 2.在大目录的main.js里边引用 import'babel-polyfill' ...3.还是你的大目录vue.config.js中插入代码,没有就新建(和pac...
  • 最后考察了一番,决定使用 layui这个官网宣城兼容人类正在使用的全部浏览器(IE6/7除外)的Ui 刚开始用着,好像也是挺香的,相对于其他兼容ie8的ui,各方面都好很多。 慢慢的,蛋疼的时候来了,就是layui的多选下拉对...
  • 项目中用到了Vue.js和Elenment-UI Vue官方文档中给出明确范围:Vue 不支持 IE8 及以下版本,...在此之前,需要先搞清楚IE6~11是否支持es5: IE6~IE8:不支持es5的所有语法; IE9:支持除ECMAScript 5 Strict Mode外的e
  • var reg = /^(\d{0,6})(\.(\d{0,2}))?$/g; if (!reg.test(newval)) { if (newval == undefined) { this.handleform.worktimelong = undefined; return; } this.handleform.worktimelong = oldval } else { ...
  • avalon可以兼容到ie6,貌似它的双向绑定是和vue一样用object的set和get实现的,那是如何实现兼容呢?还有一个问题,angular用了许多object对象的方法才不兼容ie的么,那么angular当初为什么不做兼容呢?脏检查机制...
  • vue

    2020-04-24 08:45:57
    第一章 三大框架: vue.js: 优点:更轻量,单页面,简单...缺点:比较笨重,学习成本高,不兼容IE6/7 开发团队:google谷歌 react: 优点:速度快、跨浏览器兼容、单向数据流、兼容性好 缺点:并不是一个完整的框...
  • VUE总结

    2019-06-28 10:03:41
    第一章 三大框架: vue.js: 优点:单页面,更轻量,简单易学 缺点:不支持IE8 开发团队:中国国内团队开发, ... 缺点:比较笨重,学习成本高,不兼容IE6/7 开发团队:google谷...
  • Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 目前ECMAScript 6已经渐渐流行起来,但是有一些浏览器还不完全支持,所以在使用...
  • <div><p>san有类似于vue vue init webpack mytest 这样创建新项目目录的命令吗ÿ...如果用jquery可以兼容IE6吗 小白问题有点多,求指教,谢谢了</p><p>该提问来源于开源项目:baidu/san</p></div>
  • 学习原文地址:浅探VUE的MVVM模式实现1、MVVM模式...2、核心方法Object.definePropertyObject.defineProperty是用来数据劫持的关键方法,vue框架是不兼容IE6~8低版本的,主要是因为它的用到了ES5中的这个Object.defi...
  • /* in ES 6 */ import domtoimage from 'dom-to-image'; /* in ES 5 */ var domtoimage = require('dom-to-image'); Bower bower install dom-to-image Include either src/dom-to-image.js or dist/dom-to-image....
  • vue面试知识点

    2020-12-04 09:43:50
    1. Vue优势 Vue专注于MVVM模式的viewmodel层,通过双向绑定把view和model层连接起来,操作数据重新渲染页面,vue有优势是简单快捷组合紧凑 2. Vue2.0/vue1.0 每个组件模板中不在支持片段代码 ...2、IE6双边距问题;在
  • 框架:vue 描述: 项目在 IE 11 环境下 报 CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。 element-icons.6f0a763.ttf 经查,需添加 eot 格式 字体 1、编辑器搜索 ...
  • vue问题记录

    2020-12-28 16:58:35
    vue问题记录1.不同路由共用同一组件监听路由绑定唯一key或者声明不同的view 但view引入同一个组件2....解决开发环境热加载编译慢4.热重载和热替换5.利用postcss pxtorem自动将px转为rem1....解决ie兼容问题10.comp
  • web前端兼容整理

    2020-07-13 19:54:35
    vue兼容 Vue 中使用 babel-polyfill 来兼容低版本浏览器 vue兼容 ...1.H5新标签在IE9以下的浏览器识别 ...css兼容 ...2.IE6双边距问题:IE6在浮动后,又有横向的margin,此时,该元素的外边距是其值的2倍 解决
  • vue是一个mvvm的框架,和angular类似,但比较小巧,容易上手,尤其适用于移动端的...vue与angular的共同点是均不兼容低版本的IE浏览器(如IE6,7,8)。 一、vue的下载及引包 vue的官网地址为:https://cn.vuejs.org...
  • 官方介绍截取:"layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。",废话不多说,开始我们的主题。默认你已经搭建好你的...
  • 跨域 了解同源政策:所谓"同源"指...cors 这个方案缺点 是 ie6 7 兼容不好(倒是不见得要兼容)。需要B网站在响应中加头 postMessage 缺点也是 ie6 7 兼容不好(倒是不见得要兼容)。需要修改B网站的代码 iframe...
  • angular,vue,react,Knockout

    千次阅读 2018-05-08 22:23:39
    React 生态系统庞大Knockout 浏览器兼容性好,兼容到了ie6AngularJS 使用双向绑定vue在不同组件间强制使用单向数据
  • Vue笔记,狂神说Java

    2020-12-18 11:09:41
    在前端眼里使用它仅仅是为了兼容IE6、7、8; ●Angular: Google收购的前端框架,由一群Java程序员开发,其特点是将后台的MVC模式搬到了前端并增加了模块化开发的理念,与微软合作,采用TypeScript语法开发;对后台...
  • Vue简介及基础使用

    2020-06-23 20:47:49
    兼容IE9及以上 作者:尤雨溪 https://baike.baidu.com/item/%E5%B0%A4%E9%9B%A8%E6%BA%AA/2281470?fr=aladdin 版本:最新稳定开发版本 v2.6.11 4、MVVM框架 M:模型 数据 V:视图 页面 模型
  • vue项目跨域问题

    2018-08-21 09:27:00
    跨域 了解同源政策:所谓"同源...cors 这个方案缺点 是 ie6 7 兼容不好(倒是不见得要兼容)。需要B网站在响应中加头 postMessage 缺点也是 ie6 7 兼容不好(倒是不见得要兼容)。需要修改B网站的代码 iframe w...
  • 在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+。两套运行时,同样的调用方式,可供用户任意选用。采用大文件分片并发上传,极大的提高...
  • 适用于手机端,Vue实现淘宝购物车结算代码支持商品全选、商品累加统计、支持收藏等功能,是一款非常全面的购物车结算表单代码(不兼容IE6,7,8)点击打开链接...

空空如也

空空如也

1 2 3 4 5
收藏数 88
精华内容 35
关键字:

vue兼容ie6

vue 订阅