
前端开发
AdvancedProgrammer
前端开发进阶者
展开
-
css常用知识点
1.按钮的缩放:.className{animation: scaleDrew 1s ease-in-out infinite;}ease-in-out表示动画执行先慢后快整体表示在一秒之内动画先慢后快的无限执行@keyframes scaleDrew {/* 定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称 */50% {transform: scale(0.8);}...原创 2021-11-27 16:10:56 · 391 阅读 · 0 评论 -
箭头函数的写法
var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;// 等同于var sum = function(num1, num2) {return num1 + num2;};如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。var sum = (num1, num2) =>..原创 2021-11-27 16:08:13 · 229 阅读 · 0 评论 -
上传单文件的前端代码实现
<form class="file-box" style="position: absolute;top:50%;transform: translateY(-50%)"><input type="file"multiple="multiple"class="file-btn"id="pic"name="pic" ></form>$('.file-btn').on('change', uploadFile);function upl...原创 2021-11-27 16:04:01 · 260 阅读 · 0 评论 -
git常用命令
1. git提交自己本地的新代码:(1)进入g盘gitlab文件夹cd gitlab/(2)git clone http://xx.com/xx.git(自己在gitlab新建的地址)(3)cd xx/(进去文件夹)(4)git status(5)git add .(6)git status(7)git commit -m '代码描述'(8)git push(ls -l查看有多少个文件)2. git拉取新代码的操作命令:(1)在盘符下右键Git Bash Her.原创 2021-11-27 16:00:05 · 110 阅读 · 0 评论 -
说一下Vue.js中的MVVM模式
MVVM模式即Model-View-ViewModel模式。Vue.js是通过数据驱动的,Vue.js实例化对象将DOM和数据进行绑定。一旦绑定,DOM和数据将保持同步,每当数据发生变化,DOM也会随着变化。ViewModel是Vue.js的核心,它是Vue.js的一个实例。Vue.js会针对某个HTML元素进行实例化,这个HTML元素可以是body,也可以是某个CSS选择器所指代的元素。DOM Listeners和Data Bindings是实现双向绑定的关键。DOM Listeners监听页面所有V原创 2020-10-21 10:31:10 · 471 阅读 · 0 评论 -
请详细说明你对Vue.js生命周期的理解
总共分为8个阶段,分别为:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroyed、destroyed.(1)beforeCreate:在实例初始化之后,数据观测者(data observer)和event/watcher事件配置之前调用。(2)created:在实例创建完成后立即调用。在这一步,实例已完成以下的配置:数据观测者,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,el原创 2020-10-21 10:17:30 · 234 阅读 · 0 评论 -
Vue.js的双向数据绑定原理是什么?
Vue.js采用ES5提供的属性特性功能,结合发布者-订阅者模式,通过Objcet.defineProperty()为各个属性定义get、set特性方法,在数据发生改变时给订阅者发布消息,触发相应的监听回调。具体步骤如下:(1)对需要观察的数据对象进行递归遍历,包括子属性对象的属性,设置set和get特性方法。当给这个对象的某个值赋值时,会触发绑定的set特性方法,于是就能监听到数据变化。(2)用compile解析模板指令,将模板中的变量替换成数据。然后初始化渲染页面视图,并将每个指令对应的节点绑定更原创 2020-10-21 10:06:50 · 263 阅读 · 0 评论