- 博客(88)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 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
610
原创 前端常用方法集锦(正则判断，元素增删改，数组操作)
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
692
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
1160
原创 css之 -webkit-XXX相关属性应用
1：ios上 input框按钮样式显示不对，android上正确:解决：添加如下代码：-webkit-appearance：none说明：改变按钮和其他控件的外观，使其类似于原生控件。-webkit-appearance会将webkit浏览器中的元素默认样式去除。2:触发click事件时，有默认的阴影效果，需要去掉：解决：添加如下代码：webkit-tap-highlight-co...
2019-12-30 14:24:40
395
原创 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
355
原创 javascript 之 理解 call(),apply()
call 和 apply ，就是为了改变函数体内部 this 的指向而存在的;二者的作用完全一样，只是接受参数的方式不太一样;call 需要把参数按顺序传递进去，而 apply 则是把参数放在数组里;如果call或apply的第一参数是null的话， this指向window;简记方法：call：猫吃鱼，狗吃肉，奥特曼打小怪兽。有天狗想吃鱼了猫.吃鱼.call(狗，鱼)狗就...
2019-07-12 09:54:42
177
原创 javascript 自定义 音频/视频 播放控制器
效果：（视频和音频，看起来一样，只是代码有些小区别）播放条实现：ShareArticle.html: <div class="audioControl appletsControl playControlMenu"> <!-- 播放条 --> <div class="appletsProgress"> ...
2019-07-10 14:52:33
1248
原创 受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
2092
原创 jquey && javascript 绑定点击事件(click事件无反应，因js获取不到当前的点击项)
//点击播放单词音频 $(document).off("click").on("click", ".audiolins", function (event) { event.stopPropagation(); var au...
2019-07-02 11:10:35
2654
原创 锚点跳转bug ：导致点每个菜单，都会记录一次history，导致点返回频繁显示
jquery:锚点的平滑跳转$("html,body").animate({scrollTop: $("#box").offset().top}, 1000);javascript: //操作顶部菜单 var getlang = document.getElementById('eudicMenuToplist'...
2019-07-01 09:48:00
1649
原创 粘性定位之 position:sticky
这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。即元素先按照普通文档流定位，之后为固定定位。...
2019-06-26 13:00:04
1763
原创 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
701
原创 判断ipad横竖屏
//为ipad横屏添加样式 function hengshuping(){ if(window.orientation===180||window.orientation===0){//竖屏 document.getElementsByTagName('body')[0].classList.remove('ipadheng'); ...
2019-06-12 19:31:42
1502
原创 -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
711
原创 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
196
原创 比较两个时间的大小
//活动结束就隐藏 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
1906
原创 vue中使用vant，按钮组件ios点击没有阴影反馈效果
iOS 系统点击没有阴影反馈效果,android是ok的在 body 标签上添加 touch 事件 example:<van-button type="default">按钮</van-button> <div id="app" ontouchstart=""> <router-view></router-vi...
2019-04-19 10:01:54
2712
原创 移动端 初始状态默认显示滚动条（告诉用户此区域是可以上下滚动查看的）
.readDry .scrollDry { height:2.731rem; overflow-y: scroll; background: #F7F8FB; border-radius: 0.171rem; font-size: 0.273rem; color: #525151; padding:0.256rem; /*debug...
2019-04-08 09:34:45
3313
1
原创 js 获取当前月的每一天并显示出来
效果：代码： var myDate = new Date(); /*获取一个月的天数 */ function getCountDays() { var curDate = new Date(); var curMonth = curDate.getMonth(); curDat...
2019-03-01 11:54:44
5406
1
原创 使用第三方字体
1：下载第三方的文件 例如：DINCondensed.ttf2：将字体文件放在项目中3：在common.css中引入字体文件@font-face { font-family: dincondensed; src: url('./DINCondensed.ttf') format('truetype');}4:使用改字体.swiper-pagination-cust...
2019-02-28 18:35:26
1911
原创 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
676
原创 移动端触摸滑动插件swiper使用方法以及踩坑
swiper 官网地址：https://3.swiper.com.cn/使用方法：html://引入相关文件&amp;lt;head&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=
2019-02-15 15:02:37
12414
原创 css ios H5页面web页面 上下滑动不流畅
移动端 ios上面，滑动一点，页面滚动一点，不流畅，安卓不这样解决方案1：删除如下代码：html,body{ height: 100%;}因为我的页面是下半部分可以滑动，上半部分不动。所以html,body的高度设置的就是 height: 100%;所以我采取的方案2解决方案2：增加如下代码：*{ -webkit-overflow-scrolling: touch;}...
2019-02-15 10:32:51
1637
原创 ajaxFileUpload连续上传文件时，从第二次开始不触发change事件
原因：是ajaxFileUpload将file上传之后将原有的file元素改变了，需再次绑定change事件，也就是说在upload完之后重新绑定change，代码： //上传文件 $("#fileUpload").change(function () { prompt_btn('文件上传当中', 'w_succ...
2019-01-16 18:53:25
1955
2
原创 判断ios/android设备;判断页面是否在微信中打开
判断ios/android设备: var uInIOS = navigator.userAgent;&lt;!-- android终端--&gt; var isAndroid = uInIOS.indexOf('Android') &gt; -1 || uInIOS.indexOf('Adr') &gt; -1; &lt;!-- in android且安卓版本大于8.6--&gt; ...
2019-01-04 11:47:38
1186
原创 全屏滚动插件之 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
4131
2
原创 css animate动画demo
页面下滑指引的小箭头<div class="next_guide_icon"><img src="/Images/ting/float_top_icon.png"></div>/*小箭头上下移动*/@keyframes guide_icon { 0% { transform: translateY(0); } 2...
2018-12-20 17:05:48
1235
原创 监听是否离开当前页面
var pageVisibility = document.visibilityState;// 监听 visibility change 事件 document.addEventListener('visibilitychange', function () { if (document.visibilityState == 'hidden') { // 页面变为不...
2018-12-20 16:22:12
5650
原创 网页设置的音频不能自动播放
前言：有些设备禁止了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
5367
原创 移动端页面下拉加载分页数据
1: javascript写法://请求阅读记录数据var page = 0;//第一页的数据。页面刚进来就请求这个方法function getTingHistory(date) { $.ajax({ url: '/studyplan/GetListen?userid=' + curUserId+'&time=' + date + '&page=0'...
2018-11-23 16:40:49
8067
1
原创 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
6738
原创 理解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
1559
原创 ios/android移动端将不同字号的文字底部对齐显示
效果：html:<div class="fou_time_list">66<span>分钟</span></div>css:.fou_time_list { //让父容器的子view都置底 display:flex; flex-direction: row; align-items: flex-end;...
2018-10-29 17:24:06
1211
原创 node.js之npm操作
NPM提供了很多命令，例如install和publish，使用npm help可查看所有命令。使用npm help <command>可查看某条命令的详细帮助，例如npm help install。在package.json所在目录下使用npm install . -g可先在本地安装当前命令行程序，可用于发布前的本地测试。使用npm update <package>可以把当前目录下node_modules子目录里边的对应模块更新至最新版本。使用npm update &
2018-10-25 10:42:06
179
原创 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
3796
原创 解决 Android 系统 设置line-height和height相同，文字却偏上显示（pc端和ios都显示ok）
问题：代码： width: 36px; height: 20px; line-height: 20px; position: absolute; top: 14px; right: 14px; color: #fff; background: #F87D28; border-radius: 2px; font-si...
2018-10-24 16:08:35
4583
原创 判断网页是否是在微信中打开的
var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //在微信中打开需要的操作 } else { //不在微信中打开 }
2018-10-22 09:40:55
2204
jstl1.1.jar和standard1.1.jar-C++文档类资源
2019-12-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人