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