![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
工作中涉及到的一些欠缺的知识点,一点一点补起来~
小霞同学
保持热爱,奔赴下一场山海~
展开
-
js 内容超过两行收起,不超过两行正常展示
移动端类似这样的效果,超过两行展示【省略号】和一个下箭头点击下箭头后的效果:(全行展开)实现方案一: 采用的方式,首先判断元素是否超过了两行,超过的话截取前N个字符拼接上省略号 展示;不超过两行正常展示。判断元素内容是否超过 n 行的方法如下.....................原创 2022-05-31 21:30:44 · 3750 阅读 · 1 评论 -
js时间戳转时间(年月日)
/** * 格式化时间 * 时间戳单位:s */ secToTime(seconds) { let date = new Date(seconds); let year = date.getFullYear(); let month = date.getMonth() + 1; let day = date.getDate();...原创 2021-06-21 16:22:39 · 132 阅读 · 0 评论 -
husky工具配置git hooks
直接上链接,说的很清楚详细(当自己的笔记了):???? 先看这个???? 再看这个原创 2021-06-21 15:47:19 · 262 阅读 · 0 评论 -
git rebase
首先git merge 和 git rebase的区别:https://zhuanlan.zhihu.com/p/75499871git merge 操作合并分支会让两个分支的每一次提交都按照提交时间(并不是push时间)排序,并且会将两个分支的最新一次commit点进行合并成一个新的commit,最终的分支树呈现非整条线性直线的形式git rebase操作实际上是将当前执行rebase分支的所有基于原分支提交点之后的commit打散成一个一个的patch,并重新生成一个新的commit ha原创 2021-06-21 15:16:18 · 208 阅读 · 0 评论 -
Css中可以继承的属性
font字体相关 font-size font-weight font-family font font-styletext文本相关 text-align text-indent line-height text-transform direction word-spacing letter-spacing color光标: cursor可见性相关: visibility opacity原创 2021-05-13 17:54:42 · 78 阅读 · 0 评论 -
替换当前url
日常开发中经常遇到需要替换当前url的场景,这次我的需求背景是:打开一个新的页面且不需要历史记录;很自然的想到实现方案就是使用window.location.reload()来替换当前url,替换时还使用了query-string 包话不多说,看代码:????import qs from 'query-string'; let search = qs.parse(window.location.search);原创 2021-05-12 12:16:43 · 926 阅读 · 0 评论 -
vue中使用qrcode+canvas将二维码和图片合成分享海报
背景:需求是在web端生成一张带有二维码的分享海报,用户可以将海报图片保存到本地。实现思路: 使用qrcode生成二维码图片,再使用canvas将二维码和海报背景合成一张图片;直接看代码????// 按钮 <button v-else class="btn-default btn-share" @click.stop="sharePopup"> <span>打开分享图片</span>原创 2021-05-12 11:09:52 · 2451 阅读 · 0 评论 -
前端常用英语总结,持续更新
主要是我个人需要理解含义的单词,就当笔记啦,以后再遇到不理解的也会记在这里:collapse: 崩溃 塌陷 折叠visibility: 可见性 可见光font: 字体inherit: 继承,接替cursor: 光标transform: [v],变换,使改变形态transition: [n],过渡,变迁translate: [v],翻译,使转变...原创 2021-03-29 12:03:32 · 414 阅读 · 0 评论 -
Git和SVN版本管理的区别
最主要的区别:????GIT是分布式的,SVN不是集中式和分布式版本控制系统的区别看这里这是GIT和其它非分布式的版本控制系统,例如SVN,CVS等,最核心的区别。需要做一点声明,GIT并不是目前第一个或唯一的分布式版本控制系统。还有一些系统,例如Bitkeeper, Mercurial等,也是运行在分布式模式上的。但GIT在这方面做的更好,而且有更多强大的功能特征。GIT跟SVN一样有自己的集中式版本库或服务器。但GIT更倾向于被使用于分布式模式,也就是每个开发人员从中心版本库/服务器上chect原创 2021-03-26 17:29:05 · 123 阅读 · 0 评论 -
项目之间的相互依赖开发(yarn link)
link 的本质就是软链接,可以让我们快速使用本地正在开发的其它包。关于yarn link的使用 Yarn文档 中已经有了详细说明补充:如果一个项目依赖了其他多个项目,使用yarn link命令可以一次性创建多个软链接,多个包[package...]之间使用空格分隔yarn link @XXXX/recording-npm @XXXXX/gc-review-selectquestion...原创 2021-03-26 16:56:41 · 1024 阅读 · 0 评论 -
vue改变数组的值,不更新视图解决方案
由于 JavaScript 的限制,Vue 不能检测数组和对象的变化。但是Vue 将被侦听的数组的变更方法进行了包裹,所以它们也将会触发视图更新。这些被包裹过的方法包括:: push(),pop(),shift(),unshift(),splice(),sort(),reverse()而通过直接修改数组某一项的值或者改变数组的length,vue不能监听到数组变化。 app.book[3] = 'xxxx'; // or app.books.length =1;因为vue实现双.原创 2021-03-22 22:09:13 · 1519 阅读 · 0 评论 -
利用app调试本地的h5代码
最近在开发内嵌app webview中的h5页面,本地写了代码,受一些app独有方法的限制(比如调用app提供的桥来获取一些值)有些现象在web浏览器上是模拟不出来的,这时候需要使用app来调试本地代码~调试方法:chrome浏览器安装草料二维码插件,web浏览器打开需要调试的页面,使用草料二维码生成二维码,使用手机app扫码即可(测试用的app一般都有扫一扫功能来方便h5开发调试,没有的话让app开发添加一下)需要注意的地方:手机和电脑需要连接同一局域网用来生成二维码的链接里面不要包含 loc原创 2021-03-19 16:01:42 · 736 阅读 · 0 评论 -
vue中的img绑定动态src后找不到图片
解决方案加上require即可<div class="wrapper-home-top-topic"> <img :src="envLanguage==1?require('@/assets/img/afterreviewCt.png'):(envLanguage==2?require('@/assets/img/afterreview.png'):require('@/assets/img/afterreviewEn.png'))" alt="" /></div原创 2021-03-15 22:02:53 · 1133 阅读 · 0 评论 -
git stash常用命令
常用git stash命令:git stash save “save message” : 执行存储时,添加备注,方便查找,只有git stash 也要可以的,但查找时不方便识别。git stash list :查看stash了哪些存储git stash show :显示做了哪些改动,默认show第一个存储,如果要显示其他存贮,后面加stash@{$num},比如第二个 git stash show stash@{1}git stash show -p : 显示第一个存储的改动,原创 2021-03-10 21:29:07 · 246 阅读 · 0 评论 -
vue源码阅读笔记
开始阅读前先明确以下内容:1、源码中出现大量以下划线_ 为首的变量名,这里_表示私有变量,不推荐外界访问2、vue 有很多版本,其中 runtime和runtime and compiler的区别这里我阅读的是runtime and compiler版本,也就是带编译的vue.js对于没有阅读源码经验的小白而言,直接去阅读源码是很困难的,这里推荐先去看一下这个~新手友好(不是广告哦~)以下是个人笔记,持续更新中~为什么在mounted()中就能通过this.messsage 的方式访问原创 2021-02-25 11:34:41 · 95 阅读 · 0 评论 -
在线包和离线包
在线包,就是下载一个简易的下载器。然后利用这个下载器再去完成下载。好处就是下载起来比离线包快,但是安装时是需要网络的。离线包,是直接下载一个可用的应用程序。好处是方便,可以利用离线包在没有网络的情况下随时重装~国内用离线包会比较舒服。毕竟那天要重装,就不用到处找资源了。...原创 2021-02-07 21:36:07 · 2865 阅读 · 0 评论 -
灰度发布和全量发布
全量发布:即时向全量用户发布新版小程序。灰度发布:在一定时间内以开发者自定义比例,向部分比例的用户发布更新。简单来说,前者是一次性发布;后者允许小范围尝试发布,在发现问题后能及时更正后提升范围,甚至撤销发布。一般来说,普通程序发布时采用全量发布即可,当程序承载的功能越来越多,使用的用户数越来越多时,采用分阶段发布是一个非常好的控制风险的办法。灰度发布时,添加进灰度白名单的人,不会占用发布比例的名额哦~...原创 2021-02-07 21:32:19 · 4367 阅读 · 0 评论 -
什么是SDK,什么是API
SDKSDK的中文名叫“软件开发工具包”,它被开发出来是为了减少程序员工作量的,有公司开发出某种软件的某一功能,把它封装成SDK(比如美颜SDK就是能够实现美颜功能的SDK),出售给其他公司做开发用,其他公司如果想要给软件开发出某种功能,但又不想从头开始搞开发,可以付钱省事。sdk和api拼命解释~你可以把SDK想象成一个虚拟的程序包,在这个程序包中有一份做好的软件功能,这份程序包几乎是全封闭的,只有一个小小接口可以联通外界,这个接口就是API。如果我们现在短视频中增加某个功能(比如美颜、萌颜、云原创 2021-02-04 11:22:54 · 287 阅读 · 1 评论 -
什么是源,什么是镜像
源源就是来源。就是你安装软件时,程序从哪里获取软件包(安装程序在你的机器上,但需要安装的东西却在软件源服务器上)。源,在Ubuntu下,它相当于软件库,需要什么软件,只要记得正确的软件名就可以用命令抄安装:其实你可以把他称为软件仓库。安装软件时,就是从仓库里面调取数据放在你的机器上。镜像镜像,原意是光学里指的物体在镜面中所成之像。引用到电脑网络上,一个网站的镜像是指对一个网站内容的拷贝。镜像通常用于为相同信息内容提供不同的源,特别是在下载量大的时候提供了一种可靠的网络连接。制作镜像是一种原创 2021-02-04 11:18:39 · 8652 阅读 · 0 评论 -
js实现文件下载并重命名
背景:element-ui写的一个表格,由于数据量太多而目前的筛选功能不完善,新增了导出数据的功能,一键将所有数据下载为一个excel,让运营人员去excel中搜索。导出数据的功能是后端小哥哥做哒,前端只负责下载。此时,后台小哥哥抛给你一个下载的url可以用 window.location.href = url;来下载,但是不够优美(不能根据需求重命名一般的做法是获取文件 Blob,然后下载重命名,简单整理了一下 // 下载方法 downloadExcel(url, filename原创 2021-02-02 15:28:22 · 4871 阅读 · 1 评论 -
element-ui Select选择器设置默认选中
展示效果:默认选中全部代码部分:/*这里 lessions是一个对象console.dir打印如下:Object0: "全部"1: "PF3"2: "PF4"3: "PF5"4: "PF6"5: "PF7"6: "PF8"7: "PF9"1001: "PF2"1002: "PF1"*/<el-select v-model="lessionsLevel"> <el-option v-for="(value, key, index) in lessi原创 2021-01-29 16:50:16 · 16497 阅读 · 0 评论 -
工作积累(new)
前端微服务泳道的概念原创 2021-01-22 17:21:01 · 68 阅读 · 0 评论 -
pro、pre、test、dev环境
dev环境:开发环境,外部用户无法访问,开发人员使用,版本变动很大。test环境:测试环境,外部用户无法访问,专门给测试人员使用的,版本相对稳定。pre环境:灰度环境,外部用户可以访问,但是服务器配置相对低,其它和生产一样。pro环境:生产环境,面向外部用户的环境,连接上互联网即可访问的正式环境。https://blog.csdn.net/linzhiqiang0316/article/details/82749649...原创 2021-01-22 17:15:26 · 776 阅读 · 0 评论 -
前端常用Linux命令
命令行工具(常用命令)ssh登录:ssh root@10.211.55.8cdcd 文件夹名 // 进入文件夹cd … // 返回上一级文件夹目录lsls // 显示不隐藏的文件与文件夹ls -l //显示不隐藏的文件与文件夹的详细信息ls -al //显示所有文件与文件夹的详细信息cp拷贝文件:cp nginx.conf nginx.conf.bakmv移动文件:mv nginx.conf nginx.conf.bak2rmrm 文件名 // 删除文件原创 2021-01-20 16:32:07 · 99 阅读 · 0 评论 -
JS中布尔值为false的6种情况
JS中布尔值为false的6种情况1、undefined(未定义,找不到值时出现)2、null(代表空值)3、false(布尔值的false,字符串"false"布尔值为true)4、0(数字0,字符串"0"布尔值为true)5、NaN(无法计算结果时出现,表示"非数值";但是typeof NaN===“number”)6、""(双引号)或’’(单引号) (空字符串,中间有空格时也是true)...原创 2021-01-20 10:28:09 · 485 阅读 · 0 评论 -
mescroll插件
使用:https://segmentfault.com/a/1190000016400608?utm_medium=referral&utm_source=tuicoolhttps://blog.csdn.net/qq_41178295/article/details/80760710遇到过的问题:mescroll插件 一直显示加载中 需要在加载完的时候告诉mescroll插件加载已经完成this.$nextTick(() => {mescroll.endSuccess(dat原创 2021-01-20 10:19:07 · 283 阅读 · 0 评论 -
js运算符及其优先级
JS的运算符一共包括五种,下面我们来一个个的解说一下,开工~1、赋值运算符 =2、算术运算符符号:+、 -、 *、 /、 %、 ++、 –解释:算术运算符的优先级是先乘除再加减①.%是取余、求模,也就是整数除以一个数,除不开了,余下的数就是答案。例如:10%3=1(10对3取余/求模等于1)。②.++自增:++放在前面,放在后面是区别的③.–自减情况和自增一样,请参考上面。偷个懒O(∩_∩)O~3、关系运算符符号:<,>,>=,<=,!=,! ==,原创 2021-01-20 10:19:21 · 4442 阅读 · 0 评论 -
css画三角形,箭头
三角形将 DOM 的高和宽设置为 0 像素,通过设置边框的颜色透明来画出不同的三角形,当然也可以来设置 border 的宽度来画出不同角度的三角形.container{ width: 0; height: 0; border: 50px solid; border-color:red transparent transparent transparent;}箭头利用边框加上旋转或者 箭头其实就是2个三角形,然后用白色三角形覆盖蓝色三角形,并且错开1px,.原创 2021-01-19 18:20:57 · 246 阅读 · 0 评论 -
margin边距塌陷问题
同级元素:如果两个元素垂直方向有间距,只需要设置给一个元素,不要进行拆分。父子元素:让两个边距不要相遇,中间可以使用父元素border或padding将边距分隔开;更加常用的方法,父子盒模型之间的距离就不要用子元素的margin去设置,而是用父元素的padding挤出来。注:水平方向没有margin塌陷。...原创 2021-01-19 17:20:30 · 111 阅读 · 0 评论 -
nvm,node,npm之间的区别
区别:nvm:nodejs 版本管理工具。也就是说:一个 nvm 可以管理很多 node 版本和 npm 版本。nodejs:在项目开发时的所需要的代码库npm:nodejs 包管理工具。在安装的 nodejs 的时候,npm 也会跟着一起安装,它是包管理工具。npm 管理 nodejs 中的第三方插件关系:nvm: 管理 nodejs 和 npm 的版本npm: 可以管理 nodejs 的第三方插件...原创 2021-01-19 11:59:47 · 160 阅读 · 0 评论 -
工作积累(xkw)
input输入框 type=“number” 或者 type=“tel” 在用户输入的时候后自动调起数字键盘原创 2021-01-20 10:45:42 · 5085 阅读 · 0 评论