![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
浮云若飞
这个作者很懒,什么都没留下…
展开
-
vue深入理解v-bind指令
v-bind入门<span :text="content">使用</span>会渲染成如下:<span text="content">使用</span>字符串拼接<span :text=' "we" + 1 '>使用</span>会渲染成:&原创 2018-08-05 17:12:31 · 19121 阅读 · 1 评论 -
vue-router 路由模式及url中#号的解析
路由模式解析这里要讲vue-router的路由模式,首先要了解的一点就是路由是由多个URL组成的,使用不同的URL可以相应的导航到不同的位置。如果有进行过服务器开发或者对http协议有所了解就会知道,浏览器中对页面的访问是无状态的,所以我们在切换不同的页面时都会重新进行请求。而实际使用vue和vue-router开发就会明白,在切换页面时是没有重新进行请求的,使用起来就好像页面是有状态的,这是...原创 2018-02-28 21:34:07 · 24681 阅读 · 1 评论 -
Vue 嵌套路由代替iframe
技术要点 Vue vue-router html / css开始首先定义一个初始的界面,如下所示:HelloWorld.vue:在这个界面中我们点击foo就可以将router-view切换为我们定义的另一个组件。<template> <div class="hello"> <router-link to="/f...原创 2018-02-08 13:46:19 · 20085 阅读 · 1 评论 -
JS 获取html元素宽高 及设置宽高
获取浏览器的宽高: var width = window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var height = window.innerHeight|| document.documentElement.clientHeight|| document.bod...原创 2018-02-13 22:47:26 · 38647 阅读 · 0 评论 -
html & js 实现拖动效果
前言在日常开发中,前端中常会使用到拖动的效果,今天就来好好的讲解一下,使用javascript和html实现拖动的效果。需求分析要实现的效果很简单,如下图中,我们在蓝色区域内拖动可以使得整个灰色和蓝色的也一起拖动,而在灰色的界面内是无法实现拖动的。 javascript样式很简单,就不多说。 其中的蓝色部分的id是top,而灰色部分的id是main。window.o...原创 2018-02-14 17:07:45 · 6435 阅读 · 2 评论 -
前端:pageY、clientY、offsetY的区别&拖动效果优化
前言之前我写过一篇html和JavaScript实现拖动效果的文章,这篇文章里面的东西实在是有些简单了,而且实际上会出现错误,错误效果如下:同样的界面,我们滑动到最上面,效果却是正确的:为什么呢,其实是因为位置的原因,当我们在最上面拖动时,拖动的空间距离顶部的距离是不变的,而当页面滑动到下方时,拖动的时候,页面的位置是不一样的,因此计算出来的也是错误的,引起错误的代码为这其中的...原创 2018-09-06 21:58:20 · 11705 阅读 · 0 评论