自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 vue选择框二级联动demo

<template> <!--一级菜单--> <div> <el-select v-model="registerStu.collegestu" @change="handleChange"> ...

2020-02-13 19:55:39

阅读数 13

评论数 0

原创 正则表达式

正则定义法 (1.内置对象法 2.字面量) var reg1=new RegExp(/abc/); var reg2=/def/; console.log(reg1); console.log(reg2); 使用:test();正则表达带有一个方法te...

2020-01-20 16:10:23

阅读数 16

评论数 0

原创 仿360开机效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/c...

2020-01-16 17:09:20

阅读数 22

评论数 0

原创 展开动画图原生js版

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/c...

2020-01-16 16:32:12

阅读数 15

评论数 0

原创 缓动框架封装最终版

//获取屏幕可视区域的封装 function client(){ if(window.innerHeight!==undefined){ return{ "width":window.innerWidth, "heigh...

2020-01-16 16:29:26

阅读数 16

评论数 0

原创 冒泡

1. 冒泡: 当一个元素上的事件被触发后,同样的事情在所有父元素上都会被触发 a)从原始元素一直冒泡到DOM树最上层 box3.onmouseover = function() { alert("我是3") } document.onmouseover = ...

2020-01-15 16:22:35

阅读数 52

评论数 0

原创 svn错误”Previous operation has not finished; run ‘cleanup’ if it was interrupted”

出现错误如下: 出现问题的原因是上一次更新或者提交代码操作未完成,此时需要根据提示进行cleanup操作: 在命令行面直接运行svn cleanup windows下右键svn-cleanup,执行操作时要勾上选项Break locks。 ...

2020-01-15 13:23:18

阅读数 18

评论数 0

原创 client-可视区域的宽高

