自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

温故而知新的博客

知之为知之,不知为不知。温故而知新,可以为师矣。

原创 input button去掉默认边框和选中边框

有时候需要去掉input的默认边框和选中边框,试了很久发现这样可以。 input{ border:0;/*去掉未选中边框*/ outline:none;/*去掉选中边框*/ background-color:rgba(0,0,0,0);/*透明背景色*/ }

2020-05-16 13:24:15 177 0

原创 javascript常见的继承方法

1,组合继承,是将原型链和构造函数的技术组合在一起使用,思想是使用原型链实现对原型属性和方法的继承,而通过方法实现对实例属性的继承。 function SuperType(name) { this.name = name; this.colors=["red"...

2020-04-02 15:01:08 39 0

原创 js 监听div内容的变化

使用DOMNodeInserted可以监听div内容的变化 $("#change").bind("DOMNodeInserted",function(){ console.log("内容改变") }); 这里的change是...

2020-01-13 22:29:31 903 0

原创 javascript Reduce of empty array with no initial value

javascript在使用reduce归并方法的时候,会抛出一个Reduce of empty array with no initial value这样的一个错误提示。 一般出现在列表元素被移除,或者是一个空数组的情况下。 这个是我想到的一个解决办法:给一个初始值0或1做为初始值.一般就0吧...

2020-01-08 22:32:22 1517 0

原创 javascript获取数组中的最大数与最小数

最小数 Array.prototype.min = function(){ var min = this[0]; var len = this.length; for(var i=1; i<len; i++){ if(this[i] < min){ min = this[i...

2019-12-07 23:25:31 63 0

翻译 js实现拖拽到指定容器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>move</title> <style> .container ul{ ...

2019-12-07 23:19:29 307 0

原创 javascript去掉字符串中的字母

functionLetter(str){ varresult; varreg=/[a-zA-Z]+/;//[a-zA-Z]表示匹配字母,g表示全局匹配 while(result=str.match(reg)){//判断str.match(reg)是否没有字母了 str=str.replac...

2019-07-14 14:21:03 1755 0

转载 css编写开关按钮

两种自定义开关按钮的方法 <!DOCTYPE html> <html> <head> <title>纯css编写开关按钮(一)</title> <style type="text/css">...

2019-07-11 21:02:37 71 0

原创 js实现text文本框数据刷新到另一个文本框

最近在做项目中遇到一个需求,在一个文本框内输入内容实时显示到其它文本框,当时第一想到的方法是用js的数据属性object.defineProperty()方法来实现,经过一番折腾后,功能是实现了。但是过程感觉有点复杂,于是就是网上搜索,发 现了一个非常简单的方法,代码分享如下,分为js和jque...

2019-07-11 20:57:06 354 0

原创 radio及checkbox样式的自定义

radio和checkbox默认的样式一点也不美观,往往不能满足实际的开发需求,特别是在移动端。这时候需要用到自定义了,如果使用框架完全不需要考虑这些,但是在不使用框架的情况下就需要用到自定义了。老规矩,上代码 这是radio的 <!DOCTYPE html> <html ...

2019-06-28 22:48:34 43 0

原创 div窗口相对浏览器水平居中显示的方法

之前的项目中一直用的是框架,弹窗都是直接拿过来用的,但是现在没用框架,要实现窗口相对浏览器水平居中显示,经过思索,代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset...

2019-06-28 22:26:38 649 0

原创 css3判断手机是横屏还是竖屏

@media screen and (orientation:portrait) { 这里是相关代码 } @media screen and (orientation:landscape) { 这里是相关代码 }

2019-06-23 00:30:35 213 0

原创 前端js中的排它思路

前端js中的排它思路,非常简单的一个小例子 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>&l...

2019-06-11 22:40:05 140 0

转载 滑块验证解锁

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;     &lt;meta charset="UTF-8"&gt;     &a...

2018-07-23 20:26:52 1117 0

原创 js实现容器的大小随窗口而改变

两种方法方法1&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;title&g...

2018-07-12 23:30:15 1576 2

原创 js刷新页面随机显示不同的div

又是一个简单的小特效,可能会用的到&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd&qu...

2018-07-07 23:11:20 1450 0

原创 js实现元素的clone与拖动

js实现元素的clone与拖动有时候还是会遇到的,以下是示例代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta http-equiv=...

2018-06-23 22:18:49 1569 20

原创 正则表达式的使用

先来看下简单的吧1匹配数字var str = "12345jkj";    var patt=/[0-9]+/;//只匹配数字    document.write("****");    document.write(str.match(patt));   ...

2018-06-11 23:09:18 138 0

原创 js实现下拉列表选中

简单的一个小案例&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"&g...

2018-06-06 22:44:23 1348 0

原创 移动端搜索框下拉列表

要做移动端搜索下拉列表,自己写了好长时间,觉得不满意,只能找插件了。百度了一下jquery提供的有这样的插件autocomplate.js。使用起来非常简单&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//...

2018-06-06 21:49:19 6591 0

原创 取消mui中图片放大后自动往回缩的回弹效果

mui中有图片预览功能,当点击图片之后可以进行预览,还支持手势,但手指一松开,图片就回弹了,一般是这样的解决的注掉mui.zoom.js中的这段代码,如下图这只是一种解决办法,如有其它办法欢迎分享...

2018-05-28 21:07:19 658 0

原创 使用mui轮播图点击预览放大

mui轮播图有点击预览功能,但是这个预览放大,只是和原图大小一样,有时候要让图片变的更大就要想其它办法了第一种&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "h...

2018-05-28 00:02:36 1502 0

原创 js与jquery实现分页

方法一&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/TR/html4/loose.dtd"&gt;&am...

2018-05-22 23:18:38 359 0

原创 jquery实现tab切换

第一种&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8" /&gt;    &...

2018-05-15 22:47:30 1271 0

原创 js中arguments转换成数组的方法

在一个函数中可以通过arguments来访问传递给该函数的全部参数,arguments看上去像数组,实际是它是一个类似数组的对象 它也包含了数组的索引和length属性。arguments不提供数组的一些操作方法,例如sort等,但是我们可以把它转换成数组,来 使用数组所提供的一些方法.在这里...

2018-05-05 23:21:27 1593 0

原创 js中的call()方法与apply()方法介绍

每个函数都有call()与apply()方法,可以用它的触发函数,并指定相关的调用参数。我的理解就是,调用一个对象方法,以另一个对象替换当前对象。简单例子如下;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional...

2018-05-05 19:33:34 84 0

原创 javascript遍历对象与遍历数组索引与值的方法

javascript遍历对象与遍历数组索引与值的简单方法,这只是一个小小的例子,非常简单&lt;script&gt;//遍历对象    var dx = {        name: "zs",        sex:'man',      ...

2018-05-02 10:19:30 3322 0

原创 javascript设置盒子层级

一个小小的设置盒子层级的例子,有需要的同鞋可以做为参考,不足之处,还望指出&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.org/T...

2018-05-01 12:31:48 916 0

原创 js与jquery清空文本内容

清空文本内容,有时候还是会遇到的,这里是一个小例子,有需要的同学可以参考下,代码如下&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3....

2018-04-26 22:15:05 5468 0

原创 select实现取值与重置

select实现取值与重置,这里是一个简单的例子,有需要的同学可以参考下,代码如下&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w3.o...

2018-04-23 22:39:06 2190 0

原创 js实现全选与反选

checkbox的全选与反选,有时候还是会遇到的,这里做下分享,如有不足之处,请加以指出&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"        "http://www.w...

2018-04-21 22:02:44 98 0

原创 div盒子水平居中的两种简单方法

这里以PC端为例,div盒子里面是一张图片,让它水平居中显示两种方法代码如下这是html结构&lt;div class="ups"&gt;              &lt;a href="#"&gt;            ...

2018-04-09 22:00:59 1553 0

原创 wampServer虚拟主机配置

突然弄服务器,想来想去还是wamp吧。在安装的时候看自己是64位,还是32位,选择安装即可,我在里安装的是在D盘主要是安装D盘,方便找吧。以下是些技巧,这里就不做笔记,直接截图了。关于重启选择apache 下一步   service 下一步   start/Resume server或者stop ...

2018-03-25 19:25:06 2082 0

原创 通过媒体查询实现响应式

            在做响应式之前要知道常用的四种屏幕尺寸,第一种是超小屏设备也就是移动端,尺寸范围是0-768px;第二种是平板,尺寸范围是786px-992px;第三种是中等屏幕设备,尺寸范围992px-1200px;第四种为大屏设备,或者宽屏设备,尺寸范围1200px;以上;以下是简单的...

2018-03-03 14:23:07 1643 0

原创 简易计算器

一个简易的计算器,没技术含量&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;    &lt;meta charset="UTF-8"&...

2018-02-25 18:10:42 113 0

原创 省市区三级联动

&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt;    &lt;meta charset="UTF-8"&gt;    &l...

2018-02-23 20:51:41 189 0

原创 微信小程序省市区三级联动

微信小程序省市区三级联动用的还是比较多的,以下是相关代码,还是先上效果图吧 结构部分 wxml结构 &lt;view class="ship_list"&gt;       &lt;view class='ship_name'...

2018-02-06 21:59:58 7589 12

原创 js实现数据双向绑定

数据的双向绑定在vue和angular里面用的比较多,原生js的也可以实现,下面是个小例子,可以做为参考。         {{textmod}}     var mod = {};     Object.defineProperty(mod,'...

2018-02-01 20:57:56 319 0

原创 微信小程序选项卡切换

在开发微信小程序的时候,会遇到选项卡切换,这里有一个小例子,可以做为参考,代码如下 结构部分: view class="swiper-tab"> view class="swiper-tab-item {{currentTab==0?�...

2018-01-14 13:18:29 9780 2

原创 git的常用指令

## Git安装 1,## 初始化Git仓储/(仓库) - 这个仓库会存放,git对我们项目代码进行备份的文件 - 在项目目录右键打开 git bash - 命令: `git init` 2,## 自报家门 - 就是在git中设置当前使用的用户是谁 - 每一次备份都会...

2018-01-11 00:30:02 130 0

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