![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
weixin_zsh
这个作者很懒,什么都没留下…
展开
-
解决Chrome 67版本以后,无法离线安装插件的问题(无法添加此网站的应用,扩展程序和用户脚本)
今天将谷歌浏览器升级到了最新版本,安装清缓存插件的时候,提示 无法添加此网站的应用,扩展程序和用户脚本,解决办法如下: 在之前的版本中,给谷歌浏览器安装插件只需要打开更多工具下的扩展程序页,将刚才下载的crx文件拖入扩展程序页,就会安装插件成功。 但是最新版本的Chrome浏览器,主版本号为67,发布日期2018.05.30,对Chrome的插件安装策设置成了只允许在Chr...转载 2018-07-16 15:53:12 · 2766 阅读 · 0 评论 -
js拼接字符串后swiper样式无效,不能滑动的解决方案
swiper插件HTML中可以正常使用,但是在js中拼接字符串生成swiper的HTML就失效了!解决办法 : swiper的配置一定要放在拼接字符串之后,紧随其后,如果放在其他的位置,swiper是不识别HTML的。//························//步骤let buzhouDataall = '';//console.log(data.data.step)...转载 2018-09-17 15:55:19 · 995 阅读 · 0 评论 -
swiper / 移动端触摸滑动插件 / 手机轮播插件
做移动端一定会遇到触摸滑动的需求,既需要实现左右的或者上下的自动滚动,又要实现手指滑动的功能。使用swiper 插件就可以完全的满足这个功能,swiper 是开源、免费、强大的触摸滑动插件,使用也很容易上手!swiper 官方中文网 https://www.swiper.com.cn/swiper api文档 https://www.swiper.com.cn/api/index.ht...原创 2018-09-07 09:01:45 · 4950 阅读 · 0 评论 -
photoclip / 移动端图片上传剪裁插件 /一款手势驱动的裁图插件
官方网站 https://www.npmjs.com/package/photoclip介绍在移动设备上双指捏合为缩放,双指转动为旋转 在PC设备上鼠标滚轮为缩放,每次双击则顺时针旋转90度兼容IE10及以上版本,Chrome、Firefox、Safari、Android、微信等主流先进浏览器依赖插件iscroll-zoom.jshammer.jslrz.all.bundl...原创 2018-09-18 09:20:56 · 6301 阅读 · 2 评论 -
移动端长按事件
转载自 鼠标长按事件和移动端长按事件转载自 移动端长按事件<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src=&qu转载 2018-09-21 22:22:46 · 968 阅读 · 0 评论 -
cmd 关机重启 命令 / shutdown
shutdown -r 重启r即restart的缩写shutdown的其他命令:原创 2018-09-29 09:31:25 · 1430 阅读 · 0 评论 -
html2canvas 实现网页截图 / 下载html2canvas.js插件包
html2canvas可以通过纯JS对浏览器网页进行截屏,但截图的精确度还有待提高官网: http://html2canvas.hertzen.com/gitHub: https://github.com/niklasvh/html2canvas引用 : <script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/ht...原创 2018-10-09 08:46:37 · 8289 阅读 · 1 评论 -
理解api
全文: Application Programming Interface 中文名: 应用程序编程接口英文缩写: API 百度百科给出的解释是:一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。软件是运行在系统平台的支持上的,软件的功能其实就是向系统伸请,并由系统完成这些功能的过程。那么软件要做的事情...原创 2018-10-10 16:59:18 · 643 阅读 · 0 评论 -
JavaScript加密算法----CryptoJS的使用
CryptoJS (crypto.js) 为 JavaScript 提供了各种各样的加密算法,目前已支持的算法包括:md5,aes,hmac等CryptoJS的官网:CryptoJS官网、文档、下载CryptoJS的获取:https://github.com/brix/crypto-js/releasesCryptoJS引用:如果只是用到个别的加密方式,可以单独引用对应的加密JS文件;...原创 2018-11-06 19:28:08 · 2178 阅读 · 0 评论 -
js数组的创建,添加元素,删除元素,合并元素、数组排序
一、数组的创建 var arr = new Array(); 创建一个数组 var arr = [ ]; var arr = new Array(a,b,c); 创建一个数组并赋值 二、数组元素的添加push() 结尾添加,返回数组新长度 unshift() 头部添加,返回数组新长度 splice() 从数组指定位置添加/删除元素,返回被删除的元素三、数组的元素的获取与...转载 2018-11-06 19:48:32 · 3333 阅读 · 0 评论 -
通过jquery对元素进行样式操作发现不起作用 / onclick()事件
1.使用jQuery对元素进行样式操作发现不起作用,例如:if(partype == "parent"){ $(".par_name").css("display","flex");}但是 $(".par_name").css("display","flex");在页面上没有起作用,然后将 $(".par_name").css(&quo原创 2018-11-09 14:06:58 · 1189 阅读 · 0 评论 -
window自带的滚动条
$(window).scroll(function(){ console.log("scrolltop-------"+$(window).scrollTop()) //根据$(window).scrollTop()的值进行一些操作 //这里写执行代码})原创 2018-11-05 14:50:23 · 407 阅读 · 1 评论 -
progress进度条滚动动画
html5的标签progress表示进度条,可以用在文件上传的进度显示,文件下载的进度显示,也可以作为一种loading的加载状态条使用。<progress>有两个属性 max 和 value。max 表示进度条的进度最大值,必须是大于0,默认值是1。value 表示当前完成的进度,值的范围为0~max之间。如果没有设置max属性,那么value属性值的范围要在0~1...原创 2018-11-29 11:55:21 · 1996 阅读 · 0 评论 -
判断图片是否加载完成/图片拼接到页面上后获得图片的宽度和高度出错/如何获得渲染后的图片的宽度和高度
问题:通过拼字符串将图片放到页面上,然后获得图片的宽度和高度,打印出来的图片的高度一直为0。后来发现是由于图片渲染到页面需要一些时间,打印图片的宽度和高度的时候,img标签渲染上去了,但是图片还没有加载完成,导致出现问题。解决方法:在图片加载完成后再获得图片的宽度和高度$(window).load(function() { // 图片加载完成后再操作 ...});下...转载 2018-12-12 17:43:51 · 452 阅读 · 0 评论 -
了解Window.devicePixelRatio(设备像素比)
记录一下Window.devicePixelRatio这个特性。介绍:Window.devicePixelRatio 返回当前显示设备的物理像素分辨率与CSS像素分辨率的比值。该值也可以被解释为像素大小的比例:即一个CSS像素的大小相对于一个物理像素的大小的比值。window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixel...原创 2018-12-26 11:07:28 · 6346 阅读 · 0 评论 -
html5语义化标签
html5新增的语义化标签有六个,分别是:header 页眉, nav 导航, section 区块, article 文章, aside 侧边栏 , footer 页脚<header> 页眉,可能包含标题元素,也可以包含其他元素,像logo、分节头部、搜索表单等 <nav> 定义主体模块或者导航链接的集合 <section>表示文档...转载 2019-01-30 14:14:23 · 495 阅读 · 0 评论 -
Ajax响应前和完成事件 / beforeSend complete / 判断ajax是否执行完毕
描述:进行数据交互时如果交互时间长,响应慢的话,用户点击提交按钮误认为自己没有操作成功,就会重复点击按钮,造成重复数据。解决的办法是在用ajax请求时,在交互结束之前出现一个转动的loading小图标或者“内容加载中..”的弹框,用来告知用户正在请求数据,在交互结束后这个弹框就会消失。解决办法:$.ajax的方法beforeSend和 complete。beforeSend,用于在向服务器...原创 2019-03-06 10:13:08 · 1281 阅读 · 0 评论 -
jquery获得$(this)下面的指定的子元素
有时候会遇到循环出来的div,实现用户点击其中一个,据此进行其他操作,我们可以用$(this)来获取用户点击的div,但是如果没有其他的标志来区分这些循环出来的div的话(比如lang值的不同),我们如何获得点击的div的子元素呢?方法有两种,都是jQuery中获得子元素的方法------- .find () 和 .children ()find查找所有的子元素,会一直查找,跨层级查找...原创 2018-08-25 10:04:42 · 60150 阅读 · 0 评论 -
localStorage的认识与使用
转载自 https://blog.csdn.net/taylorzun/article/details/81112392转载自 https://www.cnblogs.com/xmoomoo/p/5757464.html转载自 https://www.cnblogs.com/st-leslie/p/5617130.html转载自 https://blog.csdn.net/qq_25...转载 2018-12-06 10:37:56 · 157 阅读 · 0 评论 -
去除苹果手机select 默认样式
主要用的是-webkit-appearance: none;/*兼容苹果手机*/这是一个小demo<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text原创 2018-08-28 17:50:42 · 7599 阅读 · 0 评论 -
学生课程表的制作
这段时间做的项目里需要实现学生课程表的功能,要求是后台给提供方法,前台通过传递学生的学号和周次来获取方法里的数据,也就是说前台要根据当前时间来判断当前属于该学期的第几周,然后将周次当做参数传递到后台通过ajax获得一周的课表信息。由于本人是前端菜鸟,所以这个功能的难点在我这里就是如何根据当前时间和开学的日期将当前所属的周次给计算出来!js写了一整天才将在这个功能实现,感觉自己写的很繁琐,不过还...原创 2018-07-16 19:17:56 · 2802 阅读 · 0 评论 -
html div 禁止点击
有的时候会遇到不允许用户点击某个选项的功能,比如日历控件中,周一至周五为上班时间,用户不能在周六周日预约到店消费,所以要设置不允许用户点击周六周日这两列的日期css代码如下:.style { pointer-events: none; }转自 html div禁止点击...转载 2018-07-16 19:34:22 · 11678 阅读 · 0 评论 -
js截取字符串的方法 slice substring
经常会遇到需要截取字符串的时候,尤其是中英文在一起的时候var aa = "(19970908)周瑜"var bb = aa.slice(10); //返回周瑜alert(bb);var cc = aa.substring(10); //返回周瑜alert(cc);slice和substring都是截取前几位,保留后几位...原创 2018-07-16 20:11:36 · 155 阅读 · 0 评论 -
bootstrap 轮播图的实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Carousel</title> <link rel="stylesheet" hr转载 2018-07-23 10:35:16 · 311 阅读 · 0 评论 -
css3阴影box-shadow 曲边阴影 翘边阴影 折叠阴影
了解box-shadow 转载自 css3 box-shadow案例转载自 曲边阴影 翘边阴影学习css3 skew 转载自 transform skew() 属性<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>阴影测试</title&转载 2018-07-24 14:57:20 · 1070 阅读 · 0 评论 -
设置文本框 input [type="text"] 的长度不超过固定值,输入的字符不超过固定值
页面上要求设置一个输入一行字的文本框,既然是一行字,我就用了input type为text,没有用textarea,并且还要求文本框长度固定美观,只能输入10个字符。一共用了两个属性,一个是size,一个是maxlength。 size 规定以字符数计的 <input> 元素的可见宽度 maxlength 规定 <input> 元素...原创 2018-07-19 18:00:48 · 7736 阅读 · 0 评论 -
jquery 获取焦点事件,失去焦点事件,文本值发生改变事件
一、focus()当元素获得焦点时,触发事件二、blur()当元素失去焦点时,触发事件$("input").focus(function(){ $("input").css("background-color","#FFFFCC"); }); $("input").blur(function(){ $("input").css("backgr原创 2018-07-19 18:16:50 · 4536 阅读 · 1 评论 -
移动端滑动事件
项目中要实现一个功能,在宽度高度固定的一个div中放入几张图片,图片的高度与div的高度相等,几张图片的总长度要远远超过div的长度,那么问题来了,如何才能让用户通过手指的滑动,看到所有的图片呢?这个可以有两种方法:方法一:图片的上一层父元素设置width,要大于所有图片的总宽度,最外层div宽度高度固定,共三层<!DOCTYPE html><html>...原创 2018-07-19 19:03:05 · 848 阅读 · 0 评论 -
js图片上传功能的实现 FileReader()
想要实现的功能是,点击一个上传的按钮,然后选中上传图片,在页面上可以看到上传的图片一开始是点击这个+之后,上传的图片就出现在+上,将其覆盖实现的思路如下:html页面上的要有input type=file 来上传文件,由于上传按钮太丑了,所有将其隐藏起来,用add.png这个图片显示到页面上,accept是设置上传文件的类型,然后点击时调用getupload()事件&...原创 2018-07-19 19:26:05 · 1554 阅读 · 0 评论 -
点击触发多次change事件
顺序是,第一次点击上传按钮,会触发一次change事件,第二次点击上传按钮,会触发两次change事件,第三次点击上传按钮,会触发三次change事件,以此类推。。但是希望实现的是每点击一次,只触发一次change事件,解决方法如下:在点击的时候,将change()事件解绑$("#in").click();$("#in").off("change");$("#in").change(...原创 2018-07-20 09:42:30 · 5005 阅读 · 1 评论 -
多次触发点击click事件
出现的问题是:第一次点击click,执行一次行为;第二次点击click,执行两次行为;第三次点击click,执行三次行为;依次类推。。希望实现的是:每点击一次click,执行一次行为解决方法:先解绑click,再绑定clickvar n=0;$("#rolls").unbind("click").click(function(){ n++; $("#"+i...原创 2018-07-20 10:12:21 · 1863 阅读 · 0 评论 -
win10 连接远程桌面时,显示发生身份验证错误,给函数提供的身份不受支持
转载自 远程连接桌面转载自 远程连接桌面转载 2018-07-26 17:54:00 · 1019 阅读 · 0 评论 -
js获得特殊字符前或者后的字符串
使用split进行分割,返回分割好的数组 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body&原创 2018-08-10 09:25:46 · 2543 阅读 · 1 评论 -
html使用本地字体/自定义字体 字体转换成@font-face所需的web字体格式
转载自 使用@font-face转载自 字体转换网站的使用方法转载自 字体转换网站官网转载 2018-08-02 10:36:37 · 2153 阅读 · 0 评论 -
实现文字两端对齐
页面开发遇到需要实现文字两端对齐的时候很多,主要使用的是text-align:justify;text-align 属性规定元素中的文本的水平对齐方式但是事实上,在实现两端对齐时,仅设置text-align:justify 实现不了的,还要加上一个span标签,设置padding-left:100% ,虽然我也不知道为什么。这是一个小demo<!DOCTYPE...原创 2018-08-02 18:25:05 · 2688 阅读 · 0 评论 -
对编码的url进行解码/解决取到的地址栏中的中文乱码问/中文乱码转码
在遇到地址栏中带有中文的参数的时候,我们在取到这个中文时有时会出现一堆乱码,这不是我们希望的,我们希望取到的是这个不乱码的中文,也就是经过了解码的中文汉字.。这里要说一下解码是有两种方式:decodeURI ( ) 和 decodeURIComponent ( ).与之相对应有两种编码的方式:encodeURI ( ) 和 encodeURIComponent ( )encodeURI...原创 2018-08-26 20:19:37 · 2130 阅读 · 0 评论 -
返回上一个页面并且刷新页面
返回上一个页面并且刷新上一个页面:self.location=document.referrer;或者是:window.location.href=document.referrer;document.referrer就是指上一个页面原创 2018-08-28 17:26:34 · 2567 阅读 · 0 评论 -
使用sessionstorage实现弹框只在第一次打开网站显示,之后在跳转过来就不打开
方法一:用sessionStorage来做if(!window.sessionStorage.getItem('storge')){ alert('欢迎来到我的首页'); window.sessionStorage.setItem('storge','true')}方法二:用localStorage来做if(!window.localStorage.getIte...转载 2019-03-06 11:34:53 · 1226 阅读 · 0 评论