本文主要讲述利用border属性做出不同的几何形状从而适用于比较好看的视觉样式。 预备知识 border相关属性 border-width 边框的宽度 border-style 边框的样式 border-color 边框的颜色 案例举例 为了更加通俗易懂，demo用的是最简单的dom元素和css属性 ...
分类：
Web程序 时间：
2020-06-07 14:25:50
阅读次数：
80
DOM元素使用addEventListener绑定事件的时候经常会碰到想把当前作用域传到函数内部，可以使用以下两种放下： var bindAsEventListener=function (object, fun) { return function(event){ return fun.call( ...
分类：
其他好文 时间：
2020-06-02 23:04:02
阅读次数：
140
vue组件中使用 <template> <div> //创建一个dom元素用来放echats图表 <div id="xline"></div> </div> </template> script中的 <script> export default { mounted() { var chart = ...
分类：
其他好文 时间：
2020-05-31 12:45:49
阅读次数：
65
1. 提示框 基本原理： 用一个dom元素来显示提示框，提示框绝对定位，在相关事件中，动态修改提示框的位置即可。 通常是用 event 的 pageX 和 pageY 修改 提示框定位。 2. 折线图的焦点虚线 在鼠标滑动到折线图焦点时候，通常要显示到Y轴和X轴的虚线。 此时，需要监听划过区域的事件 ...
分类：
其他好文 时间：
2020-05-30 15:36:54
阅读次数：
74
Vue 的 ref 属性的回顾 vue 的 ref 属性主要用于访问子组件（vue组件）或者子元素（dom元素）， 具体写法：<base-input ref="usernameInput"></base-input> 获取实例：this.$refs.usernameInput 如果base-inpu ...
分类：
其他好文 时间：
2020-05-29 13:38:11
阅读次数：
78
ref 有三种用法： 1、ref 加在普通的元素上，用this.ref.name 获取到的是dom元素 2、ref 加在子组件上，用this.ref.name 获取到的是组件实例，可以使用组件的所有方法。 3、如何利用 v-for 和 ref 获取一组数组或者dom 节点 <!DOCTYPE htm ...
分类：
其他好文 时间：
2020-05-29 12:06:24
阅读次数：
70
概述 根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。 你可以传递一个手写的 HTML 字符串，或者由某些模板引擎或插件创建的字符串，也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制，可以参考 ...
分类：
Web程序 时间：
2020-05-24 13:26:18
阅读次数：
68
通过css3我们可以创建动画，它能取代gif图片、Flash、Js动画等,css3的animation动画是应用在html的DOM元素上的，通过样式来实现的。 @keyframes 规则 @Keyframes我们可以把他理解为“关键帧”，它的规则是：创建由当前样式逐渐改为新样式的动画效果。对于一个" ...
分类：
Web程序 时间：
2020-05-23 20:17:12
阅读次数：
69
// 覆盖原来的样式document.getElementById("test").setAttribute("class","test1");var dom=document.getElementsByClassName("test")[0].setAttribute("class","test1 ...
分类：
Web程序 时间：
2020-05-22 17:26:21
阅读次数：
231
Vue 通过ref获取DOM元素 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 当 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。通过this,$r ...
分类：
其他好文 时间：
2020-05-16 00:14:00
阅读次数：
242
