自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 dom上直接绑定事件,可能只会触发一次

【代码】dom上直接绑定事件,可能只会触发一次。

2023-09-18 17:25:56 62

原创 vue2.x中v-model和.async的区别,vue3中自定义v-model实现的变化去除.sync的原因

v-model和.async本质上都是实现双向绑定的语法糖,vue3子组件中自定义实现v-model的方法改为和.sync一致,因此去除.sync,直接用v-model代替。1.自定义v-model在vue2.x中的实现//父组件<template> <p>{{title}}</p> <VmodelDome v-model="title"/></template>//子组件<template>

2021-03-26 10:36:01 1845 1

原创 vue父子组件生命周期运行顺序

一、组件挂载执行顺序1.父组件 breforCreate2.父组件 created3.父组件 beforeMount3.子组件breforCreate4.子组件 created5.子组件beforeMount6.子组件 mounted7.父组件 mounted二、组件更新顺序1.父组件 beforeUpdate2.子组件 beforeUpdate3.子组件 updated4.父组件updated三、组件销毁顺序1.父组件 beforeDest...

2021-03-09 09:37:05 151

原创 彻底搞懂js函数的apply(),call()和bind()方法

先放结论:方法名 实现功能 传入参数 function.prototype.call() 调用一个函数 thisObj,arg1,arg2,arg3 function.prototype.apply() 调用一个函数 thisObj,[arg1,arg2,arg3] function.prototype.bind() 生成一个新函数 thisObj,arg1,arg2,arg3 call和apply实现的功能是一样的,只是c

2020-08-22 11:18:44 421 2

原创 日记——google翻译2

今天产品经理大佬找来了一个更便捷的google翻译插件&lt;div id="google_translate_element"&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;function googleTranslateElementInit() { new google.translate.TranslateElement...

2018-09-12 22:52:35 200

原创 日记——联系框

上班第二天,心情美美哒!公司前后端未分离,前端代码与后端深度耦合,对着庞大的代码结构一脸懵逼。没法做模板,只能简单做个小功能:一个联系框点击前长这样:点击后长这样代码比较简单,不过是一些jquery,我把html写在了js里面,想要使用只需要调用一个css包和js包,直接加载到页面就可以了,其中三个图标链接部分单独拎出了变量,只需要给这三个变量添加上自己想要的地址即可(...

2018-09-11 23:15:10 82

原创 日记——google翻译的使用

今天是第一天参加互联网相关的工作,自学了这么久,对着工作还是充满了憧憬的,然后就加班到8点多,哈哈言归正传,今天的工作主要是为页面添加一个翻译的组件,玩国贸的网站伤不起,一百多种语言,开玩笑似的。弄了一个好长的数组,用Google翻译(国内使用,需翻墙,今天加班忘了,明天补上翻墙软件)。查了很多Google翻译的用法,什么API之类的,愣是没有看懂怎么用,这里介绍一种简便的方法。主要是...

2018-09-10 22:25:39 228

原创 es6——箭头函数

箭头函数的语法参数=&gt;函数体变式如下:箭头函数和普通函数的重要区别1)没有自己的this、super、arguments和new.target,它们是离该箭头函数最近的非箭头函数的绑定;2)不能使用new来调用。3)没有原型对象;4)内部的this无法改变;5)形参名称不能重复。...

2018-06-27 14:04:55 190

原创 css响应式布局汇总(一)——居中布局

一、居中布局的实现(父元素不定宽高)1、水平居中布局的解决方案1)inlin-block + ext-align2)table + margin3)absloute + transform4)flex + justify-content5)flex + margin2、垂直居中布局的解决方案1)table-cell + vertical-align2)absolute+transform3)...

2018-06-26 09:22:20 1809

空空如也

空空如也

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

TA关注的人

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