- 博客(13)
- 收藏
- 关注
原创 vue项目中最近使用的插件整理---(一)
最近使用vue的脚手架开发项目,用了一些小插件来实现一些功能,自己觉得应该要整理一下,方便自己之后的开发。一、复制插件-- vue-clipboard2 此插件的功能就是实现文本的复制,使用步骤如下: 1.安装 npm install --save vue-clipboard2 2.在main.js: import VueClipboard from 'vue...
2018-07-12 11:45:09 5766
原创 js运动kuaji
运动分类js运动的分类,我把它分成普通的匀速运动、缓冲运动、多物体运动、链式运动以及上面这写运动的一个总结框架-----完美运动框架,即一个函数,能够多个物体、改变任意物体属性来达到效果,并且也可以完成链式运动的一个函数。还有一些特殊的运动,比如:弹力+摩擦的运动、拖拽+重力+碰撞的运动。 2.匀速运动顾名思义,就是速度保持不变的运动,如: 匀速运动 #
2017-08-22 08:42:16 391
原创 选项卡的实现的几种方法
今天总结一下页面中选项卡实现的几种方法。在实战中会经常的使用到。下面的方法都是纯HTML+CSS,并没有用到JS,JS日后补上。一、使用:target属性实现选项卡 页面的结构:(html) 选项卡1选项卡2 选项卡1的内容 选项卡2的内容 注意:这里要注意内联元素在元代码中若有回车,则在页面中会出现选项卡的标题之间有一个缝隙,所以如上所示,两个a
2017-02-03 19:45:29 21677
原创 使用:target实现点击按钮切换图片的功能(纯CSS)
今天使用CSS中的:target选择器来实现点击按钮切换相对应的图片的demo,此demo也可以使用JS来实现。demo的结构: img1 img2 img3 img4 demo的CSS样式: a{ padding:5px 10px; border:1px solid #000; color:#fff; background-co
2017-01-21 22:14:42 8555 2
原创 复杂的CSS选择器
一.基本的CSS选择器:1.通配符 例:*{...}2.类别选择器 例:.container{...}3.ID选择器 例:#div1{.....}4.群组选择器 例:span,.class,#id{....}5.并列选择器 例: div.class{.....}6.子代选择器 例:div span{....}7.直接子代选择器 例
2017-01-21 20:44:52 1739
原创 前端每日一小练2---京东注册页面(无JS验证)
今天的demo主要涉及了以下几个小知识点: 1.使用label标签来对input标签进行文字提示以及对齐的方式; 2.使用position定位元素的位置; 3.使用css属性中的display,使得inline元素变成inline-block,具备inline和block的特性,让inline可以设置宽度和
2017-01-18 16:30:59 992
原创 前端每日一小练1----购物的评价区
本次的demo是为了熟悉盒子模型中的间距margin和填充padding,特别是block和inline中比较特殊的地方。需要注意的几点:1.区块元素以div为例,在不浮动的一般情况下,两个相邻的div都设置了margin,那么它们之间的间距会合并,合并后的间距是两者中值较大的一个。2.内联元素没有上下margin;并且左右的margin值不会合并;3.内联元素的上下padding
2017-01-17 18:44:10 437
原创 HTML中的列表
HTML中的列表HTML中列表的种类:无序列表ul (Unordered List)有序列表ol (Ordered List)自定义列表dl (Definition List)无序列表 ---ul属性:type:disc/circle/square例子 番茄炒蛋 鱼头汤 蛋炒饭 番茄炒蛋 鱼头汤
2017-01-11 23:06:32 388
原创 a标签的一些用法
a标签的使用方法a标签的属性: href:链接URL; target:目标,可取值为_blank、_self等等; name:锚点的名称a标签的链接属性:下载资源:下载电子邮件:发送邮件返回页面顶部的空链接:返回顶部链接到JavaScript:JS功能a锚点:定义锚点:锚点一链接到锚点:在锚点名前加上#若文本在同一页面文本1若文本不在
2017-01-07 22:40:56 521
原创 table的作用以及优缺点
Tabale标签table的主要作用:用于布局(过时)用于显示批量的数据早期的使用table来布局网页,但是table有一个缺点,就是加载页面的时候,需要全部的数据都请求到,才显示页面,否则就是一片的空白。因此现在一般不采用table来做布局,而是使用div+css进行布局。table的结构:
2017-01-07 21:51:36 6076
原创 HTML的基础学习
模板的基本结构 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>标题</title> </head> <body> 主体内容 </body> </html>颜色值
2016-11-30 11:36:30 292
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人