自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(146)
  • 收藏
  • 关注

转载 缓存和强缓存(多看)

https://www.cnblogs.com/chengxs/p/10396066.html

2021-06-09 09:46:20 197

转载 从敲入 URL 到浏览器渲染完成,到底发生了什么 ?

https://www.cnblogs.com/biaochenxuying/p/11424842.html

2020-11-17 10:22:18 253

转载 css实现水平/垂直居中的方式

水平居中分为块状元素和行内元素,而块状元素又分为定宽块状元素和不定宽块状元素。1、行内元素水(display: inline)平居中(文本、图片等)是通过给父元素设置 text-align:center;来实现的。<p style="text-align: center;">行内元素水平居中</p>2、定宽块状元素(dispaly: block)水平居中(块状元素的width是一个固定值),满足块状和定宽两个条件时,即可通过给自己设置“左右margin为auto”来实现

2020-11-10 14:31:33 562

原创 正确的让文本换行

通常文本换行我们会使用word-break属性,有两个值供我们选择word-break: break-all;word-break: break-word;那么如何区分这两个值呢,我们看图说话,你就明白了。对于处理英文字符没有任何区别,但是好戏还在后头,处理一些特殊符号差别可就大了...

2020-11-10 14:21:30 583

转载 vue-router原理

浅谈vue-router原理https://zhuanlan.zhihu.com/p/27588422https://www.cnblogs.com/gaosirs/p/10606266.htmlhttps://www.jianshu.com/p/93d3ed7fcda6

2020-10-23 19:33:20 133

原创 为什么Vue不能检测对象属性的添加或删除也不能检测数组元素直接赋值或改变length?

https://segmentfault.com/a/1190000015783546#comment-areahttps://segmentfault.com/a/1190000018706349https://segmentfault.com/a/1190000018767046

2020-10-23 19:03:28 266

原创 hasOwnProperty()

hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是,是否有指定的键)。https://www.qdtalk.com/2018/11/01/%e5%85%b3%e4%ba%8ejavascript%e7%9a%84object-hasownproperty%ef%bc%8c%e7%9c%8b%e6%88%91%e5%b0%b1%e5%a4%9f%e4%ba%86/https://segmentfault.com/a/1190000017828..

2020-10-22 14:03:06 325

转载 es6之扩展运算符 三个点(...)

https://qifutao.blog.csdn.net/article/details/82899965?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_para

2020-10-21 13:32:10 179

原创 防抖与节流的个人理解及其对应的应用场景

现在,先忘了 "函数防抖" 和 "函数节流" 吧防抖与节流面试准备 - JS 防抖与节流函数防抖(debounce):在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。看一个????(栗子):<body> 没有防抖的input:<input type="text" id="unDebounce"><br> 防抖后的...

2020-10-21 11:25:21 2189

转载 Vue中的插槽和作用域插槽

1、Vue中插槽的作用和使用方法定义一个名child子组件,为该子组件添加内容应该在子组件的template中定义,直接在父组件的<child>标签中定义的内容不会被渲染,如下例。<div id="root"> <child> 需要插槽才能渲染的内容 <p>Dell</p> <p>Lee</p> </chi

2020-10-19 15:57:04 2748

转载 git 几个commit点合并成一个commit点

https://blog.csdn.net/u013276277/article/details/82470177?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_param_isCf&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.add_p

2020-10-13 19:32:55 396

原创 json.stringify()的妙用,json.stringify()与json.parse()的区别

https://www.cnblogs.com/echolun/p/9631836.htmlhttp://caibaojian.com/parse-stringify.htmlhttps://www.jianshu.com/p/b084dfaad501

2020-09-24 19:24:34 93

转载 常用的JS数组去重方法大全

https://blog.csdn.net/weixin_42881768/article/details/105308105

2020-09-14 17:10:49 202

转载 javascript面向对象之ES6中的类和继承

阮一峰 官网类 基础必须要看https://es6.ruanyifeng.com/#docs/class function HeroES5(name, skill) { this.name = name this.skill = skill } HeroES5.prototype.doSth = function () { console.log(`练习${this.skill}`); } HeroES5.prototyp.

2020-09-11 17:29:13 325

原创 vue项目中使用阿里iconfont图标

方法一:简单粗暴 - 生成链接使用法1.打开iconFont官网选择自己喜欢的图标,并且添加购物车2.点击购物车,添加至项目5.为了方便可以给项目起一个名字6. 选择Font class7.点击“暂无代码,点此生成”7. 点击复制连接8.接下来复制链接地址,在我们的vue项目中,找到index.html文件,引入css样式,记住这里要放上你的链接地址....<link rel="stylesheet" href...

