- 博客(26)
- 收藏
- 关注
RSS订阅原创 3d旋转
3d旋转先准备6张图片<!DOCTYPE html><html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="./index.css"> <title></title> </head> <body> <div class="xuanz">
2021-07-22 22:55:00
151
原创 vue的动态路由
1.安装npm install vue-router --save2.引入路由（main.js）import VueRouter from 'vue-router'Vue.use(VueRouter)3.配置路由创建组件引入组件 定义路由 实例化VueRouter 挂载例子：main.js // The Vue build version to load...
2019-12-19 12:10:49
291
原创 vue非父子组件传值
1.新建VueEvent.js，创建实例import Vue from 'vue'var VueEvent =new Vue()export default VueEvent;2.在需要传值的组件中引入实例import VueEvent from "../model/VueEvent.js";3.通过VueEvent.$emit获取对方的数据4.在本组件中通过V...
2019-12-17 18:36:17
185
1
原创 vue父子组件相互传值
父组件：this.$refs子组件：this.$parent父组件代码：<template> <div> <v-father ref="father"></v-father> <button @click="sonData()" style="margin-top:20px">父组件按钮</butt...
2019-12-17 17:31:23
126
原创 vue中父组件向子组件传值
1.在父组件中引入子组件2.注册子组件3.将父组件与子组件绑定起来例子：父组件：<template> <div> <v-father :title="title"></v-father> <h1>父组件</h1> </div></template>...
2019-12-17 17:03:12
136
原创 vue中的todolist
<template> <div class="hello"> <input text="type" v-model="todo" /> <button @click="addData()">增加</button> <hr /> <h2>待办</h2> <...
2019-12-13 19:08:08
148
原创 layui.laydate日期控件的闪屏问题
由于窗口比较小，预留的空间不够日期控件所展现，就会出现日期控件一闪而过添加 trigger: 'click'layui.use(['laydate'], function(){ var laydate = layui.laydate; laydate.render({ elem: '#id' ,trigge...
2019-09-05 18:06:52
1225
原创 点击部门树 tableData 表格收缩时错位
我的问题是点击部门树，然后收缩表格时，表格表头和内容错位，找到了下面的方法，在收缩时，和没有收缩的时候，也就是页面元素改变时，使用tableData.draw(false)$('#id').on('click', function () { if ($('#id').css('display') == 'block') { $('#id').css('displa...
2019-07-23 18:22:05
129
原创 正则表达式
正则表达式1.含义正则表达式——也叫规则，让计算机能够读懂人类的规则，由人提供给计算机，让它进行多方面的判断。2.特点：使用正则表达式可以大大简化代码 它的性能比正常的函数方法要好 正则都是操作字符串的3.方法\ : 转义字符 \d : 0-9之间的任意一个数字（\d只占一个位置） \w : 数字，字母 ，下划线（0-9 a-z A-Z _） \s : 空格或者空...
2018-07-26 21:04:56
350
原创 cookie、localStorage、sessionStorage
cookie我们用变量存储数据在关闭页面时会销毁，如果我们需要一段时间内保存数据，但又不至于使用后端数据库去存储的东西就可以用cookie来存储。特点：如果我们想长时间存放一个cookie，需要在设置它的时候同时设置一个过期时间（expires），默认是临时存储。 该方法在ie里会有问题，用oDate.toGMTString()（转化成日期字符串）就可以了 每次都会携带在HTTP头...
2018-07-26 09:34:12
153
原创 git工具的应用
git工具的应用1.创建找到git在里面建立一个仓库 git init //初始化 git clone 仓库地址 git checkout -b"分支名" git add 文件名 git commit -m "提交说明" git push origin 分支名2.分支操作 查看分支：...
2018-07-23 20:19:12
160
原创 js的自定义属性
js的自定义属性自定义属性：给是给元素上定义本来不存在的属性自定义属性最常见的是索引值。因为for循环结束时i已经变成最后一个数字，再次使用i就会出现错误，因此必须用到自定义属性，否则i显示的永远是循环结束后的数字。元素[i].index = i。如数组里的数据和按钮利用索引值一一对应。练习1：在点击按钮（3个）时用索引值把arr（3个）里的数据输入到p（3个）标签里。<input type...
2018-07-06 11:22:57
759
原创 c算法基础问题
1.题目：古典问题：有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子对总数为多少？ #include <stdio.h>int main(){ int a[50],i,n; printf("请输入月数n"); scanf("%d",&n); a[0]=a[1]=1; for(i=2;i<...
2018-05-24 19:41:45
184
原创 js的循环
循环循环语句就是能够重复执行相同操作的语句，当我们需要重复执行某些代码或连续执行的代码有数字在变化时，就可以使用循环。下面介绍一下for语句。语法：for (语句 1; 语句 2; 语句 3) { 被执行的代码块 }注意：多个for可以都用变量i，但是循环嵌套要换变量名（如上面的换成了j）。下面是一些循环的例子。练习1：50个li每个li向下和右移动一格。body{margin:0}...
2018-05-23 17:20:12
325
原创 js的数组，布尔值开关
js的数组1.数组：数组就是一组数据的集合,其表现形式就是内存中的一段连续的内存地址,数组名称其实就是连续内存地址的首地址。（1） 数组变量var arr = [];（2） 数组是数据的仓库，length为数组数据的数量（3）["第一个数据","第二个数据","第三个数据"]（4） arr[下标]为数组下标位置的数据（从0开始）（5）arr.push("第四个数据")向数组最后一位后添加数据用标签...
2018-05-21 21:14:24
2486
原创 js变量,if判断
js变量1.变量（1）变量是用于存储信息的"容器"，是命名的内存空间，可以使用变量名称找到该内存空间。（2）变量的命名规则：变量必须以字母开头；虽然变量也能以$和_符号开头（不过不推荐这么做）；变量名称也对大小写敏感（a和A是不同的变量)。（3）变量使用var关键字声明：var 名字 = ，后面可以是数字，字符串或者一个对象等等。2.数据类型数据类型：JavaScript中有5种原始数据类型——U...
2018-05-14 23:41:21
1786
原创 js基础知识
js基础知识JavaScript代码出现的位置：html中的js代码必须放在script标签里面，script标签可以放在页面中head和body标签中。如：<script> document.write("hello world!");</script>（1）在 body 节点之前编写 js 代码, 但需要利用 window.onload 事件,该事件在...
2018-05-07 21:39:59
194
1
原创 css基础知识 表格
css基础知识 WEB的三要素：（1）Server（服务器）（2）Client（客户端）（3）HTTP（传输通信）网页的组成部分：（1）html--结构层：不是一种编程语言，而是一种描述性的标记语言用于描述超文本内容的显示方式。（2）css--样式层：层叠样式表，用来控制网页样式并允许将样式信息与网页内容分离的一种标记性的语言。CSS的引入就是为了使HTML更好的适应美工设计。它以html为基础，...
2018-05-06 22:03:48
226
原创 css基础知识，圆角
css基础知识标记：单标记：某些标记称为"单标记"，因为它只需要单独使用就能完整地表达意思；双标记：双标记由"始标记"和"尾标记"两部分构成，必须成对使用。标记属性：许多单标记和双标记的始标记内可以包含一些属性 语法如下：<标记名字 属性1 属性2 属性3……> 各属性之间无先后次序，属性也可以省略。 所有标签都具有i...
2018-04-24 20:56:29
398
原创 多选框样式更改，盒模型阴影
单选框样式更改以前的单选框的样式都很普通，不太好看所以就有了css样式的改进，可以通过加一个span标签，对它进行更改，就可以调整单选框的样式。当然了就要把原来input上的单选框样式利用绝对定位的方法，移动到-left大数值，就可以隐藏看不出来了。下面是一个自制的单选框样式：性别：<label> 女 <input type="radio" name="sex"/>...
2018-04-18 23:46:03
478
原创 多列，结构性伪类，过渡
1.多列将文本内容设计成像报纸一样的多列布局column-width：指定列的宽度column-count：要分的列数column-gap：列与列之间的间隙column-rule：列与列之间的边框属性，复合属性。（column-rule-style、column-rule-width和column-rule-color的集合样式）column-rule-style：间隔线类型（hidden：定义隐...
2018-04-15 13:55:20
170
原创 锚点，iframe,溢出
1.锚点a标签除了用做页面跳转外还可以做锚点本页面的锚点是通过改变滚动条的位置实现页面跳转后的锚点会通过先跳转页面再改变滚动条的位置来实现可以将a的href属性链接到另一个a的name属性或者任何元素的id属性在做锚点下面是四个不同颜色的盒子通过锚点跳转到各自的位置<ul> <li><a href="#li1">1</a></li>...
2018-04-14 23:54:30
897
原创 表单
表单（1）属性method：表单的提交方式 分为两种post和get; post:将数据提交给服务器处理的时候使用，保密性好，提交数据无大小限制；get:向服务器索要数据的时候使用，但是其安全性低，而且提交的数据大小有限制。action：表单处理服务器，浏览器会与表单处理服务器建立连接，然后直接在一个传输步骤中发送所有的表单数据：浏览器会将数据直接附在表单的 action URL 之后。这两者之间...
2018-04-11 21:59:37
183
原创 雪碧图
sprites（雪碧图）1.原理首先把网页中一些背景图片整合到一张图片文件中（png格式）再利用CSS的"background-image"引入图片，配合"background- repeat"禁止平铺最后利用css的"background-position"进行背景精确的定位出背景图片的位置（默认起始位置为background-position:0% 0%；如果background...
2018-04-10 23:00:40
4957
原创 一些常见问题
1.去除inline-block的间隔（1）用注释去掉换行符；（不推荐，因为会使页面结构混乱和不利于阅读)<div>div1</div><!--注释--><div>div2</div>（2）ps测量间距，然后把margin-left设置为负值（不推荐，ps测量字体大小会麻烦，并且各浏览器解析结果不同）div{margin-left:-7p...
2018-04-07 20:53:10
133
原创 三栏式布局
1.特殊的三栏式布局：两边盒子固定宽度，中间盒子自适应（1）先写出需要布局的三个块；左、中、右。<div class="wrap"> <div class="left"></div> <div class="main">文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文
2018-04-07 19:43:26
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人