web
Winson℡
The important thing in life is to have a great aim,and
determination to attain it.
展开
-
uniAPP-web2App 侧滑 | h5打包后的app侧滑解决方案及使用方法
使用方法:对于vue项目来说,只需要将其放在public->index.html的body标签下面。转载 2022-10-13 15:00:36 · 1506 阅读 · 0 评论 -
javaScript原生事件总结笔记--按对象属性对数组进行分组
【代码】javaScript原生事件总结笔记--按对象属性对数组进行分组。原创 2022-09-27 16:51:20 · 383 阅读 · 0 评论 -
移动端判断函数(环境判断、兼容关闭浏览器)
_isMobile() { let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) return flag; }, i..原创 2022-09-22 14:15:06 · 332 阅读 · 0 评论 -
vue外层div上有点击事件,内层div也有点击事件,想要实现点 内层div,不触发外层点击事件(综合一下记录)
综合笔记,感谢原作者原创 2022-06-15 11:01:34 · 4862 阅读 · 0 评论 -
性能优化之函数节流/防抖
优化性能技巧:问题场景:当前实现一个搜索功能,需要输入文本就会触发函数调用搜索接口,亦或是用户可能双击搜索按钮等场景,当你未输入完关键字时,或者用户多次重复点击,就会浪费性能一次又一次的去请求接口.解决的问题:防止某时间段内发送多次重复请求解决方案:函数节流(也可使用函数防抖)封装一个util.js工具类函数,如下/** * 函数节流 * @param {*} fn 事件函数 * @param {*} delay 设置一段时间内只触发一次 */function throttle(f原创 2021-08-02 11:57:57 · 182 阅读 · 0 评论 -
Echarts pc端、移动端自适应方案-resize使用及注意点
1.ECHARTS动态设置宽高RESIZE()今天在项目中遇到了Echarts宽高自适应问题,几经波折终于把问题解决了,下面直接上代码:// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById("main")); // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); // window.onresize = function () {原创 2021-07-19 17:55:38 · 2871 阅读 · 2 评论 -
js 享元模式
享元模式享元模式(Flyweight Pattern)主要用于减少创建对象的数量,以减少内存占用和提高性能。这种类型的设计模式属于结构型模式,它提供了减少对象数量从而改善应用所需的对象结构的方式。享元模式尝试重用现有的同类对象,如果未找到匹配的对象,则创建新对象。代码:$.extend({a: 1}, {b: 2}) // {a: 1, b: 2}$.extend = function(){ //代码的复用和简洁角度 //享元模式-》提取一个享元 if(arguments原创 2021-07-16 15:27:05 · 179 阅读 · 0 评论 -
jquery extend()方法
定义和用法jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意:如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。如果多个对象具有相同的属性,则后者会覆盖前者的属性值。语法:$.extend( target [, object1 ] [, objectN ] )$.extend( {a:1},{b:2} ) // {a:1,b:2}原创 2021-07-16 14:45:59 · 201 阅读 · 0 评论 -
js截取字符串方法
let str = 'abcdef';// 0str = str.slice(0);//返回整个字符串 abcdefstr = str.substring(0);//返回整个字符串 abcdefstr = str.substr(0);//返回整个字符串 abcdef// 使用一个参数str = str.slice(2);//截取第二个之后所有的字符 cdefstr = str.substring(2);//截取第二个之后所有的字符 cdefstr = str.substr(2);//截取第二转载 2021-07-02 11:07:10 · 589 阅读 · 0 评论 -
在HTML中识别 字符串 里的 “\ n” 并成功换行显示
在结果所在的 div 的 css 设置:(注:只在当前string字符串内有效)white-space: pre-line;如:但是此方案没法像下边这样换行:要实现如下图所示效果:在结果所在的 div 的 css 设置display属性中带有换行效果的属性值:...原创 2021-07-02 10:25:05 · 2036 阅读 · 0 评论 -
git生成SSH公钥
cd ~/.sshgit config --global user.name "用户名"git config --global user.email "注册的Email@123.com"ssh-keygen -t rsa -C "注册的Email@123.com接下来回车三次(遇到Overwrite (y/n)?就 y+回车)cat ~/.ssh/id_rsa.pub原创 2021-06-30 15:08:04 · 118 阅读 · 0 评论 -
实现路由跳转方法
this.props.history.push(’/download’)跳转到外链:window.open(“http://www.baidu.com”);window.location.href = ‘https://你的url’在页面中给一个按钮绑定绑定跳转,如果跳转到项目的路由,引入react-router的Link使用下载 形式跳转,如果希望页面从新页面打开,加 target="...原创 2020-03-05 16:36:38 · 967 阅读 · 0 评论