2020-09-11 11:34:33 1784

原创 es6 filter() 数组过滤方法总结

es6 filter() 数组过滤方法总结(转)var arr = [1, 2, 6, 3, 4, 5,4, 6,4,5,6,1,5,5,6,2]var newArr = arr.filter((x, index, self)=>{ // x : 数组每一项的值 // index: 每一项的下标 // self: 当前数组 return self.indexOf(x)===index})// newArr...

2020-09-03 19:58:25 15851

原创 说说 Vue.js 中的 v-cloak 指令

https://www.jianshu.com/p/f56cde007210?utm_source=oschina-apphttps://blog.csdn.net/Syleapn/article/details/89296595https://blog.csdn.net/bobobocai/article/details/70676951?utm_medium=distribute.pc_relevant_t0.none-task-blog-BlogCommendFromMachineLear

2020-09-03 10:53:42 128

转载 一起学vue指令之v-pre

https://www.cnblogs.com/singledogpro/p/12044526.html跳过这个元素和它的子元素的编译过程。一些静态的内容不需要编辑加这个指令可以加快编辑<span v-pre>{{ this will not be compiled }}</span> 显示的是{{ this will not be compiled }}<span v-pre>{{msg}}</span> 即使data里面定义...

2020-09-03 10:44:26 203

转载 4种JavaScript内存泄漏浅析及如何用谷歌工具查内存泄露

https://www.jianshu.com/p/24874469dafd

2020-08-27 15:30:33 226

转载 macOS 下 Electron 程序的签名及公证

https://oldj.net/blog/2019/12/29/electron-builder-sign-and-notarize-for-macos自 macOS 10.14.5 开始,应用程序必须要经过签名以及公证(notarize),否则默认情况下便无法直接运行,会弹出类似下面的警告:即:“Appname.dmg” can’t be opened because Apple cannot check it for malicious software.This software

2020-07-06 16:35:52 3476

原创 Mac Electron App 签名后打开闪退

背景昨天在测试 Mac Electron App 打包,发现不签名的应用能够正常打开,签了名的打开反而会崩溃。寻因首先我怀疑是不是自己代码导致闪退,但是在一番查找后,发现还根本没到执行我的代码就闪退了。然后就猜可能是我打包的参数缺了些东西。我使用 electron-builder 打包的,当时配置的是:"mac": { "category": "public.app-category.developer-tools", "target": "dmg", "icon"

2020-07-06 16:26:46 3339

转载 electron-builder打包见解

https://blog.csdn.net/weixin_33936401/article/details/88722952

2020-07-06 16:11:25 405 1

转载 electron-builder中NSIS配置项

https://www.jianshu.com/p/1701baa240fd使用electron-builder打包electron项目,其中Windows提供了NSIS来自定义安装程序。找配置项都有哪些找了半天没找到汉化的,以下是搬运的官网的。原地址:https://www.electron.build/generated/nsisoptions oneClick= true布尔值-是创建一键安装程序还是辅助安装程序。 perMachine= false布尔值-是否显示辅助安装程序的

2020-07-06 16:03:52 9370 1

转载 Vue的钩子函数[路由导航守卫、keep-alive、生命周期钩子]详解

前言说到Vue的钩子函数,可能很多人只停留在一些很简单常用的钩子(created,mounted),而且对于里面的区别,什么时候该用什么钩子,并没有仔细的去研究过,且Vue的生命周期在面试中也算是比较高频的考点,那么该如何回答这类问题,让人有眼前一亮的感觉呢...Vue-Router导航守卫:有的时候,我们需要通过路由来进行一些操作,比如最常见的登录权限验证,当用户满足条件时,才让其进...

2020-04-08 20:05:44 1481

转载 css 实现div内显示两行或三行,超出部分用省略号显示

一、div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-cla...

2020-01-20 19:32:31 3306

原创 CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示

2020-01-14 14:13:28 2362

转载 git如何撤销commit(未push)

撤销commit一般用git reset ,语法如下:git reset [ --mixed | --soft | --hard] [<commit ID>]开始撤销commit的示例:输入git log,我们可以看到最近的3次提交,最近一次提交是test3,最早的一次是test1,其中一大串黄色的字母是commit id(版本号)如果嫌输出信息太多,可加上--p...

2020-01-13 20:46:40 3122

原创 Git-命令行-使用 git stash 暂存代码

为什么我们需要它不得不说,在知道这个命令的时,以及之后的使用中,我都超级热爱这个命令,因为它真的太好用了。给大家说一下我使用这个命令的场景:此时我在 feature_666 分支,非常聚精会神加持高专注地实现一个功能 666 模块,简直键盘如飞的编写代码~~~然后这时,客户反馈出一个 bug , 非常严重,必须立马解决,优先级为 0 !!!于是,我需要去到 release 分支去 c...

2020-01-13 20:38:19 401

转载 git push 出现 The current branch dev has no upstream branch.的问题

今天在进行本地开发,进行push时,出现以下错误,这是因为,没有与远程分支建立连接。解决方法git push origin dev -u这个意思是把本地dev push 到 远程(origin)的dev -u表示同时建立关联,以后再推送到远程只需git push origin...

2020-01-12 14:27:45 2387

原创 TS学习笔记(一):基本类型

TypeScript 是 JaveScript 类型的超集,它可以编译成纯 JavaScript,TypeScript 可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。TypeScript 支持与 Javascript 几乎相同的数据类型,此外还提供了使用的枚举类型,TypeScript 支持的类型包括:布尔值、数字、字符串、数组、元组、枚举、Any、Void、Null、 Un...

2019-12-27 11:50:01 578

原创 CSS3中width属性的width: calc(100% - 20px); 使用问题

目的是动态改变宽度/高度的变化,适配问题。width: calc(100% - 20px);css3 的 calc()函数。这里的意思是设置宽度比100%的宽度少20px。calc()函数用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算;calc()函数使用标准的数学运算优先级规则;...

2019-12-26 16:00:14 25309 1

转载 vue-property-decorator vue typescript写法

什么是TypescriptTypeScript 是一种由微软开发的自由和开源的编程语言,它是 JavaScript 的一个超集,扩展了 JavaScript 的语法。作者是安德斯大爷, Delphi、C# 之父(你大爷永远是你大爷)。把弱类型语言改成了强类型语言,拥有了静态类型安全检查, IDE 智能提示和追踪,代码重构简单、可读性强等特点。现在VUE 也支持了 TypeScript ,面对...

2019-12-11 16:03:52 466

转载 【ES6学习笔记之】Object.assign()

基本用法Object.assign方法用于对象的合并,将源对象(source)的所有可枚举属性,复制到目标对象(target)。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {...

2019-12-10 17:28:10 488

原创 vue之this.$route.query和this.$route.params的使用与区别

一、this.$route.query的使用 1、router/index.js { path:'/mtindex', component: mtindex, //添加路由 children:[ { path:':shopid', com...

2019-12-10 17:13:43 971

原创 vue中路由重定向redirect

1.传参重定向时传参,根据重定向到的路径进行传参注意:重定向改变了路径,此时路径并不是goParams/1993/yq love zn而是params/1993/yq love znf2.不传参不传参直接重定向路径地址注意:redirect重定向改变了url地址,如果重定向的地址需要接收参数然而没有传参不会改变地址,页面不会报错但是也不会显示内容...

2019-12-10 11:09:38 1728

原创 vue 路由 按需 keep-alive

https://juejin.im/post/5cdcbae9e51d454759351d84#commenthttps://juejin.im/post/5b407c2a6fb9a04fa91bcf0d#commenthttps://juejin.im/post/5b610da4e51d45195c07720d#commenthttps://juejin.im/post/5cce49...

2019-11-25 10:53:11 117

原创 数据双向绑定

https://www.cnblogs.com/canfoo/p/6891868.htmlhttps://juejin.im/post/5d08abeaf265da1b8e70a1d7#commenthttps://juejin.im/post/5d41eec26fb9a06ae439d29fhttps://juejin.im/post/5d59f2a451882549be53b170...

2019-11-25 10:33:47 135

原创 http相关

1、常用的HTTP方法有哪些?GET: 用于请求访问已经被URI(统一资源标识符)识别的资源,可以通过URL传参给服务器POST:用于传输信息给服务器,主要功能与GET方法类似,但一般推荐使用POST方式。PUT: 传输文件,报文主体中包含文件内容,保存到对应URI位置。HEAD: 获得报文首部,与GET方法类似,只是不返回报文主体,一般用于验证URI是否有效。DELETE:删除文件,与PUT方...

2019-11-19 11:14:57 105

转载 动画

https://juejin.im/post/5cdd178ee51d456e811d279bhttps://juejin.im/post/5c9de1d751882567b43398d7

2019-11-13 14:06:07 101

原创 ES6数组的其他操作arr.find(),arr.findIndex(),arr.fill() ,arr.includes()等等

1.arr.find():查找出第一个符合条件的数组成员,并返回该成员,如果没有找到就返回undefine let arr = [23,40,50] let res = arr.find((val,index,arr)=>{ return val >30 }) console.log(res) //返回:402.arr.findIndex() :找到...

2019-11-13 13:51:32 1443

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除