layui更多是面向于后端开发者，所以在组织形式上依然采用了几年前的以浏览器为宿主的类AMD模块管理方式，却又并非受限于CommonJS的那些条条框框，它拥有自己的模式，更加轻量和简单。

获取layui表单复选框已选中的数据:

　　html

　　<!DOCTYPEhtml>

layui首个版本发布于2016年秋，它区别于那些基于MVVM底层的UI框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是为服务端程序员量身定做，你无需涉足各种前端工具的复杂配置，只需面对浏览器本身，让一切你所需要的元素与交互，从这里信手拈来。

在网页中有很多时候会用到表单赋初值，Layui给我们提供了非常便利的方法：form.val()，但是，这个方法是有一定局限的，例如在使用这个方法给checkbox赋出值时就没有成功，但是又需要用到，Google也没找到觉得合适的答案，大多数都说这个需要自行扩展，所以...

微信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄

（页底留言开放，欢迎来吐槽）

● ● ●

把一个选项属性（Checkbox）设计成切换形关的样式，确实是一个很有创意的想法，视觉体验方面也大大提升。

随着是 CSS3 的出现，实现这些切换样式并不困难，今天我们分享来自 Imagine Alex 编写的「Switcher styles collection」，里面有11款目前流行的切换开头样式，并且包住源码，设计师们可以参考或学习这些技术。

在本篇文章里，我们一起学习下如何使用 CSS checkbox hack 技巧制作一个响应式的手风琴组件，这个组件完全基于CSS，没有JavaScript脚本，基于窗口大小进行水平和垂直之间进行切换。为了让大家更好理解，我将和大家一起一步步的进行完成。

手风琴样式效果：

下图是我们要制作的手风琴效果

本示例需要你具备一些关于flexbox的知识。

行早 发自 凹非寺
量子位 报道 | 公众号 QbitAI

万万没想到，如此普通的

在组件中将 comments 选项设置为 true

<template comments> ... <template>

Javascript 中的注解（装饰器）

谈及注解/装饰器，使用过 Java 或 Python 的同学一定会想到一种语法：@Annotate

HTML（HyperText Markup Language）是一种用于创建网页的标记语言。它由一系列的标签组成，这些标签用于描述网页的结构和内容。HTML标签通常由尖括号包围，例如

序

【注释】从技术上来说没有对错，理论上，你想怎么写就怎么写，你爱怎么写就怎么写！

@Target

• 作用: 指明了修饰的这个注解的使用范围, 即被描述的注解可以用在哪里