- 博客(23)
- 收藏
- 关注
转载 vue.2.2.1版本
/*! *转载自https://unpkg.com/vue@2.2.1/dist/vue.js * Vue.js v2.2.1 * (c) 2014-2017 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' &&...
2018-10-29 17:39:58
5655
1
转载 vue.js1026版本
/*! *转载自https://v1-cn.vuejs.org/js/vue.js * Vue.js v1.0.26 * (c) 2016 Evan You * Released under the MIT License. */(function (global, factory) { typeof exports === 'object' && typeof m...
2018-10-29 17:36:58
1689
原创 Jquery学习笔记
jquery事件: click()(单击事件)、dblclick()(双击事件)、mouseenter()(鼠标穿过元素是发生事件)、mouseleave()(鼠标离开元素是发生事件)、mousedown()(当鼠标移动到元素上方,并按下按钮时发生事件)、mouseuo()(当在元素上松开按钮时发生事件)、hover()(模拟鼠标悬停在元素上的事件)、focus()(当元素获...
2018-10-22 11:18:41
194
转载 web移动布局所需:rem
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">/*所需JS*/<script type="text/javascript"> (function(doc...
2018-10-19 10:26:26
177
原创 web前端实现局部左右滑动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial
2018-10-19 09:43:12
6827
1
原创 vue.js筛选功能(基于1.0版本)
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
2018-09-19 15:28:56
588
原创 使用vue.js实现静态页面的增删查
<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&quo
2018-09-19 15:01:27
1539
原创 vue.js的学习
vue的介绍:vue的基本定义及使用mvvm模式v-on注册事件:v-on的常用事件补充:实例:差值表达式的用法和如何在差值表达式里使用判断: 注意:在vue.js里面如果吧引用vue的js的语句放大body下方会在浏览器访问的时候出现后台函数,影响用户体验解决方法看后两条 v-text和v-html的区别:...
2018-09-11 16:36:25
144
原创 轮播实现
jquery-3.1.1.min.js版本,图片大小为1080px*432px<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>jQuery焦点图蓝色箭头按钮切换代码 - 站长素材</title>
2018-09-11 11:57:35
352
原创 ajax(post)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script> document.q
2018-09-04 11:35:23
509
原创 Ajax学习(get)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <script> document.q
2018-09-01 11:00:35
146
原创 携程页面(适配)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> /*适配头*/ <meta name="viewport" content="width=device-width,user-scalable=no,ini
2018-08-31 10:42:04
1279
原创 css第三天
伸缩布局:display:flex;,不需要浮动就实现浮动效果,默认从左至右,也可使用flex-direction调整主轴方向row 水平方向 , row-reverse 反转 , column 垂直 , column-reverse反转列 justtify-content(主轴对齐的方式):flex-start从主轴开始的方向对齐,flex...
2018-08-29 15:53:00
167
原创 点击出现幻灯片效果
<style> *{ margin: 0; padding: 0; list-style: none; } html,body{ height: 100%; } .img-box{ pos...
2018-08-29 11:10:31
177
原创 立体导航栏
*{ margin: 0px; padding: 0px; list-style: none; } ul{ width: 600px; margin: 100px auto; } ul li{ ...
2018-08-28 14:44:10
272
原创 ovirt开发环境搭建学习
首先,环境准备,桌面centos7,16G运行内存(不然在编译会报错)内存我分配的是100G,在做下面操作的时候请注意做镜像节点第一步:yum install http://resources.ovirt.org/pub/yum-repo/ovirt-release42.rpm (你还可以根据你的需求选择源:https://link.jianshu.com/?t=http...
2018-08-24 17:22:48
896
原创 CSS3第二天
3D动画 透视:perspective:像素{指距离,人与平面之间的距离,} 父盒子:perspective:200px 子盒子:.xxx:hover img{ transform:rotateZ(360deg)[可以有rotate(x,y,z...
2018-08-24 16:49:21
126
原创 动态立方体
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <style> .box {
2018-08-24 16:47:43
363
原创 立体文字翻动效果代码
body{ background-color: #eee; } .box{ width: 500px; margin: 100px auto; } .box span{ float: left; width: 100...
2018-08-24 14:47:59
278
原创 使用CSS3实现3D翻面
body{ background-color: #FFC0CB; } .box{ width: 200px; height: 200px; /*border: 1px solid #000000;*/ margin: 100px auto; ...
2018-08-24 11:45:53
548
原创 使用H5+CSS3实现心形
<style> .heart{ width: 200px; height: 300px; margin: 100px auto; position: relative; } .heart::before,.heart::after{ ...
2018-08-24 10:17:11
4221
原创 自学Css3第一天笔记
选择器:.box:类名选择器, #box:ID选择器 ,div p:后代选择器, div.box:交集选择器 ; div,p,span:并集选择器 , div>p :子代选择器; *:通配符,div+p:选中div后面的第一个P,div~p:选中div后面所有的P伪类选择器::hover鼠标经过 , :link正常状态, :action点击, :...
2018-08-23 14:50:18
273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人