- 博客(29)
- 收藏
- 关注
原创 关于package.json与lock文件依赖版本的一些问题
有几次项目部署完毕在线上运行时,测试人员发现某些组件的效果出现异常,比如某些在弹窗modal内的popup弹框的层级异常,显示在了modal底下,或者某个组件(如modal的footer区域的类样式)出现多个css文件的重复定义,导致正常的css效果被覆盖。29版本为最外层父级项目的依赖,基于此,我们把最外层的组件库依赖调整到具体的公共组件包里面,在这里有固定vue版本,整个公共包也只有公共组件需要vue和组件库依赖。重新统一组件库依赖的vue版本,使多个项目的组件库依赖的vue版本都为同一个。
2024-06-20 11:49:31 447
原创 自动导入图标库和组件插件的改造实践
感觉,esm虽然为大势所趋,但只要node环境一直固定为commonjs存在且泛用,总会需要考虑这些个模块化兼容的问题。如有错误,欢迎指正!”纸上写来终觉浅,深知此事要躬行“。
2024-01-24 10:51:39 393
原创 关于vscode的crlf和lf配置
1、项目的.editorconfig中的end_of_line配置与vscode的files.eol和.prettier保持一致即可。不一致就问项目的老大以哪个为准。
2023-11-03 17:51:34 588
原创 echarts的legend设置文本的padding上下值不生效
增加rich属性后,padding:[0,0,-5,0]即可生效(甚至不需要设置其中的值)
2023-10-16 20:28:55 514
原创 pnpm 指定源后,pnpm view查看的依然是默认源
发现即使设置了pnpm(npm)的默认源地址,在使用view时仍然还是默认使用了默认原始的源地址。pnpm view xxx version --registry=指定源地址。
2023-10-12 15:24:28 410
原创 离线下载vscode插件开发的打包工具vsce时要注意的
1、安装python环境2、安装visual studio桌面C++环境3、node-gyp(安装新版的node一般会自带)4、node对应版本的headers头文件 + node.lib文件(下载到本地,网上有一般攻略)创建Release文件夹,把node.lib放到进去。将headers压缩包解压到本地文件夹内(比如叫headers),将Release文件夹放进Headers中。重要:在.npmrc中,增加一条nodedir = XXXX。XXXX为headers文件夹的本地绝对路径
2022-05-25 10:50:54 661
原创 JS面试经典题a==1&&a==2&&a==3(记录一下)
//var a = ?if(a==1&&a==2&&a==3){ console.log("打印这句话")}只提供思路1、改写隐式转换规则时调用的方法对象与数字比较,对象会默认调用valueOf(),toString()方法,改写这两者其一都可以2、参考vue2的数据劫持重写a的get(set)方法,让其调用时return ++i;注意:不能++a,需另外定义返回数据3、与1相似,改写数组的toString方法var a ...
2020-07-20 21:08:46 310
原创 关于position:absolute的定位
一般网络上谈到关于position:absolute的绝对定位问题,有些地方会说:绝对定位元素相对的元素是它最近的一个已定位祖先,若没有这样的祖先则相对于body进行定位。这句话并不完全正确应参考W3school的解释:绝对定位的元素的位置相对于最近的已定位祖先元素,如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。请看如下代码<!DOCTYPE html><html lang="en"><head> <meta charset
2020-07-16 14:00:55 871
原创 判断一个对象是否是数组类型的两种方法
1、Object.prototype.toString.call(obj) === "[object Array]";区分大小写2、直接调用Array的函数Array.isArray(obj)
2020-07-05 09:21:53 654
原创 记微信小程序无法访问图床图片,报错403,疑似防盗链
简单的处理方式是在图片的完整url前添加(https://images.weserv.nl/?url=)。var newurl =https://images.weserv.nl/?url=+ oldurl;这样处理有可能会导致部分正常的(其他外部网页)可访问图片出现403错误
2020-06-27 17:23:55 1151 2
原创 关于css居中的三种常见方式
父盒子的position统一默认relative1、flex盒子(不考虑兼容).box { display: flex; align-items: center; justify-content: center; }2、css3偏移(不考虑兼容).box { position: relative; left: 50%; top: 50%; transform: translate(-50%,-50
2020-06-16 21:44:24 169
原创 不用算术运算符的加法
来自剑指Offer题目描述写一个函数,求两个整数之和,要求在函数体内不得使用+、-、*、/四则运算符号。代码解析://不用+ - * /做加法运算//涉及位运算和逻辑运算,联想电路实验的所用公式function Add(num1, num2){ while(num1) { let item = num2; num2 = num1^num2;//不考虑进位的加法 num1 = (num1&item)<<1;//..
2020-06-13 21:24:35 188
原创 关于node-sass安装时出错问题
无论试了哪种国外源的方式都不行,最后用淘宝镜像解决了npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/其他如windows平台依赖包以及python依赖请提前自行安装
2020-06-12 09:46:53 357
原创 nvm安装8.11.*版本的node时,无法安装npm,安装失败
1、挂梯子(本人安装成功了,只是安装速度比较慢)2、既然挂梯子可以,那么也可以使用淘宝镜像链接,具体方法可查阅其他博主的博客
2020-06-11 17:48:15 497
原创 js的防抖与节流函数
前言:在实际开发中,许多地方会出现短时间内可能频繁请求服务器的业务出现,如百度一下的搜索联想词。代码的一般实现方式设置为:监听用户的输入事件,用户每输入一次便立即去请求一次服务器,那么当用户输入“test”时,会请求四次服务器,这样会给服务器造成巨大压力。这时就需要对那些“频繁触发的函数(请求)”进行节流或防抖处理了正文:1、防抖debounceinput的验证、联想抖动:抖动可以理解为你的回调函数(如请求函数)的不断触发,而触发的原因正是用户的不断输入。思路:当你的函数不再
2020-06-07 17:16:48 247
原创 Vue项目使用BetterScroll框架使用时遇到的问题
当页面中存在图片的加载功能时,会存在允许拖动区域小于可视距离的问题。在使用betterscroll时,其允许滚动的区域大小是根据scrollheight属性决定的,而其一开始计算的高度是不包括实际的图片的大小的。这就会导致图片会将页面撑大,问题就出现了。解决:在Vue中监听图片的加载完毕事件@load,emit传出事件给使用了scroll的地方此处会涉及父子兄弟等关系组件的传值问题,可以解决的相关知识点有1、VueX全局状态管理2、事件总线bus事件总线实际上不是一个Vu..
2020-06-06 16:21:10 310
原创 Vue个人学习笔记(完善中)
class="xxx"与:class="xxx"可以共存一:Vue的基本指令:1、v-pre:直接添加。跳过Vue编译,直接显示内容。如<h1 v-pre>{{str}}</h1>,会直接显示{{str}},而不是str的内容。2、v-html:v-html=“url”。渲染html语法字符串。3、v-once:直接添加。作用:只允许元素被渲染一次,不会随数...
2020-06-05 19:52:57 228
原创 CSS如何实现竖排并列两个元素
container { display:flex;//弹性盒子flex-wrap:wrap;//按照子元素的宽度来包裹}child { width: 49%;}
2020-06-02 17:59:55 2251
原创 有序数组寻找和为目标值的一组数
二分思想注意需要有序数组!!!一个“指针”a从数组首位开始搜索,另一“指针”b从数组尾部开始搜索。循环:(a!=b){sum = a+b,若sum正确则返回。若sum>目标值,那么b--,寻找更小值。否则a++,寻找更大值。}循环正常退出则表明不存在两个数...
2020-06-01 21:28:44 468
原创 括号匹配算法思路
括号匹配算法思路:利用栈结构出现左括号,则左括号入栈;出现右括号,则与栈顶匹配,不匹配则失败。最后如果栈空,则匹配成功,否则失败
2020-06-01 21:23:33 823
原创 商城项目实战要点总结记录(vue全家桶)(更新中)
SPA单页面应用一、封装思想 对于一些公共组件、工具函数等可以放入专门的文件夹common。比如底部导航栏tabbar,不管进入什么路由页面,导航栏应该会一直存在。此时便可以把导航栏模块单独抽离出来,放入公共组件库中。tabbar中,不同的项目一般会有不同数量、样式、内容的导航按钮,这里则可以考虑利用slot插槽进行封装。1、对于tabbar的每个按钮,考虑由图标、文本两方面构成,而且每个按钮的不同之...
2020-05-19 20:13:23 549
原创 记一次idea创建SpringBoot项目依赖引入遇到的坑
在一次创建Springboot项目时,引入依赖时,maven总会提示找不到文件并且提示timeout,多次查找方案,如镜像,settings文件的修改,未果最终找到解决方案:在初次使用idea不久,项目创建时如果未做过修改,很多项目会自动使用1.5版本的JAVA Compiler进行编译。只需要将其修改到稍高版本(自己一般是10)便可以正常下载依赖原因还未探查...
2020-04-20 17:34:08 1603 1
原创 idea创建web项目卡停在generate
查看generate的细节会发现是在下载archetype-catalog.xml这个文件的时候卡死。建议去下载到这个文件放在自己的仓库的repository\org\apache\maven\archetype\archetype-catalog,这个目录下,重新创建项目。在创建时在参数添加页面添加参数 -DarchetypeCatalog=local附上文件的百度...
2020-04-03 21:10:33 702
原创 MYSQL重新从指定数值开始自增的方法
alter table table_name AUTO_INCREMENT=2;从2开始自增,即下一条数据的对应字段将是2
2020-03-06 21:26:43 1137
原创 java记录
记录一个使用eclipse时出现的错误。启动eclipse创建一个项目时出现Unhandled event loop exceptionJava heap space的弹窗错误。表示java虚拟机的需求内存不足,已达到最大内存设置,还需要更多。解决:1、打开eclipse.ini2、添加或更改如下推荐设置-Xms256m -Xmx1024m -XX:MaxPer...
2020-02-19 15:01:18 147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人