- 博客(74)
- 资源 (2)
- 收藏
- 关注
原创 JS高级开发-内置对象Object梳理
Object 构造函数创建一个对象包装器。在JavaScript中,几乎所有的对象都是Object类型的实例,它们都会从Object.prototype继承属性和方法。Object构造函数为给定值创建一个对象包装器。Object构造函数,会根据给定的参数创建对象,具体有以下情况:如果给定值是null或undefined,将会创建并返回一个空对象。 如果传进去的是一个基本类型的值,则会构造其包装类型的对象。 如果传进去的是引用类型的值,仍然会返回这个值,经他们复制的变量保有和源对象相同的引...
2021-03-25 10:42:45 2779 13
原创 JS实际开发中常用函数方法集合
1、分期付款问题问题:小明借了10快钱,分三天还款,一天还款3元,最后一天还款4元。实现:返回一个数组[3,3,4]
2021-04-16 09:14:44 193
原创 JS高级开发-Map/Set/WeakMap/WeakSet
1、MapMap对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者原始值)都可以作为一个键或一个值。链接地址:
2021-04-02 11:20:36 337
转载 JS高级开发-BOM讲解
JS 浏览器对象模型(Browser Object Model, BOM)被广泛应用于 Web 开发之中,主要用于客户端浏览器的管理。BOM 概念比较古老,但是一直没有被标准化,不过各主流浏览器均支持 BOM,都遵守最基本的规则和用法,W3C 也将 BOM 主要内容纳入了 HTML5 规范之中。使用 window 对象和框架集; 使用 navigator、location、screen 对象; 使用 history 对象。链接地址:http://c.biancheng.net/js/bom/.
2021-03-30 15:17:01 179
原创 封装常用处理时间的方法
分装成一个函数,并返回封装好的处理时间的方法集合:var GetFormatDate = function (date) { if (Object.prototype.toString.call(date) == "[object String]" && date.length === 8) { date = new Date(date.substr(0, 4), parseInt(date.substr(4, 2) - 1), date.substr(6, 2))
2021-03-30 14:30:35 223
原创 Oracle开发文档
操作表--- 创建表--------------create table 表名( 字段名1 字段类型 默认值 是否为空, 字段名2 字段类型 默认值 是否为空, .........)create table user( id number(6) primary key, -- 主键 name varchar(50) not null, -- 姓名 不为null sex varchar2(6) default '男' check(sex in ('男','女...
2021-03-29 16:31:00 889 3
原创 JS高级开发-内置对象Array梳理
JavaScript的Array对象是用于构造数组的全局对象,数组类似于列表的高阶对象。创建数组: var fruits = ["Apple","Orange","Banana"]; 通过索引访问数组元素: var apple = fruits[0]; 遍历数组: fruits.forEach(function(item,index,array){console.log(item,index);}); 添加元素到数组的末尾: fruits.push("Grape"); // 返回数组长度4...
2021-03-19 11:38:46 298 1
原创 JS高级开发-JSON梳理
首先JSON是一种数据格式,我们HTTP请求交互/内容存储到JSON,可以替代的方案就是XML,或者直接文本,当然首先是使用JSON或XML,其次才是文本,因为需要考虑到存储方便以及解析方便。 使用JSON主要是因为它轻量,各个平台语言都支持JSON交互、JSON解析 ...
2021-03-17 14:31:44 425 1
原创 JS开发中的实用技巧
1、获取指定范围内的随机数/* 获取min~max之间的随机整数*/function getRandomNum(min,max){ return Math.floor(Math.random()*(max-min+1))+min;}2、随机获取数组中的元素/* 随机获取数组中的某一个元素*/function getRandomFromArr(arr){ return arr[Math.floor(Math.random()*arr.length)];
2021-02-22 15:51:08 1227 4
原创 excel常用技巧
1、excel判断分数成绩是否及格?=IF(A1>60,"及格","不及格")2、excel频率统计用什么函数?FREQUENCY(data_array,bins_array)// 假使计算全班分数分布段。data_array数组区域,全班的分数区域;bins_array区间数组,要计算的分数段的分组区域 例子:=FREQUENCY($E1:$E7,E1:E3) // 【按Ctrl+Shift+Enter三键】结束公式=FREQUENCY($A1:$A10,{59,7...
2021-01-05 17:37:00 308
转载 ES6快速理解Promise
本篇文章来源于https://mp.weixin.qq.com/s/tetfPizYwMtr-XlBRfZAQA,主要帮助学习者快速理解认识Promise。Promise是ES6中的特性,现在很多前端框架像AngularJS,Vue等在HTTP请求之后都是返回的Promise处理,因此Promise是必须要掌握的一个知识点。案例1:Promise构造函数是同步执行的,promise.then中的函数是异步执行的。const promise = new Promise((resolve,.
2020-12-30 14:54:49 445 1
原创 JS妙用setTimeout(fn,0)实现待执行效果
实际开发中遇到的问题,当一个dom元素触发一个键盘输入事件,如果输入校验不通过,清空该dom元素以及相关的元素的值。function handle(){ var good_key = $('#good_key'); // 商品主键 var good_name = $('#good_name'); // 商品名称 if (good_key.val() === ""){ good_name.val(""); return; } .
2020-12-24 10:58:04 303
原创 数据库常用优化方案
本篇博客来源于各个网站,经过作者精心筛选后,整理出来的一些常用的sql优化案例。1、SQL判断是否“存在”,还在用count操作?业务代码中,需要根据一个或多个条件,查询是否存在记录,不关心有多少条记录。普遍写法:/*SQL写法*/SELECT COUNT(*) FROM table WHERE a=1 AND b=2;//或者SELECT COUNT(0) FROM table WHERE a=1 AND b=2;/*Java写法*/int nums = xxD.
2020-12-18 11:33:28 1089 1
转载 Node.js Express框架(结合本篇文章,思考一下当前流行的vue-cli)
Express是一个简洁而灵活的node.js Web应用框架,提供了一系列强大特性帮助你创建各种Web应用和丰富的HTTP工具。使用Express可以快速地搭建一个完整功能的网站。Express框架核心特性:可以设置中间件来响应HTTP请求 定义了路由表用于执行不同的HTTP请求动作 可以通过向模板传递参数来动态渲染HTML页面1、Express的安装安装Express并将其保存到依赖列表中npm install express --save以上命令会将Express框架安.
2020-11-19 15:29:04 323 1
转载 JavaScript之FormData方法
FormData类型其实是在XMLHttpRequest 2级定义的,它是为序列化表以及创建与表单格式相同的数据(当然是用于XHR传输)提供便利。1、构造函数创建一个空对象实例。可以通过调用append()方法进行添加数据。var formData = new FormData();使用已有的表单来初始化一个对象实例<form id="myForm" action="" method="post"> <input type="text" name="...
2020-11-03 17:31:53 2232 1
转载 前端图片上传
本章内容主要讲述上传头像的4个步骤: 选择图片 --》 预览图片 --》 裁剪图片 --》 上传图片选择图片首先先看看最简单的选择图片:<input type="file" />但是我们只需要图片类型的文件,这并不是我们想要的结果。可以通过accept属性实现,如下:<input type="file" accept="image/*" />这样就可以过滤掉非图片类型了。但是图片的类型可能也太多了,有些可能服务器不支持,所以,如果想保守...
2020-10-27 10:29:40 831 1
翻译 CSS盒模型之内边距、边框、外边距(常见面试问题 )
问题什么是盒模型? 两者的区别是什么? JS怎么设置这两种盒模型? 描述一下下面盒子的大小,颜色什么的(content-box模型) 当small盒子设置成圆形时,内容会超出圆形吗?为什么? 当元素设置成inline-block会出现什么问题?怎么消除? 行内元素可以设置padding,margin吗? padding:1px 2px 3px;则等效于什么? 内边距的百分数值是怎么计算的? 那为什么不根据自己的宽度呢?而是根据父元素? 什么是边距重叠?什么情况下会发生边距重叠?如何解
2020-10-10 11:38:37 2281
原创 关于电脑本机端口占用问题
查看被占用的端口,并关闭占用1、 Window + R ,输入cmd2、 输入:netstat –ano,列出所有被占端口3、 输入要查找被占用的端口号: netstat –aon|findstr “端口号”。标题4、如果端口没有被占用则会无任何返应标题5、打开任务管理器,根据PID查找占用端口的应用。右击结束任务,就可以释放该端口。补充:1、 关于状态LISTENING:正在监听,只有tcp端口才可以这样(如果是udp的话,...
2020-09-17 13:40:22 163
原创 前端开发---页面布局解决方案2
1、多列布局1、定宽和自适应情况下html文档:<div class="parent"> <div class="left"> <div class="left_content">不定宽</div> </div> <div class="right"> <div class="right_co...
2019-04-13 08:57:36 264
原创 前端开发---页面布局解决方案1
1、水平布局.parent与.child元素宽度和高度不给出1、默认情况下<div class="parent"> <div class="child">Children</div> </div>2、inline-block +text-align情况下.parent{text-align: center;}.ch...
2019-04-12 15:23:47 291
原创 AJAX的重构
AJAX的实现主要依赖于XMLHttpRequest对象,但是在调用其运行异步数据传输时,由于XMLHttpRequest对象的实例在处理时间完成后就会被销毁,所以如果不对该对象进行封装处理,在下次需要调用它时就得重新构建,而且每次调用都需要写一大段的代码,使用起来很不方便。虽然,现在很多开源的AJAX框架都提供了对XMLHttpRequest对象的封装方案,但是如果应用这些框架,通...
2019-04-01 09:26:33 214
转载 HTML特殊字符对照表
特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 特殊符号 命名实体 十进制编码 Α &Alpha; &#913; Β &Beta; &#914; Γ &Gamma; &#915; Δ &Delta; &#...
2019-03-08 08:02:36 243
原创 MYSQL学习路线(4)
视图视图是从一个或几个基本表(或视图)导出的表。它与基本表不同,是一个虚表。数据库中只存放视图的定义,而不存放视图对应的数据,这些数据仍存放在原来的基本表中。所以一旦基本表中的数据发生变化,从视图中查询出的数据也就随之改变了。从这个意义上讲,视图就像一个窗口,透过它可以看到数据库中自己感兴趣的数据及其变化。视图一经定义,就可以和基本表一样被查询、被删除。也可以在一个视图之上再定义新的视图,...
2019-03-03 10:54:08 688
原创 MYSQL学习路线(3)
数据更新:数据更新操作三种:向表中添加若干行数据、修改表中的数据和删除表中的若干行数据。1、插入数据SQL的数据插入语句INSERT通常有两种形式,一种是插入一个元组,另一种是插入子查询结果。后者可以一次插入多个元组。插入元组:INSERTINTO <表名>[(<属性1>[,<属性2>]...)]VALUES(<常量1>[,...
2019-03-03 09:16:26 575
原创 MYSQL学习路线(2)
数据查询是数据库的核心操作。SQL提供了SELECT语句进行数据查询,该语句具有灵活的使用方式和丰富的功能。其一般格式为:SELECT [ALL|DISTINCT]<目标列表达式>[,<目标列表达式>]......FROM <表名或视图名>[,<表名或视图名>...]|(<SELECT语句>[AS]<别名>)[WHE...
2019-03-02 17:00:00 559
原创 MYSQL学习路线(1)
了解:关系数据库系统支持三级模式结构,其模式、外模式和内模式中的基本对象有模式、表、视图和索引等。因此SQL的数据定义功能包括模式定义、表定义、视图和索引的定义。SQL的数据定义语句 模式对象 操作方式 创建 删除 修改 模式 CREATE SCHEMA DROP SCHEMA 表 CREATE TABLE DROP TAB...
2019-03-01 15:08:47 2020 1
原创 DOM参考手册
了解: DOM可以以一种独立于平台和语言的方式访问和修改一个页面文档的内容和结构,是表示和处理HTML或XML文档的常用方法。DOM实际上是以面向对象方式描述文档模型,定义了表示和修改文档所需的对象,这些对象的行为和属性以及这些对象之间的关系。DOM将整个页面映射为一个由层次节点组成的文件,使用DOM可以让页面动态的变化。 DOM主要由三个部分构成:(1)Core DOM:...
2019-02-28 16:51:47 895
原创 JavaScript实现元素的拖放
了解:以前的web应用程序中通过mousemove或者mouseup等原来的事件来实现模拟拖放(drop&drag)功能。但是在HTML5中已经将实现拖放功能事件来实现拖放功能事件与API标准化,可以简单的实现以前要花费大量代码才能实现的功能。HTML5的拖放,不仅可以通过鼠标移动浏览器中显示的Web部件,还可以将桌面上的文件拖放到浏览器中。这就是显著的提高了web应用程序界面便利...
2019-02-27 19:13:06 522 1
原创 Video&Audio(实例篇)
1、在Canvas上绘制视频影像首先,实现在Canvas上实时传送并显示视频的功能。画面上分别拥有播放视频的video标签以及canvas标签,并赋值ID。根据视频的高度和宽度适当的进行缩小放大绘制在canvas。第一种方法使用setTimeout()或者setInterval()来实现,第二种方法使用drawImage()方法在canvas中进行视频影像绘制,但是在Firefox3.6之...
2019-01-30 18:56:33 734
原创 Video&Audio(进阶篇)
在HTML5中可以很轻松的处理视频与音频,在HTML5中不仅可简单的播放视频/音频,而且可方便的进行变速播放,方向播放,等等。尤其是可将Canvas与视频进行结合,大大扩展显示效果。在HTML5中进行音频与视频的处理时,几乎可以使用相同的属性与方法。 在没有HTML5以前,在页面中播放视频时必须通过Flash插件。HTML4中只能通过插件才能处理视频与音频。对于iPhone、...
2019-01-30 11:28:13 590
原创 CSS3兼容性
CSS3中受到关注的功能是针对文本或图像的特效。具体的是给文本或者图像加阴影、半透明处理、旋转处理、以及动画效果等。这些特效以前只能通过Flash来实现,现在可以使用CSS3实现。1、阴影区域阴影box-shadow属性box-shadow:[inset] {x方向} {y方向} {模糊距离} {阴影颜色}在“box-shadow”前加上了“-webkit-”这样的字符串,表示代表作为...
2019-01-26 15:28:04 904
原创 Canvas画布实现动画效果
1、圆球跳动的动画<!doctype html><html><head><meta charset="utf-8"><title>圆球跳动的动画</title></head><body><canvas id="canvas
2019-01-25 15:53:04 1573
原创 Canvas画布进阶篇---绘制文本
1、描绘文本概述文本绘制相关的方法 方法 说明 context.fiilText(text,x,y) 描绘文本 context.fillText(text,x,y,maxWidth) context.strokeText(text,x,y) 描绘文本的轮廓 context.strokeText(text,x,y,maxWidth) fill...
2019-01-25 12:16:51 1278
原创 Canvas画布进阶篇
HTML5的Canvas中提供了路径旋转、移动、扩大/缩小等变形功能。1、变形方法 在制作动画或绘制复杂的图形时,经常会用到两个变形方法transform()以及rotate()。在实际绘制前执行了这些方法后,实际绘制出来的图形中将显示旋转或变形。变形方法中的旋转/移动相关方法 setTransform(m11,m12,m21,m22,dx,dy) 变形矩阵的指定(清空...
2019-01-24 16:29:25 1766
原创 Canvas模拟时钟
<!doctype html><html><head><meta charset="utf-8"><title>模拟时钟</title><style type="text/css"> body{ text-align: center; } canvas{
2019-01-17 15:07:47 240
原创 Canvas画布进阶篇------绘制图像
Canvas中可以读入JPG或PNG等图像,而且还可以进行尺寸修改、图像截取等操作。图像绘制的基本步骤如下:(1)读取图像文件(2)在Canvas中进行绘制图像读取前,首先创建Image对象,在Image对象的src属性中指定图像文件所在路径(URL)后就可以开始读取了。读取结束后,触发onload事件。基本语法下:var image=new Image();image....
2019-01-14 13:29:35 1356
原创 Canvas画布进阶篇
Canvas画布绘制方法arc()方法------画圆弧context.arc(x,y,半径,开始角度,结束角度,是否逆时针旋转);从指定的开始角度开始至结束角度为止,按指定方向进行圆弧绘制。最后的参数为true时,按逆时针旋转。角度不是“度”,而是“弧度”。转换公式:var rad(弧度)=deg(度)*Math.PI/180;简单案例:<!doctype html...
2019-01-13 12:07:53 257
原创 Canvas画布基础篇
Canvas是用于在Web画面中绘制位图的技术。当HTML4版本的网页中需要绘制图形时,必须使用Flash等插件,在有了Canvas以后,就在也不需要任何插件,只需要JavaScript就可以在页面上绘制图形了。Canvas进行绘制的基本步骤(1)取得Canvas对象(2)从Canvas对象中获取绘图用的上下文(3)使用上下文中的方法与属性进行绘制1、获取Canvas对象,为了...
2019-01-12 11:55:58 368
原创 bootstrap4|信息提示框
1、提示框可以使用 .alert 类, 后面加上 .alert-success, .alert-info, .alert-warning, .alert-danger, .alert-primary, .alert-secondary, .alert-light 或 .alert-dark 类来实现。<div class="alert alert-success"> <s...
2018-11-23 15:50:24 1721
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人