vue
vue在H5中的学习与应用
小夵
努力学习的前端少女
展开
-
vue --解决跨域问题
vue --解决跨域问题一、什么是跨域?跨域问题一般是因为浏览器的同源策略问题。同源是指,协议+域名+端口 三者相同,既为同源。同源策略限制以下几种行为Cookie、LocalStorage 和 IndexDB 无法读取DOM和JS对象无法获取AJAX请求无法发送二、跨域解决方案。使用jsonp实现,网页通过script标签向服务器请求json数据,服务器受到请求后,将数据放在一个指定名字的回调函数的参数里面传给前端。<script src="http://www.t原创 2020-08-13 15:51:00 · 409 阅读 · 0 评论 -
借鉴Element-ui中源码方法实现H5页面中textarea自适应高度方法
借鉴Element-ui中源码方法实现H5页面中textarea自适应高度方法直接上方法和使用吧(vue项目)方法(在项目的公共方法中,添加一个js文件)let hiddenTextarea;const HIDDEN_STYLE = ` height:0 !important; visibility:hidden !important; overflow:hidden !important; position:absolute !important; z-index:-10原创 2020-05-19 17:10:11 · 408 阅读 · 0 评论 -
H5-移动端-textarea无法滚动问题
H5-移动端-textarea无法滚动问题一、项目说明H5项目,采用技术为vue,页面中使用的页面滑动插件是better-scroll(better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件)。二、现象在项目中,一个录入信息的页面中,使用了textarea,让文本能滚动输入或查看。在文本框中录入了足够多的文本以后,发现textarea无法滚动,滑动的时候,会触发整个页面的滚动,这样这个就达不到我们页面想要的效果了。三、原因原因就是因为在触发textarea滑动的时原创 2020-05-19 16:54:22 · 3194 阅读 · 0 评论 -
vue-公共方法
目的:这篇文章主要是记录一下平时在项目中都会用到的一些通用方法,可以放在项目的utils文件下,使用起来比较方便。日期对象转为日期字符串/** * 日期对象转为日期字符串 * @param date 需要格式化的日期对象 * @param sFormat 输出格式,默认为yyyy-MM-dd 年:y,月:M,日:d,时:h,分:m...原创 2020-03-14 14:48:00 · 149 阅读 · 0 评论 -
vue-H5实现前端模糊查找
一、需求:需要根据一个本地的数据,实现本地数据的模糊查找。具体需求就是根据本地数据,在手机输入框输入一个字或者多个字时实现模糊查找的效果。二、实现原理:正则匹配三、难点:1、知道用户正在输入的是中文还是英文。如果是中文,在打字的时候,不能触发模糊搜索的方法,如果是输入的英文,那么就应该在输入第一个字母时就要触发,所以在vue中,input的change事件显然是不能满足的,因为chang...原创 2020-03-14 14:23:15 · 966 阅读 · 0 评论 -
移动端实现固定表格首列和表头(vue)
移动端实现固定表格首列和表头(vue)因为移动端项目需求要实现一个可以固定表格首列和表头的表格,但是移动端对表格需求很少,用的组件库中也没有设计这个组件,也不能用插件,所以只能自己写一个。语言是vue。基本思想:把首列和表头和主体表格分开;然后给tbody添加一个滑动监听,滑动的时候,触发事件让表头和首列固定就可以。但是注意的是,高度和宽度必须都要统一设置好,不然会出现表格不对齐的问题。实...原创 2019-12-18 16:37:12 · 4358 阅读 · 1 评论