- 博客(46)
- 收藏
- 关注
RSS订阅原创 美化滚动条
/* 美化滚动条 */ /*IE滚动条颜色设置*/ * { scrollbar-arrow-color:#777777; /*上下箭头*/ scrollbar-track-color:#E8E8E8; /*底层背景色*/ scrollbar-face-color:#F8F8F8; /*滚动条前景色*/ scrollbar-Shadow-colo...
2019-12-31 17:50:53
182
原创 js匹配img标签src属性，，并修改src路径
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-08-28 22:04:09
4718
原创 jq实现重置序号，上移下移功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-08-19 19:12:02
700
原创 js展开收起
<body><a class="toggerMenu" href="javascript:expandCollapseAll(false);">折叠</a><a class="toggerMenu" style="display: none;" href="javascript:expandCollapseAll(true);">展开<...
2019-07-31 10:56:42
396
原创 js 多选、全选功能实现
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-06-22 15:54:44
3418
原创 js select-option标签切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-06-20 16:50:20
1302
原创 js5分钟页面无操作触发弹窗事件
function settimeFn() { var showTime = 60 * 5; var time = showTime; $(document).on('click', function() { time = showTime; }); var interCount = setInterval(function() { time--; ...
2019-06-18 14:07:15
2744
2
原创 js实现表格编辑、保存、添加、删除功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-06-15 11:49:31
2506
原创 js实现表格上移下移功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...
2019-06-14 11:49:20
2132
原创 Vue之子传父通信
子传父的过程是一个发送消息的过程 ，发送more消息<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-05-06 15:37:26
116
原创 vue之父传子通信（二）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
2019-04-30 08:51:15
167
原创 vue之父传子通信（一）
Vue设立的初衷是组件与组件之间是独立的，是不共享的，所以要实现数据通信。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc...
2019-04-25 10:01:35
250
原创 移动端适配
(function(doc, win){ var docE1 = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function(){ var clientWidth ...
2019-03-29 09:24:08
101
原创 flex 弹性盒子和overflow：hidden的注意事项
弹性盒子与overflow：hidden不能同时使用，同时使用的话overflow：hidden不生效
2018-12-07 15:53:14
4882
原创 jq实现伸缩二级菜单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> </head><body> <ul&g
2018-12-05 17:09:34
597
原创 jq实现多标签切换（三）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="lib
2018-11-25 19:49:23
499
原创 jq实现多标签页切换（二）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多页标签切换</title> <style> *{ margin:0; padding:0; } .wr
2018-11-24 18:07:03
451
原创 jq实现多标签切换（一）
<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> * { margin: 0; padding: 0; }
2018-11-22 21:45:55
1007
原创 form进行ajax请求的完整代码
html代码<form id='form' name='form' action="后台地址" method='post'> <div class='formdiv'> <label>姓&emsp;&emsp;名：</label> <s..
2018-11-15 15:36:45
996
原创 input属性placeholder在iOS中显示不完整的解决方法
在这里一定要先设置input，再设置placeholder，不然会被覆盖注意注意：input样式一定要写在前面input{ width: 8.5rem; height: 1.25rem; font-size: .6rem;}::-webkit-input-placeholder{ font-size: .5rem; line-height:...
2018-11-14 15:16:52
7781
原创 js常用绑定事件三种类型详解
JS与HTML的交互都是通过事件来完成的 在JS中，所有的事件都需要加on前缀 on-事件名 事件分为三类： 1.传统事件绑定 2.脚本模型 3.W3C事件 事件三要素： 1.事件对象(事件...
2018-10-30 22:52:26
1932
原创 ES6语法详解（四）
一）Promise对象1）前言首先设想一个日常开发常常会遇到的需求：在多个接口异步请求数据，然 后利用这些数据来进行一系列的操作。一般会这样去写:$.ajax({ url: '......', //success 是回调函数 success: function (data) { $.ajax({ // 要在第一个请求成功...
2018-10-29 23:09:53
132
原创 ES6语法详解（三）
一）集合对象1） Set对象Set对象是一组值的集合，这些值是不重复的，无序的，与我们在数学中学到的集合是一样的。我们可以往里面添加、删除、查询数据。//先声明一个Set对象：var mySet = new Set();//创建Set对象//往这个集合对象中添加元素：mySet.add(1);mySet.add("some text");;//在Set对象尾部添加一个元素。...
2018-10-28 20:46:58
316
原创 ES6语法详解（二）
一）箭头函数// ES5写法 var total = function(a, b) { return a + b; }; // ES6写法 var total = (a, b) => { // return a + b; } console.log(total(1, 2));this是什么？带...
2018-10-25 19:32:37
238
原创 ES6语法详解（一）
一）letlet和var有什么区别？let是块作用域，可以将let后面的变量变成块作用域ES5语法中只有全局作用域和函数作用域二）const如果const后面的变量是普通变量，改变值的话会报错。const a = 1; a = 2;如果后面储存的是数组或者对象，改变值不报错，那么改变它的指向报错const arr = [1,2,3]; a...
2018-10-24 21:02:39
197
原创 ajax面试题汇总
一.ajax是什么？ajax全称是asynchronous JavaScript and xml，主要用来实现客户端的异步通信效果，实现页面的局部刷新ajax就是进行http请求二.如何创建一个ajax？1）定义请求对象 var xhr = new XMLHttpRequest()2）准备发送网络请求 第一个参数dataType...
2018-10-18 21:55:42
1675
原创 JavaScript闭包函数的理解与使用
要理解闭包，首先理解javascript特殊的变量作用域,变量的作用域无非就是两种： 全局变量局部变量javascript语言的特殊处就是函数内部可以读取全局变量。1.如何从外部读取局部变量我们有时候需要得到函数内的局部变量，但是在正常情况下，这是不能读取到的，只有通过变通方法才能读取到。在javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成...
2018-08-31 20:44:14
116
原创 JavaScript鼠标拖拽事件小例子详解
有时候我们在桌面上新建一个文件夹，大家都知道新建文件夹的位置是系统根据桌面上最后一个默认排序的，想把这个文件夹放在自己容易辨识的地方，可能是右下角，可能是右上角，那这个拖拽是怎么实现的呢？一、我们先写出来一个盒子：<div class='box'></div>复制代码二、写盒子的样式，鼠标对于盒子来说是相对定位，所以一定要写定位<style...
2018-07-24 20:00:45
1526
原创 JavaScript中offset、client、scroll、属性及使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{margin: 0px;padding:0px;} #box{w
2018-07-17 22:02:14
407
原创 JavaScript递归函数
递归函数:自我调用且有完成状态递归要有两个要素：1.结束条件 2.递推关系递归函数特点：1. 每一级函数调用时都有自己的变量，但是函数代码并不会得到复制；2. 每次调用都会有一次返回；3. 递归函数中，位于递归调用前的语句和各级被调用函数具有相同的执行顺序；4. 递归函数中，位于递归调用后的...
2018-07-17 21:33:21
1742
原创 javascript中if语句的语法与使用
if语句的语法与使用小例子<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"&a
2018-07-15 15:36:18
2501
原创 javascript函数语法、使用规则
函数基本使用语法、规则<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- (1)函数：封装一次，可以在任何时候，任何地点执行多次的代码块 (
2018-07-15 12:58:50
375
原创 JavaScript HTML DOM 事件语法和使用分类
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{width: 1
2018-07-14 15:10:11
281
原创 JavaScript HTML DOM 属性总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div{width: 100px;height: 100px;
2018-07-14 10:12:22
115
原创 Javascript怎么做倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> 剩余：<span i
2018-07-12 20:11:12
1481
原创 怎么用javascript做表格
第一种方法：只显示怎么创建表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
2018-07-11 17:54:48
15231
原创 bootstrap4常用折叠导航栏如何布局
整体代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>折叠导航栏</title> <meta name="viewport" content="width=d
2018-07-08 16:06:30
13243
原创 Javascript中switch.......case语句的语义及用法
switch结构 语法： switch(表达式){ case 值1: 代码块; break; case 值2: break; ... case 值n: break; deault: break; }执行规则：将表达式分别与case后面的值作比较，若相等则会执行对应的代码若表达式的值与case后面的值均不相等，则...
2018-07-08 11:43:49
2446
原创 javascript中while循环、do....while与for循环的用法和区别
while语法：1.while语法：while(循环条件){循环主体;}计算表达式的值，当值为真(非0)时，则 执行循环体语句。例： <script type="text/javascript"> //猜数字游戏，谜底：50； //若用户猜的小于50，提示：猜小了；否则提示猜大了；猜中了，提示：中奖了(不能继续猜谜)！ while(true){...
2018-07-07 21:44:27
7102
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人