- 博客(84)
- 收藏
- 关注
RSS订阅原创 luckysheet使用【element】Dialog 弹出框时，双击单元格不出现输入框
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入原因：lucksheet单元格的输入框样式为luckysheet-input-box其样式中含有position:absol
2022-03-11 10:58:12
2609
4
原创 将时间格式化为（2019-10-28 11:50:28）
function formatData(timeValue){ var setTimeVal = new Date(timeValue); var year = setTimeVal.getFullYear() //年 var mouth = setTimeVal.getMonth() + 1 //月 var data = setTimeVal.getDate() //日 .
2020-12-01 20:56:23
367
原创 Vue-tab切换
<!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-12-26 17:18:40
266
原创 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-12-25 23:54:56
199
原创 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-12-25 18:29:47
380
原创 git
Git安装下载地址：https://git-scm.com/download下载完成后安装一直点击下一步，安装完成后右击鼠标点击Git bash here，打开命令行。执行： git --version 查看版本Git基本工作流程git仓库：用于存放提交记录暂存区：临时存放被修改文件工作目录：被git管理的项目目录Git的使用1.Git 使用前配置在使用git前，需要告诉gi...
2019-12-24 21:35:18
119
原创 模块加载及包
Node.js模块化开发1.1JavaScript开发弊端JavaScript在使用时存在俩大问题，文件依赖和命名冲突。1.2 软件中的模块化开发一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其功能的运行。1.3 Node.js中模块化开发规范● Node.js规定了一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到。● ...
2019-12-20 00:30:39
261
原创 ES6
什么是ES6？ES的全称是ECMAScript，它是由ECMA国际标准化组织，制定的一项脚本玉园的标准化规范。ES6的新增语法letES6中新增的用于声明变量的关键字。● let关键字用来声明变量● 使用let关键字声明的变量具有块级作用域● 防止循环变量变成全局变量● 不存在变量提升，只能先声明在使用注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块...
2019-12-18 18:15:49
213
原创 正则表达式
1.正则表达式概述1.1什么是正则表达式正则表达式（Regula Expression）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本吗，例如验证表单：用户名表单只能输入英文字母、数字或者下划线，昵称输入框中可以输入中文（匹配）。此外，正则表达式还常用语过滤掉页面内容中的一些敏感词（替换），或从字符串中...
2019-12-17 20:22:11
681
原创 函数进阶
1.函数的定义和调用1.1函数的定义方式1、函数声明方式function关键字（命名函数）function fun(){};2、函数表达式（匿名函数）var fun = function() {};3、利用new Function(‘参数1’,‘参数2’, ‘函数体’)var f = newFunction('a', 'b', 'console.log(a + b)');f(1...
2019-12-16 21:05:13
213
原创 ES5中的新增方法
1.1ES5新增方法概述ES5中给我们新增了一些方法，可以很方便的操作数组或者字符串，这些方法主要包括：● 数组方法● 字符串方法● 对象方法1.2 数组方法迭代（遍历）方法：forEach()、map()、filter()、some()、every();forEach()array.forEach(function(currentValue,index,arr))● curr...
2019-12-13 00:39:16
248
原创 forEach数据渲染
<!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-12-12 23:58:30
1184
原创 ES6中的类和对象
面向对象面向对象更贴近实际生活，可以使用面向对象描述现实世界事物。但是事物分为具体的事物和抽象的事物面向对象的思维特点：1、抽取（抽象）对象共用的属性和行为组织（封装）成一个类（模板）2、对类进行实例化，获取类的对象面向对象编程考虑的是有哪些对象，按照面向对象的思维特点，不断的创建对象，使用对象，指挥对象做事情。2.1对象现实生活中：万物皆对象，对象是一个具体的实物，看得见摸得着的实...
2019-12-12 16:15:25
141
原创 JavaScript面向对象
面向对象编程介绍1.1两大编程思想● 面向过程● 面向对象1.2面向过程编程POP面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用。1.3面向对象编程OOP面向对象是把实物分解成为一个个对象，然后由对象之间分工与合作。面向对象是以对象功能来划分问题，而不是步骤。在面向对象程序开发思想中，每一个对象都是功能中心，具有明确分工。...
2019-12-11 17:27:04
113
原创 jQuery-其他方法
jQuery对象拷贝如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用$.extend()方法语法：$.extend([deep],target,object1,[objectN])1、deep：如果设为true为深拷贝，默认为false浅拷贝2、target：要拷贝的目标对象3、object1：待拷贝到第一个对象的对象。4、objectN：待拷贝到到第N个对象的对象...
2019-12-11 12:33:38
132
原创 jQuery事件
1、jQuery事件注册单个事件注册element.事件(function(){})$("div").click(function(){事件处理程序})其他事件和原生基本一致比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll等2、jQuery事件处理2.1事件处理on()绑定事件on()方法在匹配元...
2019-12-11 11:47:46
282
原创 jQuery
jQuery概述1.1 JavaScript 库仓库：可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了。Javascript库：即library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预定义好的函数在里面，比如动画animate、hide、show，比如获取元素等。常见的JavaScript库● jQuery...
2019-12-10 22:49:48
173
原创 jQuery-购物车加减数量
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <script src="jquery-3.4.1.min.js"></script> <style> ...
2019-12-10 21:35:54
904
原创 jQuery-全选
<!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-12-10 10:53:23
111
原创 jQuery-高亮显示
<!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-12-09 23:36:22
798
原创 jQuery-tab栏切换
<!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-12-08 17:32:26
126
原创 本地存储
随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。1、本地存储特性1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage约5M、localStorage约20M4、只能存储字符串，可以将对象JSON.stringify()编码...
2019-12-06 22:48:02
317
原创 移动端网页特效
1、触屏事件1.1 触屏事件概述移动端浏览器兼容性较好，不需要考虑以前JS的兼容问题，可以放心的使用源生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件)，Android和IOS都有。touch对象代表一个触摸点。触摸点可能是一根手指，也可能是一根触摸笔。触屏时间可响应用户手指（或触控笔）对屏幕或者触控板操作。触屏touch事件说明tou...
2019-12-06 11:36:07
218
原创 PC端网页特效
元素偏移量 offset 系列1.1 offset概述offset翻译就是偏移量，使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。● 获得元素举例带有定位父元素的位置● 获得元素自身的大小（宽度高度）● 注意：返回的数值都不带单位offset系列常用属性offset系列属性作用element.offsetParent返回作为该元素带有定位...
2019-12-05 21:24:08
405
原创 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-12-04 17:24:44
1029
原创 BOM浏览器对象模型
1、BOM概述1.1什么是BOMBOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM由一些列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM缺乏标准，JavaScript语法的标准组织是ECMA，DOM的标准化组织是W3C，BOM最初是Netscape浏览器标准的一部分。DOM● ...
2019-12-03 22:43:53
605
原创 js-页面之间的值传递(location.search)
新建login.html，index.htmllogin.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...
2019-12-03 22:02:53
262
原创 js-5秒之后跳转页面
<!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-12-03 21:09:25
1762
原创 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-12-02 17:29:20
1089
原创 js-倒计时
<!DOCTYPE html><html lang="en"><script src="jquery-1.8.2.min.js"></script><script src="jq.snow.js"></script><head> <meta charset="UTF-8"> &...
2019-12-01 23:45:02
118
原创 js特效-5秒后自动关闭广告条
<!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-12-01 12:12:30
1371
原创 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-11-30 23:00:55
3300
原创 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-11-30 17:14:33
996
原创 js-事件高级
注册事件（绑定事件）1.1注册事件概述给元素添加事件，称为注册事件或者绑定事件。注册事件有俩种方式：传统方式和方法监听注册方式传统注册事件● 利用on开头的事件 onclick● <button onclick="alert('hi~')"></button>● btn.οnclick=function(){};特点：注册事件的唯一性同一个元素同一个事件只...
2019-11-30 17:12:39
265
原创 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-11-26 16:42:31
272
原创 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-11-25 21:46:30
430
原创 js-tab栏切换
鼠标点击上面相应的选项卡（tab），下面内容跟随变化<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
2019-11-25 12:02:25
298
原创 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-11-24 21:09:56
332
原创 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-11-24 19:42:44
492
原创 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-11-21 22:01:35
2691
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人