jQ常用方法
$(document).ready(function () { /*禁用右键菜单 * 所有元素都有contextmenu事件,通过冒泡的方式可以触发到最外围的元素 * 直接给document元素设置该事件可以阻止右键菜单事件 * */ $(document).on('contextmenu', function () { return false; }); //给a元素设置新建窗口打开 $('a[href^="http"]').attr('...
了解了一下jq的移动端框架,因为年代久远,让我怀念曾经的时代,是何其的辉煌。首先由于年代久远,jq的版本需要使用1.0.1版本,然后下载jquery.mobile - 1.4. 5.zip,里面会有很多文件,我们需要拿两个主要文件,还有图片就行,文件分别为:jquery.mobile-1.4.5.min.cssjquery.mobile-1.4.5.min.js一个css文件,一个js文件,然后引入顺序为,css,jq,jq.mobile使用方法:通过自定义的元素属性来配置,基本结构如下<div data-role="page"> <div ...
之前一直用的懒加载,也就是对同一个img元素做操作,通过load事件判断图片资源是否加载完毕然后替换src链接,但是今天我不想这么做了,这么做要写太多的代码,我想有没有纯css就能解决的办法。突然我想到以前逛别人博客的时候遇到的一个情况,就是他的图片是先高斯模糊的,然后再慢慢变得清楚,为此我想到了一种情况,也是用js判断,就是需要一张很小的缩略图,然后这个缩略图拉伸到和原图一样的大小显示,然后这个图浮动再原图上方,并且做高斯模糊处理,当大图load加载完毕,小图就做透明渐变直到display:none,但是这样也太麻烦了,不是我需要的,我需要的是纯css。于是我把目光放到了qq空间上,q...
手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的高度在页面每次加载后获取window的innerHeight高度,然后手动给body设置这个固定的px值,并将这个值储存起来,然后再加一个window的resize事件,当页面被压缩,该事件就会触发,此时我们就判断,如果此时的windw的innerHeight高度小于之前的值,那么就将浮动底部的元素隐藏起来.注意window.innerHeight和document.body....
页面写好后我在ipad上测试,安卓上测试,都没有出现这个问题,但是在iPhone上就会出现,我点击表单,整个页面就会被自动放大,我当时一脸懵逼,代码没错啊,于是百度了了好久,很多人都只是提供了某一小段meta标签,实际使用并无效果,实测需要两条配合使用就可以解决这个问题,代码如下:<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width...
最近给笔记本重装了系统,装回了老版本1709,感觉世界都清净了,但是没有了剪贴板了,有些不是很方便,所以我就百度了下,发现吾爱有人用易语言写了一个,于是下来使用了下,还行,就是没法开机自启,所以我百度了几个办法,这里把有效的方法贴出来。直接win+r输入regedit,然后进入注册表计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run这个目录,简单点直接复制粘贴到注册表的地址栏里直接就进去了,省的翻,然后在右侧,右键新建一个字符串值,名字自己取,比如我自己设置为:copy,然后双击打开这个字符,在数值数据...
之前写过一次加密,这次就重新调整并发布出来,一般来说,cookie用于存储账号信息是不安全的,但是后端一般很少会给你做这个功能性的适配,只能前端硬着头皮写了,为了安全,加密是必不可少的了,这里我们就是用crypto-js的aes加密.首先安装我们需要的插件,npm安装,其他安装自行查看npm install crypto-js --save-dev npm install vue-cookies --savecrypto-js官网vue-cookie官网安装完成后我们在需要调用的vue文件中引入,比如login.vue文件中,但是这里我们根据项目的要求,cookie需要全局引入,而加密由...
这个问题一直困扰了我很久了,之前我做手机端侧栏nav的时候也会出现这个问题,因为不影响使用,也暂时没找到处理的办法,索性就没管了,今天尝试了几次方式,发现通过css设置就很很完美的解决的这个问题.首先这个问题一般都是因为我们阻止的touch事件导致的,谷歌为了让滑动能够顺滑,即便我们阻止了默认行为也是滑动的,所以才会出现这个错误.错误提示:[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See解决办法直接给body元素...
我今天才知道,微信内置的浏览器无法点击下载链接下载文件的,虽然有一些办法,但是最简单粗暴的就是提示用浏览器打开即可.微信端要求1ios最好只用safari浏览器打开安卓用浏览器打开即可解决办法就直接判断,如果是ios就提示用safari,安卓就用其他浏览器打开,直接做ua判断即可!let ua = navigator.userAgent; if(isEquipment(ua) === "ios"){ //ios提示 }else if(isEquipment(ua) === "android")){ //安卓提示 } //判断是安卓还是ios f...
npm命令无法执行vscode终端中,输入npm提示无法执行,主要原因是没有权限,用管理员模式打开vscodevue-cli安装完无法输入命令运行主要原因是系统设置了禁止运行脚本,win10用管理员模式打开PowerShell,输入get-ExecutionPolicy会返回Restricted;意思是禁用了,输入set-ExecutionPolicy RemoteSigned后输入y表示开启,然后vue命令可用
上次我通过监控click的触发时间来判断是否双击后,在ipad上测试是已经解决了的,但是iPhone上居然又不行了,他需要点击三次才会触发双击事件,按道理,判断时间是没有问题的,400ms也刚刚好,于是又去研究.同事告诉我说苹果的会有click延迟,为此我测试了一下,点击一下,然后等久一点点再点击,也能触发双击,但是这个一点点的时间肯定是超过了400ms,只能说首次的click被延迟执行了.具体为什么要这样做,估计是要和ios系统本身的双击放大有关系的,反正dblclick完全不触发的,无奈又要去找解决方案.于是就找到了FastClick,他是一个在github上发布的轻量级解决方案,引...
使用npm run dev运行本地项目的时候遇到两个报错,第一个是-4058,另一个是npm ERR! Exit status 1,具体报错如下:npm ERR! node v6.11.0 npm ERR! npm v3.10.10 npm ERR! path C:\Users\BYN.YANA-PC\package.json npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall opennpm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! travel@1.0.0 dev:...
ios端他自己有一个双击空白区域会自己放大缩小视窗,我怀疑就是这个功能导致dblclick无法正常触发,于是只能通过单次cilick来判断了.当第二次click的触发时间小于400ms说明是双击,于是通过创建时间戳进行对比. let lastClickTime = 0; let clickTimer; $('#body').on("click", e => { let nowTime = new Date().getTime(); if (nowTime - lastClickTime < 400) { ...
ImagePreview 是一个图箱插件,自动创建遮罩层,但是当我把它封装到一个插件里面(imgbox.vue);在两个页面都引入这个同一个组件,遮罩层会在某一个页面显示,另一个页面消失.仔细想了下,应该是他只会创建一个遮罩层,然后创建后就不在处理了,只是显示和隐藏操作,这就导致第一个页面的遮罩层被第二个页面拿走了,没法拿出来,唯一的办法就是重载了.通过v-if对这个imgbox进行重载渲染,创建一个判断属性,每次判断这个来是否挂载组件.这个判断属性要在当前页面mounted生命周期时挂载一次,但是这也只能挂载一次,所以我们还要监控路由的变化,如果又到了这两个页面,就再进行一次挂载,离开...
组件地址:点击SwipeCell 滑动单元格介绍他是一个封装好的组件,当手指往左滑动的时候,调出右边的菜单,往右滑时调出左边的菜单.用法除了官网提供的基本写法,还可以通过slot插入自定义的元素用于内容显示.这里就会遇到一个问题,如果我们滑动的内容里面有一个click的事件用于进入到下一个页面.当单元格处于拉开的状态,也就是左右有单元格滑动了,点击时依旧会触发click事件,但是已QQ为例,qq在左右拉开的时候,点击只会让拉开的元素还原,并不会触发click事件,所以我们要解决这个问题.解决问题由于click是由我们自己写的元素触发,click事件也是我们自己写的,所以操作上就很方便了,...
在3.出牌的时候,书上只是给hand组件中的card组件元素绑定了自定义的play事件,然后触发hand的methods中的handlePlay方法,并将当前card作为参数传入。但是他没有讲这个play方法触发。只是讲点击卡牌是可以触发这个自定义的play事件,而且他的css里面设置了pointer-events: none;导致这个事件没法触发到,况且本身不讲怎么触发play也无法进行下一步。简单的解决办法就是在card组件的methods中写一个自定的方法,然后在里面使用$emit触发play事件,然后css设置.hand{pointer-events: all;}就可以了,然后效...
今天按着书写代码的时候发现一个问题,margin负值居然无法拉伸元素,在我的理解里margin四个值都为负值的时候是可以拉伸元素的。为此我还特意百度了下,也没找到什么有价值的信息,于是自己测试了下。当元素为block话的时候,也就是正常水平流状态时,使用margin负值是可以拉伸的,但是,当你的元素设置了宽高,那么负值就不能拉伸了。他会以top和left两个方向做位置偏移。而: position: absolute; top: 0; bottom: 0; left: 0; right: 0;这种状态元素也可以看做为一个block元素,正常的水平流状态。也能用margin负值拉伸!...
实习快三周了,说不上什么感觉,反正一开始挺难受的,一开始我以为前端就是每天ui,各种酷炫各种hack,然后每天研究什么样的写法可以省资源,毕竟我接触到的优化的书差不多都是节省资源为主,然后资源回收啥的,说实话我要是没搞过这个主题那么长时间,我可能一天都待不下去了,然后即便到今天,格格不入的那种感觉也常常缠绕在心头。碰到的和学到的永远是擦边的那种感觉,碰到的问题永远是兼容的问题,一上来就是三个大平台,浏览器,微信小程序,app,甚至细分下还有ios和安卓两个平台的不同。让我这个一直都是pc+安卓的有点不知所措,经常是浏览器表现很好,安卓也没问题,然后一到微信和ios就开始疯狂出问题,由于是...
实习的地方使用的vue,于是只能硬着头皮学了,之前买过一本vue的书,于是派上了用场,但是实际其实用处感觉不大,前期的内容还是挺简单的,就是讲了几个vue的标签,指令这些的用法,但是一到路由这里就卡主了,因为1.0和2.0版本不同,很多东西都变了,而且例子也不详细,无奈只能放弃继续读下去,于是找一个视频教程和一本项目实战的书,期待能有新的认知,这里就暂时放弃继续写这本书的笔记了。
制作一个简单的modal组件,主要效果就是,点击按钮能够弹出这个模态框,然后模态框有两个按钮,点击取消能够关闭,确认就alert弹出提示信息,并且他的宽度由父组件控制,内容也由父组件渲染,然后按钮的事件也是父组件的。效果图首先我们创建一个组件,由于html代码过多,所以采用在html文件中创建,然后js获取。先引入一个css文件:<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.css"><script id=&quo...
最近评论