自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 事件修饰符

self :将事件绑定在自身身上,相当于阻止事件冒泡。.keyCode:监听特定键盘按下。.prevent:阻止默认事件。.caption:用于事件捕获。.native:绑定原生事件。.once:事件只执行一次。.stop:阻止事件冒泡。.once:只触发一次。

2023-06-29 14:20:00 228 1

原创 React

可以拿<div>把元素包起来,也可以拿<></>把元素包起来,确保单一元素tips:为什么要单一元素?JSX 虽然看起来很像 HTML,但在底层其实被转化为了 JavaScript 对象,你不能在一个函数中返回多个对象,除非用一个数组把他们包装起来。这就是为什么多个 JSX 标签必须要用一个父元素或者 Fragment 来包裹。

2023-06-02 18:53:42 155

原创 今年的收获

2、BootStrap里面的d-none、d-md-blcok等用于不同屏幕大小的样式设置。1、例如 lodash/debounce用来重新设置window.height的值。4、Lottie JSON动画、Echart。3、二维码NPM包,NPM上有很多好用的包。

2023-05-30 17:10:40 147

原创 EventBus

先创建一个EventBus的js文件。

2023-04-23 11:44:05 142

原创 CLI2-CDN优化

注:CLI2好像是没有那种在webpack.base.config.js里配置,然后在index.html里循环输出的模式的。注:Vue不要注释了,不然其他Vue.use就会报错了。注:index里导入的包最好和package里的一致。

2022-11-04 14:25:15 184

原创 Vue项目Gzip压缩方法

【代码】Vue项目Gzip压缩方法。

2022-11-02 19:45:36 391

原创 slot笔记

Slot 作用: 父组件向子组件传输内容,省略了在子组件中编写属性,直接在标签之中编写内容即可 父组件: <template> <div> <Btn>搜索</Btn> </div> </template> <script> import Btn from '../components/btn.vue' export default { components:{ Btn } } </sc

2022-01-10 14:00:23 414

原创 Iterator遍历器笔记

遍历器 1.概念 1、它是一种接口,为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口,通过next方法就可以完成遍历操作。 2、默认的Iterator接口部署在数据结构的Symbol.iterator属性,数据结构只要有该属性,就认为是可遍历的 3、Symbol.iterator属性名是一个表达式,返回Symbol对象的Iterator属性,要放在方括号内 2.作用 1,为各种数据结构,提供一个统一的、简便的访问接口 2,使数据结构的成员按照某种次序排列 3,为ES6创造了一

2022-01-10 11:12:38 174

原创 js数组方法

自个儿做的笔记

2021-12-16 16:58:45 153

原创 遇到的问题

1,dns解析过程 2,url输入到画面显示 3,浏览器缓存机制 4,defer和async 5,原型链 6,vue路由 7,vue响应式原理 8,vue生命周期 9,v-if和v-show的区别 10,语义化元素 11,css单位 12,浮动布局和流布局 13,html必需的标签 ...

2021-11-14 23:37:45 767

原创 Defer和async的区别

不设置defer和async 网页加载是边渲染边加载js文件的,顺序如下: 1,加载html文件 2,如果遇到js文件,如果是外部js文件,则停止渲染html文档,下载js文件;如果是内部js,则执行js 3,js文件下载完毕后执行 4,执行完后继续渲染html文件 设置async 1,加载html文件 2,遇到js文件,不停止渲染html文档,下载html文件 3,js文件下载完毕后执行,停止渲染html文档 4,js文件执行完毕后继续渲染html文档 设置defer 1,加载html文件 2,遇到js文

2021-10-22 12:41:09 190

原创 vue中父组件与子组件

父组件与子组件之间的关系: ●调用方是父组件,被调用方是子组件 ●父组件向子组件传值用prop ●子组件向父组件传值用emit(′父组件中的事件′,传递的参数)●父组件触发子组件的函数,直接this.emit('父组件中的事件',传递的参数) ●父组件触发子组件的函数,直接this.emit(′父组件中的事件′,传递的参数)●父组件触发子组件的函数,直接this.refs.refs名.函数() ...

2021-09-28 13:58:52 1279

原创 简要谈谈http和https(如有误,望指正,多谢)

概念: http: http是一个超文本传输协议,所谓超文本,就是html。他是负责浏览器和服务器两者之间进行超文本传输的协议。 https: https也是超文本传输协议,但是它是http协议加上ssl协议,将两者结合起来的一个更为安全的传输协议,后者起到了一个确保安全的作用,可以防止中间人攻击的手段。 两者的区别: 这两者的区别主要就在于安全性方面。http是未加密的,也就是明文的,很容易泄露信息的,而https是http和ssl协议构建的可以进行加密传输和身份认证的协议,具有很高的安全性。 https

2021-07-18 22:28:13 215

原创 Vue常用指令

Vue常用指令 v-bind 数据绑定,单向绑定,可以是html的属性,css的样式,对象,数组等,缩写为冒号(:) v-model 数据绑定,和v-bind类似,但是是双向绑定的,比如说你用表单输入一个东西,这里是从表单绑定到变量上。 v-if 通过控制dom节点的存在,来控制元素的显示与隐藏,如果一开始设置为假的,他就什么都不做,当他第一次切换为真的时候,就会进行编译,这是他主要消耗的地方。 v-show 相当于控制元素display属性为block(显示),或none(隐藏)来控制元素的显示和隐藏,主

2021-07-14 22:19:36 187 1

原创 2021-03-12

阿里一面凉经: 1,自我介绍 2,你项目经历里面最有成就感的是哪个,技术含金量最高的是哪个 3,你用过es6吗,能简单说说let,var,const的区别吗 4,说说vue数据绑定的原理 5,你对我们部门有什么看法 为什么只问这点儿啊,是我说的不够好然后直接不想问了吗 ...

2021-03-12 13:27:10 123

空空如也

空空如也

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

TA关注的人

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