1. Onresize事件 只要浏览器的大小改变,哪怕1像素,都会触动这个事件。 2.获取屏幕可视区域的封装 <script> /* console.log(document.body.clientHeight); console.log(document.body.cl...

2020-01-14 17:34:51

阅读数 18

评论数 0

原创 三大家族scroll、offset、client的区别

1.scroll、offset、client宽高的区别 2.scroll、offset、client上下的区别 3.client介绍

2020-01-13 17:32:04

阅读数 16

评论数 0

原创 事件对象(event)

再触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持的方式不同。 1. 事件对象的获取(event的获取) event内容重要内容 <script> document.onclick=funct...

2020-01-13 16:52:01

阅读数 16

评论数 0

原创 scroll楼层跳跃

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/c...

2020-01-10 16:47:02

阅读数 12

评论数 0

原创 scroll和offset案例

1.固定导航栏 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type=&quo...

2020-01-09 19:56:50

阅读数 12

评论数 0

原创 动画封装代码

1.匀速动画封装 //animate封装 function animate(ele,target){ clearInterval(ele.timer); var speed=target>ele.offsetLeft?10:-10; ele.timer=setInterval(...

2020-01-09 19:04:46

阅读数 16

评论数 0

原创 scroll家族

1.滚动事件 window.onscroll=function(){ console.log(111); } 2.scrollWidth和scrollHeight scrollWidth=width+padding(不包括border和margin); scrollHeight=...

2020-01-09 17:14:09

阅读数 13

评论数 0

原创 缓动动画offset

1.三个函数 Math.ceil() 向上取整 Math.floor() 向下取整 Math.round() 四舍五入 2.缓动动画原理 盒子位置=盒子本身位置+(目标位置-盒子本身位置)/10 offsetLeft取值本身会四舍五入 3.缓动动画封装 封装模块 function a...

2020-01-09 16:59:31

阅读数 16

评论数 0

原创 offsetLeft之原生js制作轮播

offset:偏移,检测 作用:获取元素尺寸,获取盒子宽高 offsetWidth,offsetHeight 包括宽高本身,padding,border,不包括margin offsetHeight=height+border+padding offsetHeight = Height+paddi...

2020-01-09 09:37:16

阅读数 21

评论数 0

原创 vue中引入jquery

第一步,引入jQuery。 在项目的根目录下,使用命令: npm install jquery -S 2.打开项目下的文件夹build中的webpack.base.conf.js文件,在文件开头添加以下代码: var webpack = require('webpack')...

2019-12-31 13:11:30

阅读数 10

评论数 0

原创 学习CSS布局

margin: auto; #main { width: 600px; margin: 0 auto; } 设置块级元素的 width 可以防止它从左到右撑满整个容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度,然后剩余的宽度会一分为二成为左右...

2019-12-23 15:43:59

阅读数 8

评论数 0

原创 动态修改页面标题title

做适配移动的端的时候想起来的移动端题目太长想改变 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <meta name="viewport" content...

2019-12-20 10:50:36

阅读数 17

评论数 0

原创 窗口改变的时候自动刷新浏览器

$(window).resize(function () {   window.location.reload();    var wd=document.body.clientWidth; if(wd>768){ console.log(666) ...

2019-12-20 10:46:20

阅读数 13

评论数 0

原创 jquery之on()绑定事件和off()解除绑定事件

从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。 on()函数用于为指定元素的一个或多个事件绑定事件处理函数。 off()函数 off()函数用于移除元素上绑定的一个或多个事件的事件处理...

2019-12-20 10:43:34

阅读数 21

评论数 0

原创 WebAssmebly简介

自从2008年各大浏览器为JavaScript执行引擎加入JIT(Just in Time, 即时编译器)以来,JavaScript在浏览器的执行性能有了一个量级的飞跃提升,促进了Web领域的飞速发展,一大波大型Web应用丰富了我们的网络世界。但是,JIT带来的性能提升也有天花板,在处理复杂运算的...

2019-12-19 19:28:55

阅读数 12

评论数 0

原创 HTML5 canvas绘制线条

使用HTML Canvas绘制线条,我们需要用到的是Canvas上下文的MoveTo()和LineTo()方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"...

2019-12-19 10:10:20

阅读数 21

评论数 0

原创 Python 中文编码

Python 文件中如果未指定编码,在执行过程会出现报错: Python中默认的编码格式是 ASCII 格式,在没修改编码格式时无法正确打印汉字,所以在读取中文时会报错。 解决方法为只要在文件开头加入 # -- coding: UTF-8 -- 或者 # coding=utf-8 就行了 #!...

2019-12-18 20:34:41

阅读数 11

评论数 0

原创 js实现滑动验证码功能

<!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <...

2019-12-17 17:36:04

阅读数 19

评论数 0

原创 纯前端实现图形验证码功能

概要:一般的图形验证码就像上方的短信验证码一样,就是后台生成的验证码图片返回给前端的,那样的话就比较简单,因为复杂的都让后台解决了,我在这里主要说的是另一种,就是不调用后台接口,通过canvas画布来解决图形验证码。 思路: a.一个文本框用来输入由数字和字母组合的验证码+一个画布标签来显示图形验...

2019-12-17 17:08:53

阅读数 27

评论数 0

原创 html5 canvas绘图之fillStyle,strokeStyle的区别

context.fillStyle(“”): 表示 填充颜色 context.strokeStyle(“”):表示边框颜色。

2019-12-17 16:52:33

阅读数 13

评论数 0

原创 js实现通过手机号发送验证码功能

代码如下: <!DOCTYPE html> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

2019-12-17 16:13:56

阅读数 26

评论数 0

原创 项目问题animate

1.mouseover和mouseenter的区别 mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件。  mouseenter:当鼠标指针穿过元素时,会发生 mouseenter 事件。 2.type事件问题 type 事件属性返回发生的事件的类型,即当前 Even...

2019-12-17 14:42:05

阅读数 8

评论数 0

原创 git-----解决failed to push some refs to git的问题

错误如下 分析造成原因 因为github中的README.md文件不在本地代码目录中 解决办法 可以通过如下命令进行代码合并 git pull --rebase origin master 执行上面代码后可以看到本地代码库中多了README.md文件 此时再执行语句 git pus...

2019-12-13 12:26:42

阅读数 5

评论数 0

原创 H5中Video引入问题

引入视频代码块 <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> &...

2019-12-13 10:20:04

阅读数 18

评论数 0

原创 普通定时轮播

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport&...

2019-12-12 16:18:53

阅读数 5

评论数 0

转载 如何将本地的代码上传到github上

https://www.jianshu.com/p/da04164168ef

2019-12-12 16:05:18

阅读数 9

评论数 0

原创 animate实现让鼠标悬停一次只运动一次,而不是像带记忆一样悬停几次就运动几次。

这个的实现思路你可以在在animate()函数执行前加入 stop()函数,确保上一次函数执行完 。 具体代码如下 <script type="text/javascript"> $(document).ready(function() { $(&quo...

2019-12-12 15:43:13

阅读数 15

评论数 0

原创 三张图并排轮播滚动

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>三张图轮播效果</title>...

2019-12-11 23:36:27

阅读数 42

评论数 0

转载 jQuery制作卷轴效果(由中间向两边展开)

1.切图:我是将一个画轴原图切成4个部分,两个轴单独切出来,剩下的主体部分均分切开。 2.html结构: 前面4个div的背景图即是我们切好的4张图 <div class="content"> <div class="l-pic-...

2019-12-10 09:45:15

阅读数 23

评论数 0

原创 后台返回数字数据.前台变成对应得汉字 比如 1和0变为 男和女

1.第一个方法为:在 标签里直接写 <el-table-column label="性别" prop="gender"> <template slot-scope="scope"> ...

2019-12-02 16:18:19

阅读数 16

评论数 0

原创 vue跨域问题及post传参

方案一: 在config.index.js中设置webpack 最初的方案是前台传JSON格式的数据过去;设置’Content-Type’: 'application/json;charset=UTF-8',大概: axios.post('/user',J...

2019-12-02 10:56:59

阅读数 19

评论数 0

原创 SVN更新或提交时出现冲突该如何解决

1.版本冲突原因: 假设A、B两个用户都在版本号为100的时候,更新了kingtuns.txt这个文件,A用户在修改完成之后提交kingtuns.txt到服务器,这个时候提交成功,这个时候kingtuns.txt文件的版本号已经变成101了。同时B用户在版本号为100的kingtuns.txt文件...

2019-11-29 13:53:41

阅读数 14

评论数 0

原创 Java基础——接口

官方解释:Java接口是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能)。 我的解释:接口可以理解为一种特殊的类,里面全部是由全局常量和公共的抽象方法所组成。接口是解决Java无法使用多继...

2019-11-28 18:23:03

阅读数 12

评论数 0

提示
确定要删除当前文章?
取消 删除