js
Youyzq
这个作者很懒,什么都没留下…
展开
-
Vue2 el-cascader 表单校验明明选择了参数但是不触发rules
Vue2 el-cascader 表单校验明明选择了参数但是不触发rules原创 2023-03-23 10:43:19 · 1782 阅读 · 1 评论 -
小程序当前页面如何分享别的页面内容呢?
终点就是自定义属性,也是新手对于小程序开发容易出的坑吧今天的问题主要就是,需要先知道事件的来源出现在哪里,通过事件来源来控制return里的参数,是通过自定义属性,来区分哪个按钮需要做那一个操作核心带你都是围绕着(自定义属性 data-*)原创 2023-03-12 20:50:56 · 1007 阅读 · 0 评论 -
小程序如何携带参数到Tabber页面呢?wx.switchTab无法传递参数给tabber页面
url的路径不能写相对路径,就是在app.json里配置的路径不能这样写,这样写会导致你找不到这个页面,从而出现报错的问题,必须写绝对路径,找到这个文件的位置 (代码包路径)wx.switchTab可以跳转到tabber页面,但是呢他不允许给tabber传递参数,导致我们有些功能呢实现不了。这时候就有一个方法,可以擦边的完成这个需求。关闭所有页面,打开到应用内的某个页面。原创 2023-01-12 10:48:27 · 660 阅读 · 1 评论 -
小程序ScrollView置顶只会成功一次,修改scrollTop无效是什么问题?小程序如何做一键置顶?
为什么会有scrollTop只执行一次的这个问题?先滚动自己的页面看看这个参数会发生变化吗从控制台可以看出,无论我怎么滚动,scrollTop的值是不会变化的。原创 2022-12-08 16:10:46 · 1199 阅读 · 2 评论 -
前端如何开启黑白模式呢?
如何出现黑白屏原创 2022-12-02 14:17:13 · 276 阅读 · 0 评论 -
js事件冒泡详解和使用场景
事件冒泡就是指父元素和子元素有相同的事件,当触发子元素事件时,会向上冒泡,同时也会触发父元素事件。原创 2022-11-14 16:16:47 · 2329 阅读 · 0 评论 -
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)
原生小程序开发大坑component的生命周期函数created中setData无效(小程序弹层代码封装)原创 2022-11-04 15:51:21 · 1364 阅读 · 0 评论 -
微信小程序点击复制到剪贴板的功能和逻辑
需要获取到订单编号(需要复制的参数)在项目中这种参数都是后台请求下来的。是string类型的,如果传递的是。在单击事件里获取需要复制的参数。原创 2022-10-14 10:28:31 · 888 阅读 · 0 评论 -
Visual Studio Code(VSCode)编译器关闭右侧预览功能(右侧缩放图)
相信小伙伴都被右侧的这个缩略图整的有点麻烦,代码量少的话还看不出来,如果代码量上来的话会对前端开发人员造成很难受的感觉。原创 2022-09-02 16:03:22 · 3691 阅读 · 2 评论 -
ts如何使用class类?与js的class类有什么区别?
ts如何使用class类?与js的class类有什么区别?原创 2022-08-23 16:58:56 · 1890 阅读 · 0 评论 -
什么是Generator函数?如何使用yield表达式他是干嘛的?next()方法是做什么的?
next( )是Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的函数。yield是一个表达式,表示的意思就是暂停的意思,并且可以获取到next里的值。注:只有调用了next方法的且内部指针指向该语句时才会执行yield语句后面的表达式,二者必须一块使用遍历器对象next遇到yield语句就暂停执行后面的操作,并将紧跟在yield后的表达式的值作为返回对象的value的值。...原创 2022-08-09 17:33:04 · 170 阅读 · 1 评论 -
在react中使用event(事件对象),如何使用,注意事项和react中如何定义和使用函数?
定义使用方式和function一样的区别在于箭头函数没有自己的this指向,只会向上继承父级的this指向,如果父级没有this指向还会继续向上检索执行后的效果。原创 2022-08-08 11:30:52 · 2137 阅读 · 0 评论 -
小程序如何自定义navber,使用了navber需要注意的点
在当前页面的json文件的配置项里添加值为添加属性之前添加属性之后(会发现页面都上去了,原因是因为他的头部的占位模块已经消失了)现在就需要存放一个盒子了,存放一个盒子将下面元素给挤下来(这里的home按钮也需要自己配置)。......原创 2022-08-05 10:02:32 · 291 阅读 · 0 评论 -
小程序怎么判断是否是全面屏手机?
获取当前环境(判断是否是小程序打开)1.创建一个全局的状态。2.在app入口文件。原创 2022-08-02 17:21:41 · 777 阅读 · 0 评论 -
ts个人初学小知识点
TypeScript是JavaScript的一个超集,主要提供了类型系统和对ES6+的支持,让javascript变成强类型语言。它由Microsoft开发,代码开源于GitHub上。原创 2022-07-15 15:32:51 · 781 阅读 · 0 评论 -
如何跳转另一个页面加载自己的javaScript,url中嵌入javaScript语句(如何让前端看起来很厉害呢?)
我需要跳转到这个页面,顺便呢弹个窗,告诉我们执行了这里会有一个小问题,在导航栏的位置,不要使用中文,不然就会乱码尽量使用英文和数字这样就可以了,为啥会是白屏呢,因为执行完毕了以后,HTML结构才会继续渲染。点击了以后就执行出来了注意看这里的路径,就是刚才咱们输出的东西。注意看我这里画框的地方,因为这个网页不是我们部门开发的,是一个投票的平台进行管理的,但是呢他的效果并不是太好,我想把他变成正方形,让参加投票的人,可以直接扫码进行投票,但是现在的三角形,第一不美观,第二也不实用这个代码,原创 2022-07-08 10:36:51 · 1147 阅读 · 0 评论 -
小程序怎么判断当前路由有没有上一级路由,怎么获取到上一级的路由?Taro
没有上一级的情况从左到右,就可以检测到用户的操作了原创 2022-06-28 17:54:18 · 1456 阅读 · 4 评论 -
使用Boolean函数的时候,传递字符串的问题
JS字符串False转Boolean ‘fasle‘ ‘true‘ 转布尔类型原创 2022-06-23 11:29:27 · 334 阅读 · 0 评论 -
原生获取路由参数的方法和原生不同类名选择多个dom
js原生如何获取路由参数原创 2022-06-23 10:01:55 · 153 阅读 · 0 评论 -
js中为什么要减少使用var推荐使用let呢?
1.在for循环中使用var会有问题当使用同步的时候,var还会正常执行但是只要只用了异步,就会出现严重的问题当我使用异步的时候他的结果,都变成了3但是,不在异步中的还是可以正常得到我们想要的结果。这就是没有的问题说白了就是利用,制造独立空间,让每个i都是独立的。es6 语法 2015 年 6 月都推出了,还用var干什么啊,大佬勿喷新手慎用。...原创 2022-06-21 10:37:39 · 1180 阅读 · 0 评论 -
JS 中? . 和 ? ?的含义和用法
?.可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。先解析obj类型这里就直接使用谷歌的控制台了(console)现在这种情况就是表面null这个类型没有这个name的参数,再实践中的项原创 2022-05-23 17:32:04 · 1755 阅读 · 3 评论 -
vue 如何使用render函数创建组件?他的三个参数如何使用?有什么意义?
什么是render函数?简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译的过程。当使用render函数描述虚拟DOM时,vue提供一个函数,这个函数是就构建虚拟DOM所需要的工具。官网上给他起了个名字叫createElement。如何使用render函数呢?1.先注册组件2.使用render函数参数原创 2022-05-13 17:35:09 · 3285 阅读 · 0 评论 -
前端搜索框怎么实现关键字变色?
要达成的效果思路先通过input的input事件,获取到输入框里输入的关键字,再把请求回来的数据做一个预处理,在渲染到页面上代码预处理函数// 传入要匹配的关键字和要被更改的字符串,export default function(kw, str) { // 添加正则 const reg = new RegExp(kw, 'ig') // ig 是所有的意思 而非在发现第一个匹配项时立即停止 // 使用replace方法替换元素产生高亮 return str.replace(r原创 2022-04-27 11:03:40 · 2012 阅读 · 0 评论 -
小程序new Date().toLocaleDateString() IOS和安卓的区别 小程序大坑,小程序开发时间兼容iso和安卓的解决方案.
new Date().toLocaleDateString() 是做什么的呢?toLocaleDateString() 方法可根据本地时间把 Date 对象的日期部分转换为字符串,并返回结果var d=new Date();var n=d.toLocaleDateString();输出结果:2022/4/24在我们使用这个toLocaleDateString()方法的时候就是想获取到当前用户的时间参数,但是在ios和安卓中就会出现一些小问题了场景pc 端:(谷歌浏览器)微信开发者原创 2022-04-24 14:49:38 · 3898 阅读 · 0 评论 -
Es6新类型Symbol有什么用?Object.getOwnPropertySymbols()是做什么用的?Symbol.for()有什么用?如何创建一个全等的symbol?
Es6新类型Symbol有什么用?Object.getOwnPropertySymbols()是做什么用的?Symbol.for()有什么用?如何创建一个全等的symbol?原创 2022-04-18 18:08:18 · 678 阅读 · 0 评论 -
js小技巧,js获取本月一共有多少天该怎么计算?
获取一个月有多少天let days=new Date(2019,10,0).getDate()总结js中x年x月0号进行获取getDate()时候会返回本月最后一天是几号也就代表有多少天原创 2022-04-13 14:46:38 · 975 阅读 · 0 评论 -
Element.getAttribute()是作什么用的呢?使用场景在哪里呢?
概要getAttribute() 返回元素上一个指定的属性值。如果指定的属性不存在,则返回 null 或 “”语法let attribute = element.getAttribute(attributeName);上面:attribute 是一个包含 attributeName 属性值的字符串。attributeName 是你想要获取的属性值的属性名称。例子<div id="div1" align='我就是我,不一样的烟火'>我是一个小盒子</div>原创 2022-04-08 09:42:23 · 1568 阅读 · 0 评论 -
前端Img使用图片跨域问题是怎么引起的?该如何解决呢?
在项目种遇到一个问题,图片在dom节点这种使用了<img>标签来加载可以正常显示,但是运用到style中没有经过标签的加载就会出现跨域的问题怎么会引起这个问题呢?1.通过<img> 加载的图片,浏览器默认情况下会将其缓存起来。2.当我们从 JS 的代码中创建的 <img> 再去访问同一个图片时,浏览器就不会再发起新的请求,而是直接访问缓存的图片。但是由于 JS 中的 <img> 设置了 crossorigin,也就意味着它将要以 CORS 的方式请求,原创 2022-04-01 14:02:52 · 16621 阅读 · 2 评论 -
React 怎么默认Props的处理? React + TypeScript 默认 Props 的处理
React + TypeScript 默认 Props 的处理通过组件的 defaultProps 属性可为其 Props 指定默认值。以下示例来自 React 官方文档 - Default Prop Values:class Greeting extends React.Component { render() { return ( <h1>Hello, {this.props.name}</h1> ); }}// Specifie原创 2022-03-22 10:32:21 · 1837 阅读 · 0 评论 -
js怎么对于URL进行编码?js怎么对于URL进行解码?decodeURIComponent() 函数是做什么的?
定义和用法encodeURIComponent() 函数对 URI 组件进行编码。decodeURIComponent() 函数对编码的 URI 进行解码。语法进行编码encodeURIComponent()进行解码decodeURIComponent(uri)实操let url = 'https://blog.csdn.net/Youyzq?spm=1000.2115.3001.5343'编码之后解码之后...原创 2022-03-21 10:29:44 · 359 阅读 · 0 评论 -
js replaceAll() 方法是做什么用的呢?
定义和用法replaceAll() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串,该函数会替换所有匹配到的子字符串。需求https://yangziqiYYDS.link/mpb/f/app/resource/mpb/agreement/privacyAgreement.html我需要获取到这样的结果https://yangziqiYYDS.link/mpb/f/app/resource/mpb/agreement/privacyAgreement.htm原创 2022-03-09 20:44:36 · 448 阅读 · 0 评论 -
js原生中 a 标签 href=“JavaScript:;”有什么用?还有那些用法
我理解的是这样的:首先:<a> 标签中必须提供 href 属性但是这个就出现了一个问题,如果我不想让他跳转,那么这个时候href应该怎么赋值。有三种方法:第一:href=‘javascript:;’ 代表的是发生动作时执行一段javascript代码,但是这个代码是空的,所以什么也不执行第二:href = ‘’: 代表的是什么也不执行,但是用这种,动作发生之后,会刷新页面。第三:href=‘#’: 代表的同样是什么也不执行,但是用这种,动作发生之后,会自动跳原创 2022-03-08 15:44:35 · 1458 阅读 · 0 评论 -
Unexpected end of JSON input 问题解决方案
我是在react中项目遇到这个问题,排查了半天,最后发现是JSON.parse(transferData)使用的问题。一定注意JSON.parse()入参不能是空字符串。在使用JSON.parse()前要对入参做判断,适用于所有前端项目。原创 2022-02-25 15:13:18 · 7896 阅读 · 0 评论 -
navigator.userAgent.toLowerCase()是做什么用的?
在跨平台、浏览器、移动设备兼容的时候,要根据设备、浏览器做特定调整,所以我们经常会用到navigator.userAgent.toLowerCase()来进行判断。先来解释一下意思,navigator是HTML中的内置对象,包含浏览器的信息;userAgent是navigator的属性方法,可以返回由客户机发送服务器的头部的值,作用其实就是就是返回当前用户所使用的是什么浏览器,toLowerCase()是将转换为小写。区分Android、iphone、ipad:var ua = navigator.u原创 2022-02-10 16:27:50 · 5330 阅读 · 0 评论 -
React 动态属性Style和动态类名className
React 动态属性Style和动态类名className怎么操作单个动态属性和多个动态属性 Style怎么操作单个动态类名和多个动态类名 className原创 2022-01-20 15:12:22 · 3535 阅读 · 0 评论 -
微信小程序订阅消息wx.requestSubscribeMessage使用要点和requestSubscribeMessage:can only be invoked by userTAPgestur
requestSubscribeMessage:can only be invoked by userTAPgestur bug解决原创 2022-01-14 17:40:08 · 6079 阅读 · 0 评论 -
前端小锦囊(一) 如果后端给你返回了一个字符串类型的表达式该如何获取到结果?eval() 函数详解
如果后端给你返回了一个字符串类型的表达式该如何获取到结果返回的数据 res: '20+20'像这种结果我们除非吧这个 + 号分割再进行判断才能得到结果如果他又更改了参数(我们该如何解决呢?) res: '22-20+30'是不是这样就会感觉莫名的无助,因为不会啊,为啥后端要这样返回啊话不多说上解决方案eval() 函数eval()函数会将传入的字符串当做 JavaScript 代码进行执行。语法eval(string)参数 string 一个表示 Java原创 2022-01-07 15:22:02 · 1100 阅读 · 0 评论 -
React更新 解决 不再支持Create React App的全局安装。
React更新 解决 不再支持Create React App的全局安装。原创 2021-12-17 10:14:37 · 1037 阅读 · 0 评论 -
vue动态src 为什么不能用 ../的路径
vue动态image的bug解决原创 2021-12-14 15:03:25 · 1314 阅读 · 0 评论 -
小程序ios端的小bug,小程序如何实现自适应布局
再小程序中,安卓系统会识别 rem再Ios中的小程序里并不会识别rem且,再ios中的%是不一致的,每种机型的百分比都是不一样的,所以再小程序中,不推荐使用%和rem布局如何实现自适应布局呢?三大要点能不固定宽高就不固定宽高尽量使用flex布局盒子位移尽量使用margin和padding定位一定要确定父级...原创 2021-12-06 16:01:17 · 2150 阅读 · 0 评论