前端
陆杨丶
这个作者很懒,什么都没留下…
展开
-
Vue:elementUI全局loading及自定义gif
elementUI自定义全局loading原创 2022-12-07 17:14:09 · 1577 阅读 · 1 评论 -
Vue:overflow-y:scroll下pc端鼠标可以滚轮滚动,移动端手指不能滑动的问题
移动端滚动布局原创 2022-11-29 10:34:12 · 3516 阅读 · 7 评论 -
Vue:移动端IOS input输入框选中是网页自动放大的问题
ios网页自动放大的问题原创 2022-11-29 10:29:14 · 706 阅读 · 0 评论 -
Vue:enter发送shift+enter换行操作
Vue:enter发送shift+enter换行操作。原创 2022-10-10 16:14:06 · 1629 阅读 · 0 评论 -
Vue:输入框复制去除style样式
可编辑的div中,复制网页中有样式的文字时,会把样式带到输入框中,我们只需要复制的文字,样式不需要,就可以在div的粘贴事件中去处理。原创 2022-10-10 16:07:06 · 951 阅读 · 2 评论 -
vue:元素(非页面)列表锚点定位功能
项目中需要做一个详情说明锚点定位功能,插件没有找到合适的,就打算手写一个。先看效果图。。。点击右边tab,左边的列表就会切换到对应的位置;鼠标在左边滚动或者拉动滚动条,右边的tab也会选中对应的位置。 1、第一时间想到scrollIntoView,在实践的过程中发现怎么都行不通,首先就是元素中的子元素获取不到,在mounted生命周期方法中,getElementsByClassName获取父元素是可以打印出来的,但你获取长度的时候会发现子元素length为0。所以scrollIntoView指定子元素去滚动原创 2022-07-14 15:35:43 · 1193 阅读 · 2 评论 -
前端:解决vue2.0只能运行在Local,不能运行在NetWork的问题
1:设置localhost和本地ip访问,在config文件夹下的index.js文件中dev节点下的host修改为0.0.0.0module.exports = { dev: { host: '0.0.0.0' } }2:设置终端启动的localhost和network访问地址,修改build文件夹下的webpack.dev.conf.js文件中messages节点数组compilationSuccessInfo: { messages: [原创 2022-04-19 09:52:42 · 3985 阅读 · 1 评论 -
前端:动态加入的html代码,class设置点击无响应。
1:直接使用jquery的click事件是没有响应的。$('.item-li').click(function () {}2:应当使用on事件,如下:$(document).on('click','.item-li',function(){}原创 2022-01-14 13:39:41 · 465 阅读 · 0 评论 -
前端:给li标签的条目设置点击监听
$(document).ready(function(){ $('ul').on('click',function(event){ var target = $(event.target); var text = target.text().trim(); var index = target.index(); console.log(text); });});原创 2022-01-14 10:22:15 · 530 阅读 · 0 评论 -
前端:js实现接口回调
//外部js文件 的实现方法function getData(callback) { $.post("http://www.xxx.com/xxx",function(data,status){ // 具体触发条件 if (status == "success") { callback.onSuccess(data); } else { callback.onE.原创 2022-01-13 17:24:29 · 1726 阅读 · 0 评论 -
外部js文件引入其他js
function addScript(url) { document.write("<script language=javascript src=" + url + "></script>");}addScript("./main.js")console.log($);原创 2022-01-13 16:52:52 · 309 阅读 · 0 评论 -
JS监听窗口宽度变化
<script> window.onresize = resizeBannerImage; function resizeBannerImage() { var winW = $(window).width(); if ($(window).width() > 600) { /* 这里是要执行的代码 */ if (!$(".nav-label-mobil.原创 2021-12-18 09:19:45 · 3193 阅读 · 0 评论