“我看看，也还行吧，不就是个查询表格嘛，现在大家都用 ProComponent 了，用那个写一下很快的。我想想，差不多 200 行左右就可以了吧。”

默认的 antd 只对少数组件支持 readonly 模式，而 disabled 模式会把 placeholder 显示出来，且有可能展示不完整。

之前我写了一篇 《明日方舟》前端界面复刻，其中有一个每日签到页面有一个聚光的效果，这次我们来分析一下具体是如何实现的。 效果演示 实际效果如图所示，移动到网格其中某个地方时，周围会出现聚光效果： 而在游戏里面，似乎采用了静态贴图，这可能是由于手游没有这样的交互动作，所以显得有些差强人意。 在同样的 win...

最近也是迎来了五一黄金周，大家过的怎么样，还开心吗？刚好《明日方舟》公测也迎来了一周年，这里试着用网页还原了下其中几个页面，另外这篇文章的风格也是参照的这款游戏呢。

大家好，这里是 UX（交互体验设计师）& 前端开发，并且还喜欢画画的 yuki！@yuneco。 在这篇文章里，为了能够更加轻松地去使用 Vue 和 css animation，基础的部分，将会跟大家一步步的详细解释。目标如下图↓所示，用 JavaScript 自由的控制动画。

hello world {代码...} 这是渲染出来的效果。Demo源码， 官方文档。 自定义节点 可以看到默认的节点是一个蓝色的圈，如果要想改变节点的样子，就需要用到自定义节点。 {代码...} 下图是渲染出来的效果。Demo源码，官方文档。 自定义节点的时候有以下现象： 添加 shape 有先后顺序，后面会覆盖前面的。像是 dom 的 z-inde...

指开源的组件库，如 element-ui、iView，都有 table、popover、datepicker 这些常用的组件，使用起来开发快多了。

大家平时在使用 vue 开发的时候会用什么组件库呢？iView 和 element-ui，这俩是 PC 端很受欢迎的两个组件库。这俩组件库里都有一个组件叫 form，是非常常用的组件之一。但是写一个 form 需要有很多的代码，所以我封装了一个更加方便使用的组件 iViewForm，目的是为了让 form 写起来更简单。

可以看得出来，就是传进去一个参数 :value，监听一个事件 @input 而已。如果有这样的需求，需要在自己的组件上使用 v-model，就像这样：

界面 游戏介绍 地址： 无聊的农场 玩法：鼠标移动到土地（白色区域）上就可以种植植物啦！ 结局：没有结局 类型：放置类游戏 平台：PC chrome 浏览器（其他浏览器也许可以，没有测） 简介：你上班是不是老摸鱼，老没啥事儿做，那就来试试这个吧。 提醒： 游戏会有音效 开发介绍 vue + iview + less 上班摸鱼摸出来的 ? ...

views 文件夹下面是由 以页面为单位的 vue 文件 或者 模块文件夹 组成的，放在 src 目录之下，与 components、assets 同级。

先对默认的文件进行改造一下。删除了默认的 App.vue、Hello.vue。然后加了一个 list.vue。修改一下main.js然后看到页面打印出一个 “列表页” 三个字的时候，就表示成功了。

从 0 开始开发一个 vue 的 SPA 项目。如果你还没有学习过 vue，请先按照 官网 或者 社区 的教程做一遍。像这样，做几个例子，不然的话看这篇文章的意义不大。

效果 这是用 es6 + jq 写的一个简单的 tab 组件，也可以直接 点这里 看效果。 解析 这里采用了 es6 的新特性 class 来生成一个组件，当然，用 es5 的 prototype 也可以模拟。 {代码...} constructor： 组件的入口是 constructor 构造函数，es5 的话可以写个 init 函数来代替。 用来初始化一些成员变量，其中 index 是值...

最近碰到这样一个项目，业务逻辑全部都搬到前端，后端只提供API。但是是在已有的项目上面做这样做，也就是在已有的项目上添加模块，这个模块采用前后端分工的方式来做。因为各种原因，所以只有 jquery 可以用一下，万恶的ie。