![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
总结记录
文章平均质量分 65
前端学狗
这个作者很懒,什么都没留下…
展开
-
样式加scoped后,会为元素增加data-v-xxx属性,因此样式优先级造成的线上样式与本地的不一致。[data-v-xx]属性的优先级
[data-v-xx]属性的优先级,vue项目样式加scoped后,会为元素增加data-v-xxx属性,因此样式优先级造成的线上样式与本地的不一致。原创 2022-06-17 11:44:12 · 1381 阅读 · 1 评论 -
npm上传自己的包,更新自己发布的包
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。前提:本文涉及的命令都是在要发布的包的根目录下执行的,在编辑器的终端或者cmd终端执行效果都是一样的。问题一:上传自己的包到npm1、注册npm账号,并且完成邮箱验证。已有的用户可以跳过这一步,点击npm进行注册2、进行包信息的初始化,输入npm init,根据提示输入对应的内容,此时,目录下会出现一个package.json文..原创 2022-05-23 16:54:02 · 2137 阅读 · 1 评论 -
谷歌浏览器调试打包后的Vue代码(谷歌浏览器调试,Chome调试js代码找出元素绑定的click事件)
开发时经常遇到本地无法复现但测试环境硬是有问题的bug。这个时候如果能够通过谷歌浏览器的调试快速定位到问题就好了原创 2022-05-20 17:47:09 · 3156 阅读 · 0 评论 -
Vue项目,通过数组下标更改数组的值不生效,页面没有重新渲染
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。问题背景:今天在开发中遇到了一个需要,在列表里要通过按钮的点击控制手机号码列是显示正常的号码还是显示星号******。页面大致原型:id 手机号码 操作 1 13400003333 显示手机号(按钮) 2 *********** 显示手机号(按钮) 首先想到的实现方式就是给表格的每条数据增原创 2022-03-29 11:04:16 · 7013 阅读 · 0 评论 -
使用canvas生成水印watermark,有详细注释,简单易懂
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。生成水印的js文件:// const watermark = {}// 定义设置水印的方法,const watermarkFun = () => { // 如果水印元素已经存在就先移走,重新生成, id要是全局独一无二的 const id = '3.14159261111' if (document.getEle..原创 2022-03-22 17:33:25 · 5132 阅读 · 1 评论 -
本地已有项目如何上传到github上
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。一、github上新建一个仓库具体步骤可以看网上的诸多教程二、把本地项目初始化为一个git仓库找到本地项目的根目录,依次执行1、建立本地的git仓库git init2、将本地文件全部添加到本地的git仓库git add .此处如果报下面这个错误,则需要先执行:git config --global ..原创 2021-11-26 18:22:11 · 679 阅读 · 0 评论 -
[Vue warn]: Error in render: “TypeError: data.reduce is not a function“报错详解
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。一、问题定位:打开开发者工具,点开错误的那个小三角,便能看到详细信息,定位到错误发生在哪个文件的哪一行。我的项目使用Element-UI组件进行开发,clDetailList是用于给el-table的data属性赋值的。clDetailList按照预期得是Array类型的,问题就出在push函数执行完之后返回的是数组的长度.原创 2021-10-29 15:14:41 · 5084 阅读 · 0 评论 -
百度编辑器UEditor二次开发使用Grunt打包报错提示“arguments.callee“ cannot be used in strict mode
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。最近有个项目需要用到百度编辑器UEditor,官方文档写得一言难尽,居然还有错别字。一、遇到的问题进行二次开发--使用grunt打包源代码这一步遇到了问题。我使用的UEditor的源码版本是1.4.3,目前最新的版本是1.5.0。github上可以下载完整版的源码,下载地址:ueditor。在使用语句grunt --serve.原创 2021-10-15 10:52:04 · 439 阅读 · 0 评论 -
JS中数组的reduce方法使用总结
不知道大家有没有这种情况,每次要使用reduce方法时,总会想不起来这个方法该如何使用,都得先搜索一波reduce方法各个参数的含义与适用场景。一、语法:数组中的每个元素执行该回调函数,最终返回一个结果值。const arrMy = [1, 2, 3]arrMy.reduce(function(total, currentVal, currentIndex, arr){// todo 每个函数元素要执行的}, initVal)reduce的第一个参数:回调函数,必需,数组元素会执行原创 2021-08-10 10:55:24 · 1601 阅读 · 0 评论 -
一文看懂JavaScript中的严格相等===、非严格相等、加法+等涉及的类型转换
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到过相同的疑惑,希望本文对你有帮助。写文背景:最近在看《你不知道的JavaScript(中卷)》,其中第一部分的第4章谈到了强制类型转换。作者写得很好,只是这知识它不入脑子啊,我看完就忘了作者讲了些啥,讲了太多的toNumber(),toString(),我全没记住!读完之后,脑袋里只剩下大大的疑惑,连x < y这种比较大小的都不会比较了。为了解决这个迷惑,打开了我下载回来原创 2021-07-06 16:43:57 · 277 阅读 · 0 评论 -
再也不会分不清JS中的some、every、findIndex、find、forEach、map、filter方法了
大家好,我是小梅,公众号:「小梅的前端之路」 原创作者。作为在前端领域不断探索的一员,在此记录开发中遇到的问题,如果你也遇到了相同的问题,希望本文对你有帮助。在JS代码中,经常有对数组的各种操作,也就衍生了各种函数,而每次使用,我都傻傻分不清它们之前的区别,因此,特意把它们之前的区别做了个总结。callbackfn示例:const arr = [10, 20, 30]const callbackfn = function (value) { if (value > 18)原创 2021-07-02 17:49:52 · 661 阅读 · 0 评论