js
文章平均质量分 62
SilenceJude
多做,多想,少说话。
展开
-
AudioContext 一些常用操作
【代码】AudioContext 一些常用操作。转载 2022-10-18 10:51:06 · 1727 阅读 · 0 评论 -
onPageStateChange在iphone上的2大坑点
用法:坑点:1、在安卓和iphone下返回的值不一样。2、在部分iphone机型下,只有点击小程序右上角的圆点返回才能触发!!!用法:onPageStateChange这个api,从微信7.0.3开始,webview内可以通过判断下面的方式判断小程序是否在前台:WeixinJSBridge.on('onPageStateChange', function(res) { console.log('res is active', res.active)})有了这个api,..原创 2021-11-24 12:30:46 · 2521 阅读 · 0 评论 -
微信浏览器中,使用touchMove等事件时,会同时导致整个页面下拉显示网址问题解决!!
问题描述:页面需要做一个上拉下拉的滑动效果,所以自己加了一些touchmove,touchstart,touchend等事件来控制。pc下效果都挺不错的,但是到了微信浏览器中,恶心的情况就来了:每次下拉的时候,都会导致微信浏览器整个页面下拉显示网址,同时由于这两个事件冲突导致下滑效果非常差。问题分析过程:先来一通疯狂百度再说。结果查到的东西全是让禁用touchmove事件,还有一些高级点的加了一些判断,比如通过类名或者设置原型链上的某个属性值来判断是否阻止默认事件。 document原创 2020-11-04 10:38:19 · 2160 阅读 · 3 评论 -
获取dom元素的真实style属性。
今天需要写一个滑动的特效,在开发的过程中发现,通过js获取dom的style样式时,style中的属性全是空字符串,而css中明明已经定义了bottom,z-index等等属性。查阅了相关资料后了解到,js获取到的dom对象的style通常是没有值得,因为我们都写在外部文件中。而dom.style这种方式获取到的样式只能是内联样式。要想获取到实际的css样式,我们需要使用以下方法,来获取实际的style样式:function getStyle (obj, attr) { if (obj.curre原创 2020-10-24 11:01:39 · 2794 阅读 · 1 评论 -
连续票据号段,每次选择号段之后,根据已选号段和剩余号段,自动选择号段问题解决思路。
需求:在本项目中,添加选择票据信息时,每条票据信息都有一个指定的号码段,有起始号码,终止号码,隐藏的属性还有校验位信息,号码长度。要求用户每次选择号段时,会根据用户已选票据,和用户当前选择的票据信息对比,若属于同一种票据,则需要根据用户已选的票据,和该号段下剩余的票据,自动进行选择。选择规则:若剩余的票据号段是一整段连续号段,则自动选择剩余的全部号段为一条票据信息。若剩余的票据号段有多个...原创 2019-07-31 11:43:17 · 960 阅读 · 0 评论 -
js判断浏览器方法记录。
js判断是否为ie浏览器的方法。(edge)判断为非。ie6-11都为是。function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; }js判断各浏览器版本的方法。function IEVersion() {...转载 2019-07-30 16:40:41 · 777 阅读 · 0 评论 -
Vue项目通过读取本地文件内容来显示内容
需求:公司项目需要在登陆之前,实现客户自定义项目标题。由于还未登陆,所以肯定无法通过后端管理系统配置。第一个想到的办法是通过读取本地文件内容,来显示标题内容。客户需要求改标题时,直接修改本地文件内容即可。实现读取本地文件的思路有两种,第一种是利用XMLHttpRequest,第二种是利用input的type=file将文件先上传,再读取。第一种:利用XMLHttpRequest对本...原创 2019-07-24 11:03:51 · 41280 阅读 · 12 评论 -
基于vue和FormData实现的无刷新头像上传(非插件),前端+后端处理简单处理方案。
场景描述:上传用户头像,一直是图片上传应用的经典场景,以前总是用其他库类中封装好的插件实现,没有深入的了解它的前端和后端实现原理。如果让自己不依靠框架和插件,八成都不知道该如何下手,昨天晚上想起来这个问题,觉得还是好好研究一下!为什么这里要特意提到无刷新呢?因为基于html的form表单提交的方式,默认是会导致页面重定向的。造成的影响就是页面看起来像是刷新过一样。解决的办法有很多,有使用隐...原创 2019-02-28 12:32:30 · 1146 阅读 · 0 评论 -
nodejs把前端canvas传来的base图片存在服务器上实现电子签名效果。
router.post('/upload', function (req, res) { //接收前台POST过来的base64 var imgData = req.body.imgData; //过滤data:URL var base64Data = imgData.replace(/^data:image\/\w+;base64,/, ""); var dataBuffer...原创 2019-01-20 14:14:40 · 820 阅读 · 0 评论 -
树形json扁平化,一维数组树状化,对象深拷贝,元素后插入新元素,格式或动态路由等常用js合集
晚上写demo,需要在一个元素后面创建并插入一个新的元素,但是突然发现js中好像没有直接实现这项功能的函数,所以今天赶紧的写了一个,记录一下。原生js中有insertBefore()函数,语法是 parentNode.insertBefore(newElement, targetElement),在指定目标元素前面插入一个新的元素。而查找元素有nextSibling,所以功能实现如下: ......原创 2018-12-12 20:50:32 · 982 阅读 · 0 评论 -
前端学习中的一些小知识点。
阻止form表单提交的方式? <form action=""> 用户名:<input name="uname"> <span></span><br> 密码:<in原创 2018-11-20 09:10:01 · 124 阅读 · 0 评论 -
js中删除数组元素的方法总结。
子曰:“学而时习之,不亦说乎?”虽然我觉得这里的习字应该理解为实践练习,而不是复习,但是这里权当我理解错了吧o(╯□╰)o。今天就整理一下js中删除数组元素的方法,包括原生API和自定义API。原生API:删除数组最后一个元素,arr.pop(),并返回该元素,对原数组有影响。删除数组第一个元素,shift(),并返回该元素,对原数组有影响。删除从数组start下标开始,往后coun...原创 2018-11-22 17:47:57 · 2488 阅读 · 0 评论 -
事件冒泡和事件捕获
由此可以知道 1、一个完整的JS事件流是从window开始,最后回到window的一个过程 2、事件流被分为三个阶段(15)捕获过程、(56)目标过程、(6~10)冒泡过程示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&am转载 2018-11-12 19:41:50 · 161 阅读 · 0 评论 -
星星评分系统代码模板。
这里使用星星评分的位置是header组件,以此为例。 header.vue中代码,无关代码已经省略。&amp;lt;template&amp;gt; &amp;lt;div class=&quot;detail-wrapper clearfix&quot;&amp;gt; &amp;lt;div class=&quot;detail-main&原创 2018-08-29 16:20:20 · 1868 阅读 · 0 评论 -
var/let/const区别何在??(转载)
let和const有很多相似之处,先说一说let吧。1. let添加了块级作用域我们知道,JavaScript是没有块级作用域的,如果在块内使用var声明一个变量,它在代码块外面仍旧是可见的:if (true) { var foo = 3;}console.log(foo); // 3for (var i = 0; i &lt; 9; i++)...转载 2018-08-17 14:11:33 · 157 阅读 · 0 评论