
Web
张风捷特烈
海的彼岸,有我未曾见证的风采。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue用v-for实现结构、数据、样式分离(示例1)
对我来说html最让人不爽的就是结构里杂糅数据。那table来说,稍微多几行就好长一大串东西,要再标签里改数据,想着都麻烦。如果让我制作一个人偶,我可不会在搭骨架的同时为它填充泥巴,顺便画个衣服什么的。html由标签构成一个结构骨架,再由数据填充成为个体,最后为个体加上漂亮的样式。分成三步来走,这就是我所希望的结构、数据、样式分离,各司其职,降低耦合度。本篇以表格来做栗子0...原创 2018-05-27 20:34:38 · 1268 阅读 · 0 评论 -
toly插件01之Jquery分页插件--toly-span
0.效果1.使用1-1.引用 <!--jquery.js--> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <link rel=&原创 2018-06-05 21:38:23 · 203 阅读 · 0 评论 -
toly插件02之Jquery拖动插件--toly-drag
0.效果1.使用1-1.引用:jquery.js和插件文件dragHelper.js<!--jquery.js--><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="plu...原创 2018-06-07 09:53:57 · 297 阅读 · 0 评论 -
Vue用v-for实现结构、数据、样式分离(示例2)
目标效果图:也许你会说,多简单,ul的li,写一个,然后复制很多个,改改不就行了吗!然后你就会看到li下面满篇的标签加零零散散的数据散落你的html里。由于每个图片描述信息不同,在散乱的标签你还要找到修改的地方。下面通过Vue来让html结构和数据分离,从而达到易于阅读,容易维护的效果html结构:<!DOCTYPE html><html la...原创 2018-05-31 20:16:07 · 321 阅读 · 0 评论