web前端
解决Vue.js中的"this is undefined"错误的方法
始于初见
当我们使用 Vue 在愉快的开发项目的时候，突然报了一个错误： this is undefined 别担心，不只有你一个人，我也经常遇到这个问题很多次，接下我们一起来看看如何解决这个问题。 一个可能的原因是混淆了常规函数和箭头函数的…
vue常用的修饰符有哪些？
修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： <!-- 在“change”时而非“in…
CSS简笔画：纯CSS绘制一艘邮轮
本节你能get到什么前端知识 1、CSS 变量 2、CSS 伪类的灵活使用 3、CSS 绘制 梯形、箭头、转发箭头 4、CSS 相对定位和绝对定位 5、CSS transform 变形 6、CSS box-shadow 7、CSS …
vue 中 key 值有什么作用？
在列表渲染时使用key属性 相信大多数Vue开发者接触到key属性的时候是使用v-for进行列表渲染的时候，如果不使用key属性，Vue会产生警告，那么在这个时候key属性的作用是什么呢？ 官方文档中说： 当 Vue.js 用v-f…
CSS简笔画：纯CSS绘制一辆婴儿车
专栏也更新了一小半了，不知道大家都学到了吗？CSS学习其实不难，难的是动手实践，当你看到一个效果是，觉得这个实现起来很难、很难，但是你一旦动手，一步一步分解实现，会发现也没有想象中的那么难。 下面我们动手写一个纯CSS婴儿车，你将学…
CSS简笔画：纯CSS绘制一顶帽子
夏天，人人都希望有一顶漂亮的帽子吧？来，我送给你。 看图解构 帽子结构很简单，分为帽檐、帽冠、饰带、饰带上面有花朵 html帽子结构 <div class="cap"> <!-- 帽冠 --> <div…
CSS3萌宠系列，纯CSS3诞生的可爱狗狗
好可爱一只小狗狗！睡觉憨憨的样子，听到细微的声音，立马竖起他的耳朵，看向远方。你是不是想拥有这样一只忠实而又可爱的狗狗呢？ 可爱的你值得拥有！ 上图是用什么软件制作的呢？用纯CSS+HTML你信吗？ 不信的，让我们拭目以待吧！ 看图…
CSS3之3D魔方鼠标控制酷炫效果
前面文章有制作水晶魔方，这次我们升级一下它的功能，通过鼠标控制魔方旋转。 大家先看效果 这酷炫的效果，你怎么看？ 鼠标事件 这次效果，咱们需要用JS实现。主要是监听鼠标事件，计算鼠标滑动距离，改变魔方的rotateX、rotateY…
Vue.js通用应用框架Nuxt如何快速上手
一、什么是Nuxt Nuxt 是一个Vue.js通用应用框架，它构建在Vue之上。它简化了通用或单页Vue应用程序的开发。Nuxt.js 主要关注的是应用的UI渲染。 vue ssr 服务端渲染有了解过吗？ Vue.js 是构建客户…
炫酷的CSS 作图web组件 – css-doodle
今天不写代码，就看看人家是如何写代码的。 什么是css-doodle 官方地址： https://css-doodle.com/ <css-doodle />是一个Web组件。其基于Shadow DOM V1和Custo…