- 博客(31)
- 收藏
- 关注
RSS订阅原创 vue 子的值传给父的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件通信</title> <style> table { width:
2019-03-07 16:23:57
157
1
原创 VUE 兄弟之间的传值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>组件通信</title> <style> table { width:
2019-03-07 16:23:16
1000
原创 用VUE 实现 名单的增减改删
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <link rel="stylesheet" type="text/css
2019-03-07 09:36:20
230
原创 canvas点击切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-02-27 17:30:29
709
原创 canvac绘制表格 曲线
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-02-27 17:28:44
263
原创 layui使用
网址https://www.layui.com/使用前先去官网下载layui的文件然后倒入JS已经CSS想要什么效果可以去官网的实例里去看 直接复制你想要的效果就可以
2019-02-27 11:51:08
118
原创 layout布局
android之六大布局1、在4.0以前版本中一共有五种布局，都是ViewGroup的子类。分别是AbsoluteLayout、RelativeLayout、LinearLayout、(FrameLayout)、TableLayout。而TableLayout是LinearLayout的子类。（中文分别是：绝对布局、相对布局、线性布局、帧布局、表格布局）。2、在2.2操作系统中将Absolut...
2019-02-27 11:48:50
1122
原创 登录注册AJAX
$("#butn").click(function(){ $.ajax({ url: 'http://101.132.40.198:8181/login', type: 'post', data: { username: document.getElementById('inp1').value, ...
2019-02-27 09:08:15
283
原创 移动端手机底层CSS
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, ...
2019-02-26 17:28:00
90
原创 手机移动端地层JS
(function (doc, win) { var docEl = doc.documentElement, // orientationchange 事件是在用户水平或者垂直翻转设备（即方向发生变化）时触发的事件。 // onresize 事件会在窗口或框架被调整大小时发生。 resizeEvt = 'orientationchange'...
2019-02-26 17:27:02
136
原创 JQuery实现移动轮播
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="jquery-1.8.3.min.js"> </script&g
2019-02-26 17:25:52
191
原创 AJAX的应用详情页 列表页看下一个文章
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } .box-1{
2019-01-14 09:14:14
190
原创 AJAX的文件 地址选择的应用等 详情页看下一个文章
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ marg
2019-01-14 09:13:02
108
原创 三级联动 省市区的地址选择
<html> <head> <meta charset="{utf-8}"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } select { wi
2019-01-14 09:10:02
734
原创 图片永恒居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2019-01-14 09:07:57
106
原创 cookie的封装
function getCookie(Cname){ var arr=document.cookie.split(';'); for (i=0;i<arr.length;i++) { var arrname=arr[i].split('='); if (arrname[0]==Cname) { return arrname[1]; }...
2019-01-14 09:06:53
89
原创 AJAX的封装 可以直接用
function ajax(method, url, data,fn) { let htp = null; try { htp = new XMLHttpRequest() } catch (err) { htp = new ActiveXObject("Microsoft.XMLHTTP") } if (metho...
2019-01-14 09:05:39
258
原创 接上一个文章给动画加一个先快后慢的动作！
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0;
2019-01-08 09:41:12
637
原创 鼠标点击跳转到屏幕顶部 加过度时间 动画效果
<meta charset="UTF-8"> <title>Title</title> <style> * { margin: 0; padding: 0; font-size: 50px; } ...
2019-01-08 09:22:26
288
原创 window 宽度 长度 的各种属性 以及意思
A.1.window.innerWidth=>返回窗口的文档显示区的宽度。window.innerHeight=>返回窗口的文档显示区的高度。window.outerWidth=>设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。window.outerHeight=>设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。2. body....
2019-01-07 17:47:19
1633
原创 创建相同样式的模板 简易版
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&
2019-01-07 16:11:34
100
原创 移动轮播 横屏切换效果
达成移动效果有两种方式 推荐学习第一种 如果看不懂的话可以把 .box 的 overflow: hidden; 去掉再看效果 就比较好理解<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</t
2019-01-07 14:59:04
346
原创 购物车的 店铺点击以及全选
function $a(id){ return document.getElementById(id) } function $c(cla){ return document.getElementsByClassName(cla) } // 点击全选 $a("arrche").onclick=function (){ ...
2018-12-28 10:44:15
462
原创 DOM 节点的自动添加
<div class="shang"> <div class="shangzi1"><input type="checkbox" id="arrche" />全选</div> <div class="shangzi2">商品</div&g
2018-12-28 10:43:26
96
原创 鼠标移动事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0;
2018-12-28 10:40:23
185
原创 背景颜色的文字 改变以及假如
var C=[“写代码1”,“写代码2”,“写代码3”,“写代码4”,“写代码5”,“写代码6”,“写代码7”,“写代码8”,“写代码9”,“写代码10”,“写代码11”,“写代码12”,]var D=["","","","","","","","","","","","&q
2018-12-24 10:19:37
118
原创 JS的图片的现实隐藏
var A=document.getElementsByClassName("a1") for (let i = 0; i <A .length; i++) { A [i] .onclick=function (){ for( x=0;x<A.length;x++ ){ A[x].style.back...
2018-12-24 10:18:19
523
原创 JS 转换效果
var arrLi= document.getElementById(“ul”).getElementsByTagName(“li”);var arrDiv=document.getElementsByClassName(“box”)[0].getElementsByTagName(“div”);for(var i=0;i<arrLi.length;i=i+1){arrLi[i...
2018-12-24 10:17:32
121
原创 个人轮播效果
<s、var arrimg=document.getElementsByClassName(“a3”)[0].getElementsByTagName(“img”)var arrbut=document.getElementsByClassName(“a1”)[0].getElementsByTagName(“button”) i=0; arrb...
2018-12-24 10:16:21
138
原创 抽奖系统编程
第一天内容（抽奖系统编程）function deep_copy(arr,newarr){for(i in arr){if(typeof arr[i]==‘object’){newarr[i]=[];return deep_copy(arr[i],newarr[i])}else{newarr[i]=arr[i];}}}function deep_copy(arr,newarr)...
2018-12-13 11:57:02
2232
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人