- 博客(162)
- 收藏
- 关注
RSS订阅原创 JQuery-传送formdata对象给后台-1.1
WHAT 我们先来说说formdata是什么。在network中我们如果传输了formdata对象，那我们就会看到以下的内容。 MDN上这么说的：“FormData接口提供了一种表示表单数据的键值对的构造方式，经过它的数据可以使用 XMLHttpRequest.send()方法送出，本接口和此方法都相当简单直接。如果送出时的编码类型被设为"multipart/form...
2019-07-05 12:10:44
3025
原创 js-传输数据给后台-1.1
使用XMLHTTPRequest能够将数据传给后台。但这其中容易出现的问题你懂么？POSTvar xhr = new XMLHttpRequest();xhr.open("POST", "", true);xhr.send(JSON.stringify(_data)); 当我们的_data是一个对象时，传输中我们就会发现我们传输的是个，Request Payl...
2019-07-05 12:00:40
3726
原创 JSONP-1.1
先祭出度娘的定义 JSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题。由于同源策略，一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通，而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这...
2019-07-05 11:57:38
340
原创 jQuery-修改xmlHttpRequest对象-1.1
function ajax(url, sendData, isAsync, functionList) { $.ajax({ url: url, type: "POST", async: isAsync, data: sendData, xhr: function(){ ...
2019-07-05 11:52:43
405
原创 HTML-datalist-1.1
有时候select已经不能满足我们的需求了。 有时候因为框架的原因，框架内的select会要求我们固定是下拉框的选项。但很多时候我们需要根据用户的选择，去数据库中查询我们的数据值，并返回前端，动态生成下拉框的内容。这时候在不影响系统的前提下，我们会选择动态生成datalist去动态展示数据。 另一方面，select会一口气展示所有的选项，但我们希望根据用户输入的内容，选...
2019-07-05 11:42:39
1363
原创 css-filter属性-火焰效果-1.1
首先灰常感谢你所不知道的 CSS 滤镜技巧与细节。我看完filter属性后还是迷迷糊糊的。因为不清楚能干什么。但看完这篇文章的例子后发现filter属性真的很厉害。 现在记录一些我的理解。火焰效果 1、先画个带弧形的尖角。至于为什么需要带弧，只是因为带弧看起来更柔和一点，不太生硬。<!DOCTYPE html><html lang...
2019-04-17 14:37:48
466
原创 css-filter属性-融合效果-1.1
首先灰常感谢你所不知道的 CSS 滤镜技巧与细节。我看完这个filter属性后还是迷迷糊糊的。因为不清楚能干什么。但看完这篇文章的例子后发现filter属性真的很厉害。 现在记录一些我的理解。融合效果 如果你想直接看动图效果建议去上面的文章看，因为我不会做动图。不过可以大致截个图。 前面的图是有融合效果的，那正常的如果两个圆交叠是什么样子的呢？...
2019-04-17 14:32:36
1631
原创 css-filter属性-1.1
.grayscale100{ -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); } .grayscale50{-webkit-filter: hue-rotate(90deg); filter: hue-rotate(90deg); } 原来看书的时候见过这个，但可能当初用错方式了，没有效果。今日重见他，...
2019-04-17 14:27:01
206
原创 html - IndexedDB-1.1
概念 1、键值对的形式，值可以是复杂类型 2、简历在事务数据库模型上 3、清除浏览器缓存的时候，可能会被清除相关的数据哦------------------------------------------------------------------------------------------------------------------1、数据...
2019-04-17 10:58:25
96
原创 js-创建对象的几种方式-1.2
为了防止一些函数之间同名的可能性，可以将属于一个模块的代码封装在一起。这样外部就无法调用一些私有函数了，就不会出现容易同名的情况出现。方法一：(function (exports) { var obj = {}; exports.$class1 = obj; obj.publicFunction = function () {}//外部可调用...
2019-04-15 15:39:29
114
原创 js-数组-set结构-1.1
今天发现ES6提供了set这种新的数据结构，类似数组，但其中的每个成员都会是唯一的。但这里需要注意的是，唯一标准是===，这说明如果类型不同，就算值一样，他也会认为是两个成员哦。 那么我们就能通过他的这个特性，做一些操作了，比如去重啊。。。等。 我们先来看看，如何定义一个set结构。const numberSet = new Set(numberArray);...
2019-04-02 16:02:11
311
原创 js-数组-包含-1.1
今天发现了一个js的包含的函数。是我之前没好好学么，怎么感觉第一次见？ 在ES6中，有includes。这个单词应该不陌生。用法就更简单了<!DOCTYPE html><html><head> <title>包含</title></head><body> <input id...
2019-04-02 15:59:28
721
原创 html-radio-1.1
<input type="radio" name="sex" value="0" /><input type="radio" name="sex" value="1" /> 同组中的radio通过设置相同的name，控制单选。 如果要人为控制选中，可以人为给radio控件加checked属性 以下是取值的方法。
2019-03-13 17:03:21
296
原创 html-label-1.1
感谢程梦君童鞋，之前我只是知道用label是用于展示文字的。有时候用label也仅是用于给文字加样式，还没有发现，label的另外一个属性的妙用。 比如这个表单，我们想必须点击radio控件，才能选中。后来有人觉得麻烦，我们要点文字，也能控制控件选中，怎么办呢？我们可能会加js，控制，当我们点击文字，执行函数，在函数里选中radio。但如果我们发现label还有一个for属性...
2019-03-13 17:02:12
295
原创 关于意义的思考
我一直在想，为什么我们要活在这个世界上，我们的价值在哪，为什么千万年来那么多不同的物种短暂出现，然后又消失。既然如此，何必出现？这样像昙花一样，出现过后就消失，有什么意义呢？ 后来，看《默读》的时候看到一句话。“人烧成了灰，成分就跟磷灰石差不多，并没有什么值得敬畏的，为什么我们要把它当回事？为什么每年头尾都有个年节作为始终，为什么勾搭别人上床之前先得有个告白和压马路的过程？为什么...
2019-03-13 16:58:21
167
原创 css-阴影-1.2
文字阴影text-shadow: 0 0 0.25em blue, 0 0 0.65em blue; text-shadow：向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的...
2019-03-08 11:01:44
166
原创 css-边框-1.1
作为一个经常使用border的人。我经常使用的就是border: 1px solid #c5c5c5; //宽度 边框样式 颜色border: 1px dotted #c5c5c5; 虽然挺早就会写带尖角的框，可是我对border的边框范围真的没有思考过。今天突然发现我对border的理解不全面啊。因为我从来没分析过上下左右边框到底是怎样的。<!doctyp...
2019-03-08 10:20:29
157
原创 css-link disabled问题-1.1
今天查看一些源码的时候，发现了一个神奇的问题。什么问题呢？（就不告诉你，来打我啊ヾ(◍°∇°◍)ﾉﾞ）// var skinList = [{name:'default'},{name:'AA'}];for (var i = 0; i < skinList.length; i++) { document.write('<link rel="stylesheet"...
2019-03-08 09:56:27
348
原创 css-入门-1.2
<html><head> <style> *{ float:left; width: 200px; } .aa { background-color: red; } p { margin: 0; padding: 0; } p[name^="My"] { background-color...
2019-03-08 09:49:55
94
原创 H5-通信API-XMLHttpRequest-1.2
xhr = new XMLHttpRequest(); //创建对象xhr.open("POST", url, isAsync);//打开xhr.send(sendData); //发送数据xhr.abort(); //中止请求 获得返回的信息e.target.response;e.target.respons...
2019-01-17 11:52:24
208
原创 H5-脱机API-Application Cache-1.1
H5中新引入了应用程序缓存技术（Application Cache），不明所以，所以来看看。 一般，先创建一个文件，文件后缀名是.appcache，缓存清单文件如下CACHE MANIFEST# version 版本号CACHE:A.jsNETWORK:B.htmlC.cssFALLBACK:/ 404.html CACHE: 哪些文件需要被...
2019-01-17 11:48:20
223
原创 h5-localStorage sessionStorage-1.1
我从网上查到一些介绍： 一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。 目前所有的浏览器中都会把localStorage的值类型限定为string类型 在浏览器的隐私模式下面是不可读取的 localStorage本质上是对字符串的读取，如果存储内容多的话会消耗内存空间 【以上内容节选自https://www.c...
2019-01-17 11:46:25
123
原创 js-定时器-1.1
一、Timeout定时器设置function timeCound(){ }//执行函数var t=setTimeout("timeCound()",1000);停止clearTimeout(t); 二、Interval定时器设置function timeCound(){ }//执行函数var t=setInterval("clock()",1000);...
2019-01-17 11:44:17
202
原创 前端辅助-iframe 使用 xpath-1.1
iframe加载完成后,获得xmlDocument对象，可以直接使用this.contentWindow.document。然后调用函数$("iframe[id='baseIFrame']").on("load",function(){ getSpecialContent(this.contentWindow.document, "", function(){} );});如果...
2019-01-17 11:42:07
555
原创 js-客户端检测-1.1
能力检测!!(A && B) 作为确定下一步解决方案的依据。 怪癖检测 怪癖都是个别浏览器所独有，通常归为bug。建议仅检测有直接影响的怪癖。 用户代理检测 一般到不得已才用。优先级排在能力检测和怪癖检测之后 1、识别呈现引擎var ua = navigator.userAgent;if(windows.oper...
2019-01-17 11:38:37
178
原创 js-聚焦到输入框最后位置-1.1
今天同事问我怎么使得输入框通过focus函数后，焦点在最后面，而不是最前面。后来一查发现很简单。只要在focus函数后加入一行代码就好了(╥╯^╰╥)//tObj ：找到输入框元素//sPos : 输入框内容长度tObj.focus();tObj.setSelectionRange(sPos, sPos); 就是setSelectionRange，这个函数可以设置光标选中...
2019-01-17 11:36:02
2249
1
原创 js-继承-1.1
function MyClass(){}MyClass.prototype = { //原型};var obj = new MyClass(); 注意一个问题： 此时obj的原型,只包含此时MyClass指向的对象A，如果之后使用MyClass.prototype将原型改成其他内容B，则obj的原型仍然是A哦。(=^ ^=) 如果两个实例...
2019-01-17 10:21:20
83
原创 js-属性-1.1
数据属性 1.[[Configurable]]：默认true。表示能否通过delete删除属性从而重新定义属性，能否修改属性特性，或者能否把属性修改为访问器属性； 2.[[Enumerable]] ：默认true。表示能否通过for-in循环返回属性； 3.[[Writable]] ：默认true。表示能否修改属性的值。 4.[[Value]] ...
2019-01-17 10:19:44
119
原创 js-入门-1.1
1、引入<script src=""></script> 2、延迟引用脚本<script src="" defer="defer"></script> 包含的脚本将延迟到</html>后执行。 注意：多个延迟脚本不一定顺序执行，也不一定在DOMContentLoaded前
2019-01-17 10:15:08
106
原创 js-字符串->xmlDocument-1.1
DOMParser//将字符串转成XML Document 对象var domParser = new DOMParser();var xmlDocumentObj = domParser.parseFromString(data, 'text/html');//html字符串转换成对象var xmlDocumentObj = domParser.parseFromString(dat...
2019-01-17 10:12:32
469
原创 js-页面宽高-1.1
body滚动条的位置 document.documentElement.scrollTop网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeigh...
2019-01-17 10:10:20
281
原创 jQuery-显示隐藏-1.1
展示 隐藏$().show();$().hide();淡入 淡出/// speed: 毫秒 slow normal fast$().fadeIn(speed,callback);$().fadeOut(speed,callback);$().fadeToggle(speed,callback);$().fadeTo(speed,opacity,callback); //允...
2019-01-17 10:02:00
113
原创 js-异常-1.1
其实不管是js java c#等语言，他们的捕捉异常都是大同小异的。try...catch...finally。 但今天我在书上看到一个重点，感觉务必要来记一下。 只要代码中包含finally语句，那么无论try还是catch语句中的return语句都会被忽略。 这个真的很重要。万一哪天不小心写了return。然后一运行，发现没结束，那时候就懵了。。。 ...
2019-01-17 10:00:28
122
原创 js-闭包-1.1
来，大家看一个问题，大家看看这个代码的结果是多少function test() { var result = new Array(); for(var i = 0; i < 10; i++){ result[i] = function() { return i; } } return result;}va...
2019-01-16 14:17:34
90
原创 js-mixin 多继承-1.1
[Mixin 是一种JS实现多继承方式，它通过复制其他类原型链（prototype）上的方法到自身原型链（prototype）上，来实现多继承。][节选自https://www.cnblogs.com/zaohe/archive/2012/10/22/js.html] mixin存在两种形式，一种是类形式的，一种是函数形式的。 类形式的mixinvar baseC...
2019-01-16 14:15:32
170
原创 js-数组-重排序-1.2
反向array.reverse();//反向 上代码var array = [1,2,3,4];console.log(array);console.log(array.reverse());console.log(array); 我们可以看到控制台有3行数据，第一行是原始数组，第二行是我们使用函数后的结果，第三行是我们使用函数后的数组。从这个结果我们会注...
2019-01-16 14:09:49
281
原创 js-操作数组-1.1
根据现有数组创建新数组array.concat(/*数组 单个都行*/);//根据现有创建新的，也支持追加新内容获取部分内容array.slice();//包括开头不包括结束对现有数组操作array.splice(startIndex, count)//删除 开始位置，删除元素的个数delete array[startIndex]; //删除。注意：删除后数组...
2019-01-16 14:09:02
156
原创 js-遍历数组-1.1
Every 如果每项返回值都为true，则返回true///currentValue 必须。当前元素的值///index 可选。当前元素的索引值///arr 可选。当前元素属于的数组对象///thisValue 可选。用作 "this" 的值。array.every(function(currentValue,index,arr), thisValue)...
2019-01-16 11:57:44
153
原创 TCP/IP体系-1.1
应用层 (TFLNET,FTP,SMTP等) 传输层 (TCP,UDP等) 传输层协议，主要解决数据如何在网络中传输 UDP: 面向报文的服务。在传送数据前不用建立联系。不提供可靠支付。 TCP: 面向连接的服务。 网际层 (IP) 网络层向上只提供简单灵活的、无连接的、尽最大努力交付的数据报服务。-《计算机网络...
2019-01-16 11:54:36
165
原创 RESTful-1.1
REST指的是一组架构约束条件和原则。满足这些约束条件和原则的应用程序或设计就是RESTful。 那么在开始了解RESTful前，我们先看看REST是什么。REST(Representational State Transfer 表现状态传输) URL定位资源，用HTTP动词（GET,POST,DELETE,DETC）描述操作。 通俗来讲就是：资源在网络中...
2019-01-16 11:53:41
110
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人