![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 57
英俊帅比林
我真好看
展开
-
background-position的妙用
示例在浏览网页时,我们经常会发现一些小图标,就像这样的:而我们在浏览网页的时候,一个网站上经常会有十几个甚至几十个这样的小图标,像这样的:这样的:我们当然可以使用几十个 img 标签,然后指定每个图片的路径来找到图片,但是这样一来,我们将会浪费大量的时间在给图片取名字、写路径上,而且,一个网站同时加载这么多的img标签,势必会对网页的加载速度起到一定程度的影响,当网页上有上百的标签之...原创 2018-09-24 11:15:02 · 694 阅读 · 0 评论 -
如何用好html5的文件上传input
https://www.zhangxinxu.com/wordpress/2015/11/html-input-type-file/转载 2018-12-11 17:47:09 · 121 阅读 · 0 评论 -
jQuery使用cookie
1.下载jquery.js和cookie.jquery.jsjquery地址: https://jquery.com/cookie.jquery地址:http://plugins.jquery.com/cookie/2.导入jquery.js和jquery.cookie.js<html> <head> <meta charset="UTF-8">...原创 2018-10-30 11:32:09 · 329 阅读 · 0 评论 -
jquery ajax和后台请求重定向请求转发的踩坑心得
1.在使用了ajax作为请求方式的时候就不能再使用form表单的默认submit按钮当我们给一个按键绑定了点击事件:通过ajax提交请求的时候,这个按键不能是submit按键,因为submit的功能是将表单中的所有输入内容提交到action指定的路径,然后关闭当前页面大剋新页面,而我们使用ajax通常是用来局部发送请求,来达到不使页面整体刷新的效果,所以submit按钮与我们使用ajax的初衷相...原创 2018-10-20 21:00:13 · 8406 阅读 · 4 评论 -
js获取系统时间
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myD...原创 2018-10-17 20:30:24 · 387 阅读 · 0 评论 -
jQuery常用事件
click(function)function:可选的函数,函数将在点击后执行,如果不写这个函数直接写:$("#a").click();则相当于点击了一次id为a的元素(下面所有类似的触发事件都是如此,下面不再赘述)mouseover(function)function:可选的函数,函数将在鼠标位于元素上方时执行mouseout(function)function:可选的函数,函数...原创 2018-10-10 09:44:08 · 207 阅读 · 0 评论 -
如何导入jQuery
jquery是一个用来代替JavaScript来快捷书写前端脚本语言的库,jquery可以大大的简化复杂的js代码,使开发人员专注于实现页面的效果。相信你在阅读本文前也对jquery有过了解,废话不多说,我们这就来导入jquery。导入方式jquery的导入方式有两种,一种是本地导入,一种是从超链接导入。方式一:本地导入我们可以百度搜索jquery,可以搜到jquery的官方网站:ht...原创 2018-10-09 22:06:35 · 36731 阅读 · 0 评论 -
JavaScript调用函数的三种方式(直接调用,call()方法调用,apply()方法调用)
1.直接调用直接调用函数是我们平时使用JS函数最简单最直接的方法,举例如下:window.alert("aaa");这段代码将在浏览器中弹出文本为“aaa”的提示,通常,我们可以把JS中window对象的方法的“window.”省略掉,写成这样:alert("aaa");效果相同2.通过call()调用...原创 2018-09-30 00:40:22 · 4087 阅读 · 1 评论 -
jquery如何获取innerHTML
在js中,我们可以通过document.getElementById().innerHTML来获取指定id名的innerHTML,在jquery中,我们不能这样获取,替代方式是:$().html()直接就可以进行获取...原创 2018-10-18 15:37:26 · 13175 阅读 · 0 评论 -
GitHub官网制作
效果图:源码:登陆页面html<html> <head> <link rel="stylesheet" type="text/css" href="css/login.css" /> <script src="js/login.js"></script> &l原创 2018-09-29 16:08:53 · 2406 阅读 · 0 评论 -
JavaScript函数的Lambda简略写法(箭头函数)
JS的箭头函数是函数表达式的简略写法,格式如下:(参数1,参数2,......,参数n) =>{ 具体函数逻辑 }该表达式相当于定义了如下函数:function(参数1,参数2,......,参数n){ 具体函数逻辑}当我们需要使用这个函数的时候,要将创建的函数赋给一个var变量,然后通过变量的名字去调用它举个例子:<script> //声明箭头函数 v...原创 2018-09-29 13:41:21 · 4182 阅读 · 0 评论 -
JavaScript读写Cookie
Cookie作用Cookie是一些name=value对数据,这些数据可以由浏览器写入用户的硬盘,也可以由浏览器从用户的硬盘读取。Cookie用来持久化记录用户的某些信息,如用户名和用户的喜好等等。...原创 2018-10-08 13:36:37 · 966 阅读 · 0 评论 -
jQuery Ajax常用方法参数总结
$.ajax({url: 提交请求的路径type: 请求方式,可为get或post,默认为getasync: 是否异步,true为异步,false为同步,如果不写默认为异步data: 要发送的数据success:function() 请求成功时回调此函数error:function() 请求失败时回调此函数complete:function() 请求完成后回调此函数,无论成功或失败...原创 2018-10-12 21:26:30 · 193 阅读 · 0 评论 -
JavaScript通过prototype实现伪继承
传统定义类内的函数的弊端function Person(name)//定义了一个Person类{ this.name=name; this.info=function()//定义了一个类内部的函数用来输出name { alert("姓名是:"+this.name); }}如上,我们定义了一个类Person,在类中我们定义了一个成员变量name和输出它的函数info,通过这种方...原创 2018-10-04 18:37:33 · 367 阅读 · 0 评论 -
怎么去掉input标签在浏览器中自带的高亮显示
当我们在html文件中写了一个input标签的时候,用浏览器打开它(我用的Chrome浏览器,不同的浏览器效果可能会有差异),如果选中了这个输入框,浏览器会自动加粗它的边框并且把边框变为蓝色当我们想用自定义的输入框效果时,怎么去掉这个自带效果呢?用css的outline属性即可:outline:none;...原创 2018-09-27 11:02:57 · 1441 阅读 · 0 评论 -
关于position:relative absolute fixed定位和布局的踩坑心得
position属性介绍absolute顾名思义,这是绝对定位的意思,我们在使用时通常都是给元素声明了position:absolute属性,然后再用top,left,right,bottom属性去改变元素的位置,语法示例如下:position:absolute;top:10px;该语句设置了定位方式为absolute,并且向下偏移了10pxrelativerelative是相对定...原创 2018-09-21 11:59:47 · 11967 阅读 · 2 评论 -
网页中小三角效果的实现
我们在浏览网页时,经常会发现一些小三角效果像是下面这样:这样的效果看起来不仅高大上,而且非常容易实现,我们来尝试一下实现思路border属性介绍我们都知道,一个div在默认的时候是没有边框的,我们可以通过border属性来给div添加边框,具体CSS语法实例如下:border:1px solid #6e6e6e;这段代码给div设置了一个1px宽度,颜色为#efefef的实线边框...原创 2018-09-21 10:06:27 · 670 阅读 · 0 评论 -
CSS样式表引入的三种方式
方式一:内联样式表在标签的内部书写,如:<div style="background-color:red;"></div>方式二:内部样式表在head标签中声明style标签然后在其中书写css样式,如:<html> <head> <style type="text/css"> .test {原创 2018-09-25 13:43:12 · 3908 阅读 · 0 评论 -
Idea中js的import报错:Import declarations are not supported by current JavaScript version解决方法
这个错误的原因是因为默认的js版本比较低,不支持import语句,因此我们提高版本就可以了:打开setting:打开js栏目,更改设置:原创 2019-01-26 11:10:30 · 3258 阅读 · 0 评论