
笔记
文章平均质量分 59
三元灿烂
这个作者很懒,什么都没留下…
展开
-
css基础过渡与动画与应用于vue、react
1、解释:使用该属性后变化不会在一瞬间完成,会有一个连续的变化效果。第一个参数设置哪些属性变化时需要有连续的效果。不论用什么方式使属性的值发生变化,transition都会生效。2、语法:transition: property duration timing-function delay;transition-property: none|all| property;transition-timing-function: linear|ease|ease-in|ease-out|ease-in-out|c原创 2022-11-11 09:21:38 · 300 阅读 · 0 评论 -
encodeURIComponent的使用
语义字符:a-z,A-Z,0-9,连词号(-),下划线(_),点(.),感叹号(!),波浪线(~),星号(*),单引号('),圆括号(())URL 元字符:分号(;),逗号(,),斜杠(/),问号(?),冒号(:),at(@),&,等号(=),加号(+),美元符号($),井号(#)这样query参数中有& 空格等字符也不会影响对整个url的参数解析,因为它们都被转码了。的,会转码除了语义字符之外的所有字符,即。不会对URL 元字符以及语义字符进行转码。原创 2022-10-28 15:59:42 · 1688 阅读 · 0 评论 -
各种边距clientWidth、offsetWidth、scrollWidth、clientLeft、getBoundingClientRect详解
clientWidth、offsetWidth、scrollWidth、clientLeft、getBoundingClientRect原创 2022-07-11 18:11:12 · 427 阅读 · 1 评论 -
前端导入导出文件
一、导出1、返回值是url:创建个a标签即可 printRecord(params).then((response) => { if (response.success) { let a = document.createElement('a');//创建a标签 //从新页面打开,下载的话不需要这个,打开一个图片需要从新页面打开 a.setAttribute("target", "_blank"); a.hre原创 2022-04-19 15:52:10 · 2161 阅读 · 0 评论 -
react常用知识点总结
1、什么是jsxJSX是JavaScript的扩展语法,这种<></>标签的写法就是 JSX。JSX 编写的组件通过预处理器 babel 解析后,再交给 React 库渲染到指定父容器下,形成最终html页面,供浏览器解析和显示。JSX会被babel编译为:React.createElement(),React.createElement()将返回一个叫作“ReactElement”的JS对象。const element = React.createElement(原创 2022-03-11 11:25:51 · 1413 阅读 · 0 评论 -
小程序引入百度地图与uni.getLocation的使用
一、小程序引入百度地图1、当你不需要引入整个地图展示,只需要引入某些功能的时候,可以直接调用服务端api。2、访问百度地图的任何api都需要密钥。流程:3、在小程序端配置请求合法域名:https://api.map.baidu.com4、直接使用api举列:使用逆地理编码这个api时需要注意逆地理编码 rgc 反geo检索 | 百度地图API SDK(1)坐标转换地址:Web服务API | 百度地图API SDK(2)百度地图的逆地址编码输...原创 2021-12-02 14:33:17 · 1822 阅读 · 0 评论 -
uniapp踩坑指南之坑多到写不完
1、sticky:到达指定位置时,就停留在那里不动了。当发现可以走时,立马就走了。如果走不了就不会动了,就会一直在那里。https://www.cnblogs.com/byeyear/p/11999334.html设置了sticky定位的元素相对于第一个定位不为static的父级元素的位置,sticky的作用区域也是在该父级元素的内。也就是说粘性布局的效果只在该父元素内表现出来。使用条件:1、父元素不能overflow:hidden或者overflow:auto属性。2、必须指定top、bott原创 2021-11-26 01:12:20 · 3728 阅读 · 0 评论 -
处理网络请求qs、图片转base64的优劣
一、引入qs这个库,更好的处理网络请求传参。qs.parselet url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e';let data = qs.parse(url.split('?')[1]);// data的结果是{ a: 1, b: 2, c: '', d: xxx, e: ''}qs.stringify二、图片..原创 2021-11-15 14:35:26 · 461 阅读 · 0 评论 -
是否打印日志
以下是思路,可以在代码自行判断在什么端什么环境是否打印日志。使用npm的插件也能实现相同功能。微信小程序提供了console向调试面板中打印日志。console 是一个全局对象,可以直接访问。在微信客户端中,向 vConsole 中输出日志。提供了以下方法:console.debug()向调试面板中打印 debug 日志 console.log()向调试面板中打印 log 日志 console.info()向调试面板中打印 info 日志 console.warn()向.原创 2021-11-15 11:06:39 · 159 阅读 · 0 评论 -
try catch finally的用法
1、不使用try...catch出现异常后,后面的代码都不会运行了 login() { console.log(b); console.log('hhhhhhhh'); },2、使用了try...catch出现异常后,try...catch后的代码还会继续运行 login() { try{ console.log(b); }catch (e){ console.log(e); .原创 2021-11-15 10:51:47 · 8433 阅读 · 0 评论 -
小程序分包
一、小程序分包微信文档写的够清楚了使用分包 | 微信开放文档(1)常规分包注意点:每个分包只能引用主包和自己的资源(2) 独立分包注意点:特别麻烦 懒得用了吧独立分包中不能依赖主包和其他分包中的内容(3)分包预加载注意点:提示进入分包页面的速度(4)分包异步化:懒得看了二、截图...原创 2021-11-12 17:24:16 · 386 阅读 · 0 评论 -
前端常见的加密算法介绍
一、前言在信息安全越来越受重视的今天,前端的各种加密也变得更加重要。通常跟服务器的交互中,为保障数据传输的安全性,避免被人抓包篡改数据,除了 https 的应用,还需要对传输数据进行加解密。目前常见的加密算法可以分成三类对称加密算法:AES、... 非对称加密算法:RSA、... Hash 算法:MD5、...二、对称加密算法对称加密(也叫私钥加密)指加密和解密使用相同密钥的加密算法。它要求发送方和接收方在安全通信之前,商定一个密钥。对称算法的安全性依赖于密钥,泄漏密钥就意味着任何人都原创 2021-11-10 20:44:12 · 542 阅读 · 0 评论 -
js检测数组对象中是否有重复值
判断数组对象里的某个值是否都是同一个值 isRepeat=(arr)=> { var hash = {}; for(let i=0;i<arr.length;i++){ if (!hash[arr[i].loanManager]) { hash[arr[i].loanManager] = true; } } if(Object.keys(hash).length>1){ return fals.原创 2021-11-10 20:40:57 · 7468 阅读 · 0 评论 -
js编码解码decodeURI()与decodeURIComponent()的区别
区别:encodeURIComponent()对/?:@&=+$,#进行编码,encodeURI()不会如果url的query和path传参中含有这些字符会被不正确的截断,拿到的参数会是错误的,一般都会用encodeURIComponent()进行编码、decodeURIComponent进行解码encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _原创 2021-11-08 14:44:35 · 355 阅读 · 0 评论 -
Date对象
1.全局scss $:考虑引入2.decode encode stringify 的意义3.图片文件转为base644.@import url 引入css 的区别5.uniapp 中不需要scope 页面样式也不会相互影响?6.文件上传 oss?1、Date对象(1)getTime和valueOf的返回值是一样的getTime() 返回 1970 年 1 月 1 日至今的毫秒数。 valueOf() 返回 Date 对象的原始值 (2)toTimeString原创 2021-11-02 11:19:22 · 423 阅读 · 0 评论 -
小程序思考与回答
1.全局scss $:考虑引入原创 2021-10-28 00:31:17 · 132 阅读 · 0 评论 -
this的指向
一、this原创 2021-06-21 14:37:41 · 128 阅读 · 0 评论 -
npm命令与package.json包管理
npm命令原创 2021-06-02 10:39:04 · 3110 阅读 · 0 评论