javascript
关注
分享
扫一扫
文章平均质量分 54
iimT
个人博客 iimt.me
大三计科狗，喜欢音乐、运动、编程，人生最大的快感来自于创造。目前致力于前端开发方向，坐标浙江绍兴，很乐意你与我交流。
展开
-
Javascript鼠标拖动面板的制作【思路及注意点】
先来看看效果：拖动面板演示效果HTML结构很简单，一个大的div包含三个小的div 如图：然后开始思考如何来写鼠标拖动实现的代码。点击到标题才能拖动.标题被点击后，触发点击事件，同时给点击事件绑定鼠标移动事件。当鼠标移动时，将面板也按照鼠标的位置进行移动。鼠标松开后，清空鼠标移动事件。这是大方向的思路，然后我们细化一下。标题被点击，首先要获取到class=”text”的第一个元素，设置原创 2016-10-18 14:52:28 · 487 阅读 · 0 评论 -
用原生JS写getElementsByClassName方法
getElementsByClassName是HTML5新增的DOM API 在IE8以下是不支持的，很多时候需要自己写一个getByClassName()方法需要两个参数，一个parentObj父元素，一个是className首先获取parents下所有节点，然后用一个for循环逐个判断其className是否等于我们要get的className如果相等的话就push到result中。具...原创 2018-11-06 14:18:22 · 1986 阅读 · 0 评论 -
个人信息卡片列表样式切换页面详解
#先随便说说先来看看长什么样子（动态图可能加载会慢一点）:先看怎么写，源码放在了github上本文最后会有链接可以做个参考。#HTML结构还是简单的HTML结构（我写的HTML结构都很简单哈哈）//注意看图片中的文字。具体的样式自己随意发挥就好。这里有一个CSS的知识，就是background添加图片并且可以设置坐标，具体可以看看这篇文章CSS中背景图片定位方法，这个页面的右上角两...原创 2018-11-06 14:18:48 · 7733 阅读 · 0 评论 -
Vue使用axios，设置axios请求格式为form-data
Cover在Vue中使用axios这个老生常谈了，还是先记录一遍，方面后面自己查。!!! 设置form-data请求格式直接翻到后面看。1. 安装axios在项目下执行npm install axios。之后在main.js中，添加：import axios from 'axios' //引入//Vue.use(axios) axios不能用use 只能修改原型链 Vue.p...原创 2018-11-06 14:22:01 · 14249 阅读 · 5 评论 -
获取DOM元素到页面顶部的距离，亲侧有效版本
CoverWhy上一次给页面做无限加载的时候记得弄得很麻烦，今天又遇到了这个问题，于是开始思考其在VUE中的最佳实践。能想到最简单的办法就是页面底部放一个加载动画元素，给页面添加scroll监听事件，当scrollHeight能够reach到该元素的时候就触发更新操作。于是需要该加载动画元素到页面顶部的距离。百度后，获得了一些让我欲罢不能的答案，并且浪费了我好几分钟的时间打log。写此文，一...原创 2018-11-07 15:52:27 · 40777 阅读 · 12 评论