javascript
关注
分享
扫一扫
wcy7916
这个作者很懒，什么都没留下…
展开
-
js 根据useragent判断软件版本号，大于等于某个版本才显示指定内容
getAppVersion(){ let name = navigator.userAgent let re = new RegExp("\/(eusoft_.*?)\/([0-9]{1,2}\.[0-9]{1,2}\.[0-9]{1,2})\/") let array = re.exec(name) if(array && array.length < 3){ return false } if(array){ .原创 2021-02-02 11:31:10 · 559 阅读 · 0 评论 -
前端常用方法集锦(正则判断，元素增删改，数组操作)
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) => { re原创 2020-05-27 14:00:16 · 661 阅读 · 2 评论 -
前端 设置 cookie
添加cookie: document.cookie="curUserId="+curUserId+"; path=/"; document.cookie="curCourseId="+curCourseId+"; path=/";tip:path属性可加可不加，但是 如果需要在B网页中获取A网页，需要保证domain和path的值相同，因为A网页的path是/course,B网页的pa...原创 2019-12-31 14:32:54 · 1132 阅读 · 0 评论 -
js 按断时间是昨天，几天前，几周前
function getDateDiff(dateTimeStamp){ var result = ''; var date = (new Date()); var theDate= new Date(dateTimeStamp).getTime(); var today = new Date(date.getFullYear(), date.getMonth(),...原创 2019-12-30 14:17:39 · 344 阅读 · 0 评论 -
粘性定位之 position:sticky
这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。即元素先按照普通文档流定位，之后为固定定位。...原创 2019-06-26 13:00:04 · 1723 阅读 · 0 评论 -
jquey && javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
//点击播放单词音频 $(document).off("click").on("click", ".audiolins", function (event) { event.stopPropagation(); var au...原创 2019-07-02 11:10:35 · 2627 阅读 · 0 评论 -
vue 图片懒加载组件vue-lazyload
目的：当网络请求比较慢的时候,图片文件比较多，让用户体验更好一点。npm 安装 vue-lazyload组件$ npm i vue-lazyload -Djs:import Vue from 'vue';import VueLazyload from 'vue-lazyload';import { Toast } from "vant";Vue.use(VueLazyload)...原创 2019-06-24 13:54:52 · 689 阅读 · 0 评论 -
受tansform影响导致固定定位position: fixed;失效
https://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/如果一个元素设置了position:fixed;其父元素设置了tansform属性的话，不管是scale()、rotate()、还是translate()，其fixed值都会失效，直接会使position:fixed;变成position:absolute;的效果...原创 2019-07-10 11:07:08 · 2071 阅读 · 0 评论 -
javascript 自定义 音频/视频 播放控制器
效果：（视频和音频，看起来一样，只是代码有些小区别）播放条实现：ShareArticle.html: <div class="audioControl appletsControl playControlMenu"> <!-- 播放条 --> <div class="appletsProgress"> ...原创 2019-07-10 14:52:33 · 1166 阅读 · 0 评论 -
锚点跳转bug ：导致点每个菜单，都会记录一次history，导致点返回频繁显示
jquery:锚点的平滑跳转$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);javascript: //操作顶部菜单 var getlang = document.getElementById('eudicMenuToplist'...原创 2019-07-01 09:48:00 · 1621 阅读 · 0 评论 -
点击锚点跳转，顶部菜单栏遮住了内容
问原创 2019-07-01 10:31:35 · 2063 阅读 · 0 评论 -
javascript 之 理解 call(),apply()
call 和 apply ，就是为了改变函数体内部 this 的指向而存在的;二者的作用完全一样，只是接受参数的方式不太一样;call 需要把参数按顺序传递进去，而 apply 则是把参数放在数组里;如果call或apply的第一参数是null的话， this指向window;简记方法：call：猫吃鱼，狗吃肉，奥特曼打小怪兽。有天狗想吃鱼了猫.吃鱼.call(狗，鱼)狗就...原创 2019-07-12 09:54:42 · 165 阅读 · 0 评论 -
-webkit-overflow-scrolling:touch 导致图片不显示bug
前言：ios移动端 ul列表，上下滑动比较卡顿，不够流畅，添加了-webkit-overflow-scrolling:touch 属性后解决了这个bug,增加了滚动回弹效果。但是触发了另一个问题，上下滑动时 li 里面的 img图片不显示了，需要手动点一下才显示，文字数据是显示的，图片路径 src路径存在视图：主要 html:<div class="slideDivContent"...原创 2019-04-30 10:38:13 · 688 阅读 · 0 评论 -
javascript 数组/对象去重
以下代码均在vue的methods中写的，记录用vue写选择题时遇到的问题数组去重var arr1=[1111,22222,333333,22222,333333]去重后，结果为 arr2=[1111,22222,333333] finishGreen: [], //做完题目 var _self = this; _self.finishGreen.push(itemselect.I...原创 2019-04-23 18:08:08 · 188 阅读 · 0 评论 -
比较两个时间的大小
//活动结束就隐藏 var date = new Date(); var strDate = date.getFullYear() + '/' + (date.getMonth() + 1) + '/' + date.getDate(); function tab(date1, date2) { var oDate1 = new Date(date1...原创 2019-04-23 17:57:57 · 1890 阅读 · 0 评论 -
JS/CSS判断是不是iphoneX？
js判断 if (/iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)) { //是iphoneX } else { //不是iphoneX }CSS判断：@media only scr...原创 2018-10-24 18:02:18 · 3780 阅读 · 0 评论 -
理解javascript 回调函数，闭包
回调jQuery中一直有使用回调函数，比如：$(&amp;quot;#btn&amp;quot;).click(function() { alert(&amp;quot;button clicked&amp;quot;);});example1: methods: { getClassDetail(toastTip) { this.$http.get('/原创 2018-11-14 11:14:30 · 1526 阅读 · 0 评论 -
javcascript 手写 日历
效果图：html: &lt;div class="calendar_box calendar" id="calendar" &gt; &lt;dl class="dateItem"&gt; &lt;dt class="monthD原创 2018-11-23 16:26:42 · 6466 阅读 · 0 评论 -
移动端页面下拉加载分页数据
1: javascript写法://请求阅读记录数据var page = 0;//第一页的数据。页面刚进来就请求这个方法function getTingHistory(date) { $.ajax({ url: '/studyplan/GetListen?userid=' + curUserId+'&time=' + date + '&page=0'...原创 2018-11-23 16:40:49 · 8035 阅读 · 1 评论 -
网页设置的音频不能自动播放
前言：有些设备禁止了autoplay 属性html: <audio src="https://static.frdic.com/web/music/Always.mp3" preload="meta" loop autoplay id="bgmusic"></audio>js://背景音不能自动播放: 监听WeixinJSBridgeReady事件、DOMCon...原创 2018-12-20 16:20:53 · 5325 阅读 · 0 评论 -
监听是否离开当前页面
var pageVisibility = document.visibilityState;// 监听 visibility change 事件 document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { // 页面变为不...原创 2018-12-20 16:22:12 · 5635 阅读 · 0 评论 -
全屏滚动插件之 fullpage.js
前言：做移动端网页下滑/点击切换到下一页的效果，采用了fullpage,js最新的版本https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.4/fullpage.js因为他的初始化是酱紫的：new fullpage('#fullpage', { anchors:['page1', 'page2', 'page3']});anc...原创 2018-12-21 09:56:22 · 4053 阅读 · 2 评论 -
ajaxFileUpload连续上传文件时，从第二次开始不触发change事件
原因：是ajaxFileUpload将file上传之后将原有的file元素改变了，需再次绑定change事件，也就是说在upload完之后重新绑定change，代码： //上传文件 $("#fileUpload").change(function () { prompt_btn('文件上传当中', 'w_succ...原创 2019-01-16 18:53:25 · 1907 阅读 · 2 评论 -
js 获取ul地址栏的参数的值
定义： $.getUrlParam = function (name) { var reg = new RegExp("(^|&amp;)" + name + "=([^&amp;]*)(&amp;|$)"); var r = window.location.search.substr(1).match(reg); if (r !=原创 2019-02-18 10:28:40 · 658 阅读 · 0 评论 -
js 获取当前月的每一天并显示出来
效果：代码： var myDate = new Date(); /*获取一个月的天数 */ function getCountDays() { var curDate = new Date(); var curMonth = curDate.getMonth(); curDat...原创 2019-03-01 11:54:44 · 5369 阅读 · 1 评论 -
JavaScript 倒计时
JavaScript 倒计时 xx年 xx月 xx天 xx时 xx秒原创 2019-04-23 17:54:29 · 1211 阅读 · 0 评论 -
判断网页是否是在微信中打开的
var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //在微信中打开需要的操作 } else { //不在微信中打开 }原创 2018-10-22 09:40:55 · 2192 阅读 · 0 评论