Javan 的所有文章
CSS不规则卡片，纯CSS制作优惠券样式，CSS实现锯齿样式
Javan
之前也有写过 CSS 优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义 CSS 变量，自定义主题颜色。 布局 布局 其实是学习前端的重要部分，最常用的方式就是从…
webapck 系列一：手写一个 JavaScript 打包器
前言 之前好友希望能介绍一下 webapck 相关的内容，所以最近花费了两个多月的准备，终于完成了 webapck 系列，它包括一下几部分： webapck 系列一：手写一个 JavaScript 打包器 webpack 系列二：所…
编写清晰易懂 Javascript 代码的15条规则
我猜屏幕前的你应该是 React、Vue 或者 Node.js 的开发者吧。你可以编写业务代码并让他们无误的跑起来。不过你能编写出视觉美观并可被他人理解的代码么？ 今天我们将了解一些使你的 JavaScript 代码干净整洁的小规则…
Vue 10种指令插件，非常实用等你来领
Vue-Lazyload Github 上有超过 5000 个 Star 的包。 Hilongjw 的 Vue-Lazyload 可让您无延迟地懒惰加载图片！ 示例代码 <template> <img v-lazy…
为 Vue.js 新手准备的实战入门教程 – 第七章
我们的 Vue 新手学习之旅即将结束，你也快要从 Vue 学徒级别毕业了。但是在这之前，你必须掌握 侦听器。 今天我们将要处理两个非常重要的概念，一个是刚才提到的 侦听器，另一个是 输入绑定。 话不多说，我们先构建一个超级简单的表单…
为 Vue.js 新手准备的实战入门教程 – 第六章
今天让我们来讨论一下计算属性. 到目前为止，你已经了解了 Vue 如何处理它自己的本地状态，即我们放在 data 中的状态，以及组件如何处理它的 prop 属性 - 即父组件传递下来的属性。 然而，在 Vue 中还有一种计算属性类型…
为 Vue.js 新手准备的实战入门教程 – 第五章
[ 这次我将带领大家看一下组件。下面让我们开始吧！ 下面是我们的初始代码结构： <html> <head> <title>Vue 101</title> </head> &…
为 Vue.js 新手准备的实战入门教程 – 第四章
[ 上一节中 (《为 Vue.js 新手准备的实战入门教程 - 第三章》) 我们学习了如何使用 v-if 和 v-show 进行条件渲染。本节我们将学习如何对数组和对象进行循环，除此之外，我们还将应用之前所学的一些概念。 v-for…
为 Vue.js 新手准备的实战入门教程 – 第三章
一个简单的 if-else 条件指令 不管使用什么框架，条件渲染是任何程序员都会用到的最重要的功能之一。在本节中，学习使用条件来显示或隐藏你程序的一部分是一个很好的开始，同时也是学习使用 Vue 指令 的好办法。 我们将继续在之前的…
为 Vue.js 新手准备的实战入门教程 – 第二章
[ 在上一节中 (《为 Vue.js 新手准备的实战入门教程 - 第一章》)，我们知道了如何使用普通的 <script> 标签将 Vue 添加到 index.html 中，并且成功地在页面中添加了第一个响应式属性。今天，…