![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
刺心疯
一名北飘的技术爱好者,欢迎大家评论一起学习分享新技术~
展开
-
vant使用van-uploader后台接口返回阿里云链接回显图片
【代码】vant使用van-uploader后台接口返回阿里云链接回显图片。原创 2024-01-19 15:25:22 · 1054 阅读 · 0 评论 -
小程序如何强制用户进行授权位置信息(附源码)
【代码】小程序如何强制用户进行授权位置信息(附源码)原创 2023-10-24 12:50:39 · 176 阅读 · 0 评论 -
小程序强制用户授权位置信息详解(附源码)
【代码】小程序强制用户授权位置信息详解(附源码)原创 2023-06-29 10:43:39 · 232 阅读 · 0 评论 -
微信小程序长按识别二维码详解(附源码)
Ps:小程序使用web-view嵌套H5页面(H5页面中存在二维码),也可以识别。放大预览图片后,长按识别二维码。原创 2023-04-26 11:28:26 · 2241 阅读 · 1 评论 -
CSS超出部分隐藏,显示滚动条详解(附源码)
固定一个高度,可以上下滑动出滚动条。固定一个宽度,可以左右滑动出滚动条。原创 2023-02-24 15:13:45 · 2376 阅读 · 0 评论 -
微信自定义分享失败,debug为true
可以用草料二维码把当前的链接做成二维码,扫码进入,就可以自定义分享了。3. 从别人分享的自定义分享H5进入的H5页面。1. 从公众号菜单进入的H5页面。2. 扫码进入的H5页面。原创 2023-02-14 10:29:45 · 150 阅读 · 0 评论 -
你可能还不知道的 console.log 替代品
好啦,这就是console的众多用法了,大家平时是不是只会用console.log()呢。您可能没有听说过该debugger关键字。它是一个用于停止代码执行的关键字。此方法跟踪它被调用的位置。此方法用于测量时间。例如,检查完成 x 任务花了多少秒?此方法用于检查条件是否为真。如果不是,它将引发错误。曾经想对您的日志进行分组吗?它会告诉您调试器的调用位置。debugger 关键词。计算某件事发生的次数。现在你可以看到在哪里。原创 2023-02-09 11:51:46 · 452 阅读 · 0 评论 -
微信小程序使用npm镜像详解
在小程序 package.json 所在的目录中执行命令安装 npm 包:这里要求参与构建 npm 的 package.json 需要在 project.config.json 定义的 miniprogramRoot 之内。点击开发者工具中的菜单栏:工具 --> 构建 npm js 中引入 npm 包: 使用 npm 包中的自定义组件:发布 npm 包发布小程序 npm 包的约束这里要发布的 npm 包是特指专为小程序定制的 npm 包(下称小程序 npm 包)。因为小程序自定原创 2023-02-06 10:28:42 · 751 阅读 · 0 评论 -
微信小程序全局监听路由变化(附源码)
【代码】微信小程序全局监听路由变化(附源码)原创 2022-10-24 13:44:43 · 1336 阅读 · 2 评论 -
pc端js在线预览Word、Excel
注意: 在 SharePoint 2019 中,可插入的文件类型仅限于 Word、Excel 和 PowerPoint (,.doc、.docx。xls、.xlsx、.pot、.potx、.ppt 和 .pptx)。直接在浏览器中打开 Word、PowerPoint 或 Excel 文件,将下载链接转换为 Office Web Viewer 链接以在您的网站或博客中使用。3.没有office也能查看office文件。2.无需下载文件即可在浏览器钟预览。1.适用于移动端、pc端。原创 2022-10-18 11:58:38 · 4661 阅读 · 0 评论 -
js判断当前H5是否在微信小程序环境的web-view中
js判断当前H5是否在微信小程序环境的web-view中原创 2022-09-20 17:57:49 · 2088 阅读 · 0 评论 -
Canvas判断内容为空
Canvas判断内容为空原创 2022-07-19 16:17:30 · 999 阅读 · 0 评论 -
Uncaught SyntaxError: Octal literals are not allowed in strict mode.
js控制台报错:Uncaught SyntaxError: Octal literals are not allowed in strict mode.代码场景: 错误原因是:JS严格模式禁止使用八进制字面量,在我的if判断中使用了0开头的001,并且不是字符串。改成下面就解决了: 这就解决这个报错问题了!温馨提示:开发中还是要严格根据跟后台商量好的数据类型来写代码...原创 2022-07-07 18:30:05 · 4350 阅读 · 0 评论 -
ES6数组去重 new Set()
输出结果: 包含对象的数组去重有一个坑,大家需要注意一下:因为每个对象都是唯一的,所以这个数组里面的两个对象没办法去重 去除字符串里面的重复字符原创 2022-06-27 10:12:48 · 535 阅读 · 0 评论 -
移动端canvas绘制时,页面会滑动并且坐标出现偏差(已解决)
错误案例:没解决问题之前,网上搜索一大堆都是给body加fixed定位,这种方式,页面是不滑动了,但是页面下面的遮罩层还是会滑动,canvas坐标也依然会出现偏差。所以正确的结局方案只需一步:touch-action: none;给canvas设置这个样式即可!详解:CSS touch-action 属性:指定某个给定的区域是否允许用户操作,以及如何响应用户操作 (比如浏览器自带的划动、缩放等)。touch-action 属性可以被指定为:1、任何一个关键字 auto、no原创 2022-03-21 15:37:24 · 2120 阅读 · 0 评论 -
css媒体查询详解(自测可用)
CSS3的媒体查询@media通过@media可以针对不同屏幕大小定义不同样式的网页,页面会根据浏览器长宽来渲染页面。语法:@media mediaType and|not|only (media feature) { /*CSS-Code;*/}and|not|only:and放在mediaType后,连接属性,代表将多个media feature结合在一起;not否定,放在@media后,代表对该条信息取反;only代表仅仅,一般放在@media后,例如:@media o原创 2022-03-14 20:13:00 · 4193 阅读 · 0 评论 -
foreach终止循环亲测可用(附源码)
话不多说,直接上代码:try { _this.name.forEach((item, index) => { if (item.name == _this.nameInfo) { item.img = _this.canvas.toDataURL('image/png') _this.isActive = index + 1; } else { _this.activeClick(item.name, _this.isActive); throw new Er.原创 2022-02-23 15:02:11 · 524 阅读 · 0 评论 -
如果再写for循环,我就锤自己了
几种遍历方法中for执行最快,它没有任何额外的函数调用栈和上下文。但在实际开发中我们要结合语义话、可读性和程序性能,去选择究竟使用哪种方案。下面来看for , foreach , map ,for...in , for...of五种方法现场battle。for我是最早出现的一方遍历语句,在座的各位需称我一声爷爷。我能满足开发人员的绝大多数的需求。// 遍历数组let arr = [1,2,3];for(let i = 0;i < arr.length;i++){ co原创 2022-02-21 11:25:27 · 211 阅读 · 0 评论 -
vue.js实现点击后动态添加class及删除同级class
<div class="word" :class="{'bright':index == isActive}" v-for="(item,index) in name" @click="activeClick(item,index)"> <img src="./images/triangle.png" class="triangle"> <span>{{item}}</span> <van-icon name="checked" class=".原创 2022-02-10 16:05:28 · 1384 阅读 · 0 评论 -
Vant中van-dialog组件的调用Dialog弹窗异步关闭操作
<van-dialog v-model="show" title="授权验证" :before-close="onBeforeClose" @confirm="signSupplementaryProtocol"show-cancel-button></van-dialog>Js://阻止关闭弹框onBeforeClose(action, done) { if (action === "confirm") {//点击确定按钮 return done(false.原创 2021-09-22 16:45:36 · 5122 阅读 · 0 评论 -
textarea标签莫名其妙多出很多空格(已解决)
解决方案: 把<textarea>和</textarea>标签写到一行,不要换行即可原创 2021-08-18 18:56:37 · 702 阅读 · 5 评论 -
jQuery 字母大小写转换(附源码)
"ABC".toLowerCase()//转小写"abc".toUpperCase()//转大写原创 2021-07-28 10:54:48 · 464 阅读 · 2 评论 -
把数值改成保留小数点后两位的格式通用方法
主要作用域数值显示;请看源码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <script> function returnFloat(value=0) { return (value/ 100).toFixed(2); } document.write(returnFloat(123))原创 2021-01-04 15:44:02 · 1217 阅读 · 0 评论 -
.then()方法的意思和用法
.then()方法的意思和用法 then()方法是异步执行。 意思是:就是当.then()前的方法执行完后再执行then()内部的程序,这样就避免了,数据没获取到等的问题。 语法:promise.then(onCompleted, onRejected); 参数 promise 必需。 Promise 对象。 onCompleted 必需。 承诺成功完成时要运行的履行处理程序函数。 onRejected原创 2021-01-04 15:22:01 · 34948 阅读 · 2 评论 -
移动端1px细线解决方案
好记性不如烂笔头〜我决定要把「移动端1px细线解决方案」做个笔记,跟大家分享一下。移动端1px变粗的原因移动端css里面写了1px,实际比1px粗。其实原因很好理解:这两个'px'的含义是不一样的。移动端的<header>头里有这样一段代码:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"&g...原创 2021-01-04 13:53:31 · 333 阅读 · 0 评论 -
前端怎么判断dom是否有存在某class的值
jquery的实现方式$("html").hasClass('no-js');js的实现方式function hasClass(element, cls) { return (' ' + element.className + ' ').indexOf(' ' + cls + ' ') > -1;}hasClass(document.querySelector("html"), 'no-js');原创 2020-11-17 15:04:07 · 856 阅读 · 0 评论 -
烦人的加班,我该如何提升前端技术?
受到疫情影响,国内很多岗位都多多少少出现了一些波动,比较少受到影响的,可能就是IT行业了。也正是因为这个原因 ,最近总有亲戚朋友问我工作发展和前景,要我给他们提意见,但他们只看到了这个行业的光鲜亮丽,却不知道这里有很多说不出的难处。01加班真的能解决问题?在前端圈摸爬滚打了十年,见过很多人进来,也送过很多人离开,大家也挺不容易的。 前几天在一个前端交流群里,看到两个小伙伴聊到了工作瓶颈,就让我感触很深。平时遇到问题的时...原创 2020-06-15 14:28:52 · 1706 阅读 · 3 评论 -
html JavaScript怎么在链接上获取参数(已封装好,附源码)
function getAllQueries(url) { var oParams = {}; var sQuery; if (url) { sQuery = url.slice(url.indexOf('?') >= 0 ? url.indexOf('?') + 1 : url.length); } else { sQuery = window.location.search.slice(1); } if (!sQ.原创 2020-05-25 15:41:38 · 299 阅读 · 0 评论 -
js 原型链详解
JavaScript 中,万物皆对象!分为普通对象和函数对象,凡是通过 new Function() 创建的对象都是函数对象,其他的都是普通对象JS 在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__ 的内置属性,用于指向创建它的构造函数的原型对象。而其中每个函数对象都有一个prototype 属性所谓原型链就是找妈的一种行为方式,就可以理解为人是人他妈生的,妖...原创 2019-07-04 20:12:23 · 123 阅读 · 0 评论 -
本地缓存 localStorage sessionstorage cookie
localStorage是html5的一种新的本地缓存方案,目前用的比较多,一般用来存储ajax返回的数据,加快下次页面打开时的渲染速度。//localStorage核心API:localStorage.setItem(key, value) //设置记录localStorage.getItem(key) //获取记录localStorage.remove...原创 2019-07-04 20:17:15 · 212 阅读 · 0 评论 -
JavaScript奇技淫巧45招
JavaScript是一个绝冠全球的编程语言,可用于Web开发、移动应用开发(PhoneGap、Appcelerator)、服务器端开发(Node.js和Wakanda)等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框,也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员,现如今已成...原创 2019-08-01 14:40:24 · 150 阅读 · 0 评论 -
JavaScript 函数大全
JavaScript 函数定义JavaScript 使用关键字 function 定义函数函数可以通过声明定义,也可以是一个表达式函数声明函数声明的语法 :function sum1(n1,n2){ return n1+n2;};函数声明后不会立即执行,会在我们需要的时候调用到分号是用来分隔可执行JavaScript语句,由于函数声明不是一个可执行语句所以不以分号结束函...原创 2019-08-01 14:55:24 · 441 阅读 · 0 评论 -
H5手写签名canvas(附源码)
效果图:图片保存到服务器为png格式,一般10k左右。这个功能适用于H5app,或者H5,或者pc网页端(IE9以上,支持canvas),低端安卓机依然不支持,具体低端到什么程度,没有经过测试。下边上代码,前端HTML:<!DOCTYPE html><html lang="en"> <head> <meta charset="utf...原创 2019-08-14 16:23:12 · 3201 阅读 · 0 评论 -
HTML引用公共组件
在test.html引用footer.html效果图代码test.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>引用demo</title> <script src="https://cdn.staticfile...原创 2019-08-13 10:39:00 · 2328 阅读 · 0 评论 -
Vue父组件网络请求回数据后再给子组件传值
话不多说直接上代码<a-component :opt="opt" v-if="opt"></a-component>原创 2019-08-13 10:41:02 · 4481 阅读 · 6 评论 -
使用vconsole 调试 查看LOG VUE在手机上调试 手机查看h5的日志详解
简单介绍下vConsole:vConsole是一个由微信公众平台前端团队研发的web前端开发者面板,可用于展示console日志,方便开发、调试。使用场景1,在vue-cli 构建的项目中使用:通过npm安装和使用:npm install vconsole --save在main.js文件里面引入:import VConsole from 'vconsole'Vue.p...原创 2019-09-16 10:33:09 · 2716 阅读 · 0 评论 -
HTML元素的lang属性的说明及详解
我在刚开始学习HTML的时候,关于基本的HTML格式中有一点不明白的地方,基本格式如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><...原创 2019-09-16 18:46:57 · 14304 阅读 · 0 评论 -
使用RAP2模拟假数据实现前后端分离
一、为什么使用RAP2在一个项目的开发中,在页面需要使用大量数据进行渲染生成前,后端开发人员的接口可能还没有写完, 当前端没有后端数据支持的情况下,我们使用mock.js(mock.js用于生成随机数据,拦截ajax请求)模拟假数据,实现前后端分离。开发中我们也可以使用RAP2(这里面生成的数据基于mock.js)在线模拟假数据。二、关于RAP2的一些学习网址mock.js网址RAP2网址...原创 2019-06-24 18:14:01 · 1548 阅读 · 2 评论