前端
关注
分享
扫一扫
浮华饰浮华
小渣渣
展开
-
ELEMENT-UI使用小TIPS(长期更)
ELEMENT-UI使用小TIPSthis.$nextTickthis.$forceUpdatethis.$refs.tableRef.doLayout()table.keythis.$nextTickthis.$nextTick这个方法作用是当数据被修改后使用这个方法会回调获取更新后的dom再渲染出来this.$forceUpdate强制刷新。使Vue实例重新渲染虚拟DOM。并不是重新加载组件。调用$forceUpdate后只会触发beforeUpdate和updated这两个钩子函数，不会触原创 2021-05-06 11:31:59 · 610 阅读 · 0 评论 -
AngularJS阻止点击冒泡事件
<div ng-click="alertDiv('div',$event)"> <button ng-click="alertBtn('btn');$event.stopPropagation();">click</button></div>原创 2020-01-19 10:23:34 · 635 阅读 · 0 评论 -
利用at.js实现微博@功能
直接贴出前端代码和@的交互逻辑代码at.js官网将页面内需要引用的js和css文件从官网下载,然后引入,直接打开这个demo就可以了<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="s...原创 2019-11-22 17:26:00 · 1501 阅读 · 3 评论 -
js在Html页面结构中引入的正确位置
在错误的位置引用大量的JS文件会导致页面静态元素迟迟加载不出来而给人一种网页顿卡的感觉.那么怎么才能解决这个问题呢?正确的做法是在<body></body>标签后面引入js文件.而body前面引入CSS文件.不会像我以前的通常做法是在<head></head>节点里面直接引入所有的css和js.因为如果有多个js文件被引入，那么对于浏览器来说，这些j...原创 2019-08-01 15:57:47 · 2159 阅读 · 0 评论 -
Vue.js中如何使用原生js触发点击事件
太坑了!!!!!!!!! var e = document.createEvent("MouseEvents"); e.initEvent("click", true, true); //这里的click可以换成你想触发的行为 ...原创 2019-07-15 12:16:11 · 8507 阅读 · 1 评论 -
CSS3 POSITION:STICKY 固定导航平滑过渡
position:sticky是一个新的css3属性，它的表现类似position:relative和position:fixed的合体。 在可视区域内，表现是 relative属性超过区域外，固定在屏幕上，表现是 fixed属性一般方法是用js控制 position为 relative 和 fixed切换，但手机上滑动会有些滞后，卡顿，而 sticky属性能平滑过渡。判断stic...转载 2018-09-21 15:53:33 · 912 阅读 · 0 评论 -
JavaScript原型,深克隆和浅克隆的区别
原型对象 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象，简称函数的原型。这个原型对象B 默认会有一个属性 constructor 指向了这个函数A ( 意思就是说：constr...原创 2018-04-25 11:26:36 · 1244 阅读 · 0 评论 -
ng-if小坑
前言ng-if指令可以根据表达式的值true/false在DOM中真正生成或真正移除一个元素。如果赋值给ng-if的表达式的值是false，那对应的元素将会从DOM中移除，否则对应元素的一个克隆将被重新插入DOM中。ng-if同ng-show和ng-hide指令最本质的区别是，它不是通过CSS显示或隐藏DOM节点，而是真正生成或移除节点。当一个元素被ng-if从DOM中移除，同它关联的作用域也会被...转载 2018-03-29 14:44:54 · 701 阅读 · 0 评论 -
多级下拉列表默认触发下拉事件加载数据
jQuery.get("./getProvinceList",{},function(data){ console.log(); var list = data.data.list; var html = "<option value='0' disabled='disabled'>省</option>"; ...原创 2018-03-22 11:22:10 · 505 阅读 · 0 评论