yummry的博客

vue@click 事件原理

前端开发重装系统，安装软件汇总

cnpm新域名替换及randomUUID is not a function问题解决

iframe 内嵌页面，通过监听message事件进行通讯，刚上手hook，对语法不熟练踩了个大坑，记录下来给自己提个醒，问题代码如下： ... const form = useMemo(() => { console.log('formValue',formValue) const pattern = pageType == 'detail' ? 'readOnly':'editable' return createForm({...formValue,pattern

做完加版上线，折腾到半夜，下午来了之后总算能清闲一些，搞一些非业务的东西来充实下自己。正好昨天上线时发现项目中有个h5手机端页面，首屏加载非常缓慢。决定优化下现状测试环境下，在chrome打开页面，加载需要将近13s，才加载完。下载了4M的资源包。备份为了不影响测试环境，肯定要自己搭建一个环境来测试优化效果。此处，明总的服务器又体现出效果了，白嫖的快乐。然后再本地单独开一个测试分支，方便后续跟进开始1. 测试环境，静态资源404没想到开始就在测试环境碰到了坑，打包出的页面无法访问到静态.

背景，我是一个很懒的人。学习新东西的动力，从来都不是xxx出了个新功能/版本,我要尝尝鲜之类的。每次都是有某些东西的实际需求，才会主动尝试去学习一些新东西，比如这次，后端资源缺乏，学学后端接口，自食其力。框架上次对接小爱同学，开发了一个基于node、express、mysql、axios的后端服务。这次不想那么麻烦，就直接在老框架上边进行二次开发。不过也算是正式了解了下express开发接口的流程1、目录目前目录结构，只是没想到，一个目录结构也能困扰挺久的。因为没写过正式的express项目，.

摘要

背景：新项目开发，mac第一次使用。一脸懵逼，npm install 的时候总是到某个包卡死。开始以为是网速问题。等待了很久，依然没有进度。然后尝试挂上代理，依然卡死。各种百度，最后发现ssh-add ~/.ssh/id_rsa这个命令贼好用。同时也解决了git clone输入密码的问题...

项目中使用了i18n来解决国际化问题。碰到了警告：Cannot translate the value of keypath ‘stateList.’. Use the value of keypath as default.百度了下，发现大多数都是配置i18n不显示警告的方式来解决，这不是掩耳盗铃么。检查了下代码，发现其实是个很简单的问题：如图，我在select中使用了i18n的$t函数...

项目中要做微信分享链接的优化，展示公司产品的相关信息。摸索了下，也踩了不少坑，记录一下。起步微信分享到微信好友或qq好友微信分享到朋友圈或qq空间微信分享到企业微信注意事项起步(1)查阅微信官方文档，配置基础信息： ①引入jsdk ②初始化wx.config（注意不同分享方式初始化不同api，域名不变的情况下，多次调用只需初始化一次即可） ③初始化对应分享接口 ④分享...

在vue的开发过程中，经常会遇到本地调用后台接口的情况，如果后台接口没有做处理的情况下，就会碰到跨域问题，下边是在开发中自己经常用到的跨域解决方案，供大家参考一下：vue-cli配置proxytable：这个配置比较简单，如果使用vue-cli搭建的脚手架，只需要在 根目录/config/index.js 中修改proxyTable属性即可没配置参考：proxyTable: { ...

为客户临时赶得一个页面，为了方便，从网上下载的模板。在样式上和跳转上做了修改，暂时顶用需求主要是a标签的href1 外链的跳转，修改为自己的网址2 相对路径跳转，不做修改3 # 或者 javascript:;不做修改确定了这些，接下来就好做了，原本是计划写一个正则，直接匹配a标签的内容，将这几个条件去除掉，但是正则功力有限，加上想到了前两天写的小爬虫，决定用node试一试，...

随着项目需求越来越多，vue-admin-element的低版本ui，有点难以满足需求，于是开始研究项目的ui版本升级，但是在网上并没有找到类似的例子，还是记录下来升级过程，看能否帮助一些小伙伴们。1. 开始更新element版本，我的需求在element-ui@2.7.2基本已经满足，所以暂时定了这个版本，更新完之后，运行正常，顺利的看到这个：打开浏览器之后，却发现一直转圈圈，漫长的...

项目需求，要求点击table后边的操作按钮，弹出修改框。但是又不是大弹框，设计的是带箭头的小弹框，于是想到了el-popover。但是碰到了坑，将解决过程记录下来问题树形table问题popover的取消问题...

element的Cascader，好用是好用。但是，对于后台接口只保存了选中那一项的数据来说，回显来说是个问题。问题级联框回显解決解决回显问题，首先要了解回显的要求， api并没有对value格式有要求，但是我一般用数组盛放，所以我的格式是：[1,2,3,4]，这种，选择完成后是每一级选择的value，但是要保存的不一定是全部，可能只是数组最后一位，比如省市级这种，可能最后只要...

最近项目需求：表格中的第一列在滚动的时候，要随着页面的滚动儿滚动。纠结了半天，解决了。记录下来，看能否给碰到类似问题的朋友，提供一些思路。效果图问题表格头部的合并标题随滚动而滚动解决表格基于element-ui，所以先查看的文档，数据结构刚开始是一...

最近公司需求，循环查询后台日志，有新数据弹出提示，效果类似$notify的样式，然后踩了一些坑，这里记录下，帮助一些朋友。问题可以弹出，但是自定义的内容无法自定义事件。比如相加一个button按钮，却无法对这个button监听点击事件。后台查询并不会返回新增的日志，而是将所有的日志返回，需要前端对内容判断，确定哪些东西是新增，哪些是之前就有的日志。新增的就弹出，之前有的就不用动。解...

刚开始使用csdn博客，一些简单的markdown语法也不是太熟悉，慢慢来吧。今天这个博客主要是想记录一下小仙女同学分享的一些干货。 1.form的emctype属性 在上传到服务器的时候，默认的，表单数据会编码成为application/x-www-form-urlencoded.就是说在发送到服务器之前，所有的字符都会进行编码（空格转换为“+”加号，特殊符号转换为ASCII HEX值

微信公众号定位用户所在位置最近由于项目的原因，涉及到了微信公众号，看了几天文档加上问了问同事，对这个玩意有一点了解，写一下微信公众号定位的方法，记一下以后方便用。//获取code var url = location.href.split('#')[0]; var area=getUrlParams("area"); if(!area){ //获取sign

最近工作方面的原因，接触到了微信公众号。然后网上找资料发现了jq-weui这个框架，觉得特别不错，分享一下下载jq-weui点击这里下载jquery-weui，这里一定要注意下载的版本。因为有些功能是只有新版本支持，老版本会出一些bug。之前就是被这个地方坑了，前任前端下载的jquery-weui.js与weui.css的版本对应不上，生成的代码class与css文件中的对应不上（我的是_与-的区

项目之前用到了zTree，近期由于需求改变，需要增加搜索功能。翻了翻官方api与大神的博客。总算是把问题解决，记录一下方便日后查找。zTree官网：http://http://www.treejs.cn/v3/main.php#_zTreeInfo效果图：简单分析下需求：    点击打开属性插件    可以根据输入的值，模糊搜索出对应选项    删除输入内容，展示全部选项直接粘上代码：html代码...

1.老铁碰到问题，发到群里边。类似于二级联动下拉列表，由于需求改变，要求一级下拉列表添加滚动条，乍一听没毛病，一个overflow就解决的问题。然后聊着聊着发现了问题先发下原始图：效果图如下：html代码：主要问题：给父元素添加overflow：scroll，子元素的弹出框会受影响。效果做完之后滚动条会影响效果，鼠标在经过滚动条移动到右侧弹出框，弹出框直接消失。各种百度发现overflow影响的是...

1.起源是老的方法在遇到新需求时有些不足，在老方法的基础上做了封装。    一直说使用框架要学会看底层代码！看底层代码！看底层代码！重要的事情说三遍。这次整合方法把项目的底层翻了一遍，杂七杂八的看的头蒙。老前辈的思路也是6到不行，半蒙半醒ing~ 不多说 直接上代码：    1.分析需求：        1没有token时直接发送，有token时需要设置请求头.        2返回的token信...

canvas配合js面向对象编程实现点击鼠标分割div的效果    是前段时间老铁的一道面试题，觉得挺有意思，昨天有空拿着练练手，顺便复习了下canvas，效果图：        需求分析：            1.点击div任意地方将div分割开，分割规律为上下分割和左右分割交替进行，1次分割成2块，2次4块，三次8块~~~    思路：            1.左右和上下分割实际上相同，只...

jqWEUI样式，加图片上传到页面并预览1、首先介绍下背景：项目最近更新，增加了些功能，其中用到了上传图片。由于是微信端而且用到了WEUI，去jqWEUI官网翻了翻，找到了一些挺实用的样式，但是没有对应的js组件。于是决定自己搞一个，由于功能比较简单所以可能考虑的不是很全面，程序吗，肯定会有bug，先把目前的样式贴出来：效果如上，选择图片点击打开，预览出展示当前选择的图片。再次点击预览图片放大到全...

jquery 通过canvas做一个简单地验证码1.今天工(xian)作(de)忙(dan)完(teng)，看到了项目正在用的一个验证码功能，一直一来是调用api接口返回的图片，突发奇想，也是练练手好久没用canvas，然后趁着前几天刚看的es6语法。几个融合到一起 写了一个小功能的验证码，效果如图:2.分析需求    1：生成一个带有数字，英文的验证码    2：点击可以刷新验证码3.思路   ...

前言：项目中碰到初始化多个laydate的闪退问题，百度加上问朋友，算是解决了。记录下来希望能帮助到别人。 laydate官网http://www.layui.com/laydate/changelog.html github地址https://github.com/sentsin/laydate 项目中使用的laydate5.0版本；下边回到正题： 点击添加流水生...

前言：项目使用的bootstarp，做某些组件的时候图标不够用，然后添加了阿里的iconfont图标。挺好用的放个链接iconfont官网。不理解字体的原理，然后今天工作做完之后，抽空研究了一下。看了好多字体的使用，发现基本都是通过css3的@font-face添加字体文件（关于@font-face，可以看看张鑫旭大牛的博客： 张鑫旭真正了解CSS3背景下的@font face规则...

下了班，放松时间听歌时，发现网易云的轮播图挺好玩，挺简单的一个轮播图，很久之前自己尝试着写过，但是没有成功。今天把坑补上吧。原效果图：直接上代码吧：/* option{ DOM : 对应元素 animaterTimer 动画过度时间 intervalTime 图片切换时间 imgList : [img1,img2] aroundBtn 左右按...

切换远程仓库先将所有分支拉下git pull删除之前关联的远程分支git remote remove <远程仓库名称>关联新的远程仓库git remote add <远程仓库名称> <远程仓库地址>设置本地分支追踪远程分支git branch --set-upstream-to=<远程主机名>/<远程分支名> <...

项目中最近碰到了一个复杂的效果，说是复杂其实难度主要在于我对echars的不熟悉导致的。算是摸着石头过河，分享一下解决经验。效果图分析1.地图缩放，echars的数据要修改查询文档发现可以通过监听echart的‘bmaproam’事件，能知道用户执行了缩放与拖拽，没有查询到缩放相关的事件，所以只能曲线救国了，监听到缩放之后通过chart示例，获取到当前缩放等级，然后在与变量中存储的上...

今天写项目的时候碰到了一些比较有意思的问题，单行文本过长导致换行。与我预期的效果不太相同。这是一个长长长长长长长长长长长长的测试文本...后边应该还有文本但是css自动处理为...百度了一下发现css有现成的属性可以控制，记录一下：.pl{//单行文本溢出显示为... width: 200px; overflow:hidden; text-overf