- 博客(36)
- 收藏
- 关注
RSS订阅原创 safari cookie报错问题
safari cookie不支持中文，需要转码解码encodeURIComponent()//转码decodeURIComponent()//解码
2019-06-13 13:12:13
668
原创 html5加载公共头部底部
jQuery：$("header").load("html文件路径",function(){ 加载完成后的回调});再就是vue或者其他框架的方法或者属性
2019-02-15 18:45:02
1236
原创 关于array中的map，filter，some，every，forEach方法
forEach()方法，从头至尾遍历数组，为每个元素调用指定的函数。 1 2 3 4 5 6 7 8 9 var a = [1,2,3,4,5]; var sum = 0; a.forEach(function (v...
2018-07-30 10:30:16
471
转载 jQuery超时设置
var ajaxTimeoutTest = $.ajax({ url:'', //请求的URL timeout : 1000, //超时时间设置，单位毫秒 type : 'get', //请求方式，get或post data :{}, //请求所传参数，json格式 dataType:'json',//返回的数据格式 success:function(data){ //请求成功的...
2018-06-21 11:01:49
1885
原创 jQuery一键全选与取消，只需要一键
$(function(){ $(".checkedall").click(function(){//全选/全不选按钮 var bool = false;//设置值来控制 $("input[name=goods]").each(function(){//遍历checkbox if (!$(this).prop("checked")) {//如果有一个没选中就返...
2018-06-06 22:32:53
677
转载 css滚动条
CSS--滚动条设置；CSS滚动条实现步骤及美化小技巧1、overflow-y : 设置当对象的内容超过其指定高度时如何管理内容；overflow-x : 设置当对象的内容超过其指定宽度时如何管理内容。参数:visible：扩大面积以显示所有内容auto：仅当内容超出限定值时添加滚动条hidden：总是隐藏滚动条scroll：总是显示滚动条2、height : 设置滚动条的高度（修改其后数值即可）...
2018-06-04 14:25:21
1035
转载 jQuery带logo的网页二维码生成
jquery生成带logo的二维码非常非常简单主要引用utf.js/jquery.qrcode.jsjquery.qrcode.js是下载之后修改过的，如果大家想要可以去我的网盘下载链接地址：https://pan.baidu.com/s/1VuqVvN6hdRnCEOMxT-kyPQ因为是jquery所以大家不要忘了引用jquery.min.js，放在第一行因为代码简短，我直接把贴出来<d...
2018-06-02 21:12:19
584
转载 http status状态码，readyState状态码
readyState状态码0：请求未初始化1：服务器已建立连接2：请求已接收3：请求处理中4：请求已完成，且响应已就绪作为一个互联网开发人员对于一些服务器返回的HTTP状态的意思都必须是了如指掌的，只有将这些状态码一一弄清楚，工作中遇到的各种问题才能够处理的得心应手。好了，下面就让我们来了解一下比较常见的HTTP状态码吧！2开头 （请求成功）表示成功处理了请求的状态代码。200 （成功） 服...
2018-06-01 14:09:28
3299
转载 jquery 中的$().each和$.each()的区别
在jquery中，遍历对象和数组，经常会用到$().each和$.each()，两个方法。$().each 在dom处理上面用的较多。如果页面有多个input标签类型为checkbox，对于这时用$().each来处理多个checkbook，例如：$(“input[name=’ch’]”).each(function(i){if($(this).attr(‘checked’)==true){...
2018-06-01 12:11:31
516
原创 手机端touch事件
前提：touchstart,touchmove,touchend这三个事件可以通过原生和jq绑定。原生：document.querySelector("#aa").addEventListener('touchmove', function(){...});jq： $(".aa").on("touchmove",function (e) {...};1.获取当前touch位置 $('#webch...
2018-05-29 15:43:25
660
原创 javascript array map方法和 jQuery的map方法
JavaScript：声明一个 arr = [1,2,3] 的数组arr.map(function(i){return i+1})map中的参数为有返回值的(return)function,i为arr的每一项，i+1表示每一项加1运行上述代码结果为：[2,3,4] 每一项加1jQuery：$.map(arr|obj,function(){})$.map([1,2,3],function(i){r...
2018-05-11 17:33:19
621
原创 jquery的事件委托
<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6&am
2018-05-09 10:02:51
162
转载 CSS3 修改和去除移动端点击事件出现的背景框
移动端开发的一个很大的好处就是可以不管讨厌的IE浏览器的兼容性，只需要页面在火狐等一些高级浏览器中正常显示就行。最近在写一些移动端的页面，刚好在今天遇到了这么一个神奇的css特性。那就是tap-highlight-color这个特效是实现在移动端点击某个地方的时候，比如说按钮或者超链接的时候，系统会默认加上一些灰色的背景和一些高亮的效果。但是有的时候我们并不想要这些效果。并且希望点击的时候实现神不...
2018-05-08 10:53:43
911
原创 简单却又不简单的form表单提交（简单的验证下）match(),test()正则表达式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://code.jquery.com/jquery-3.2.1.min.js">&
2018-05-04 18:16:20
462
原创 jquery和JavaScript的转换，size(),each(),index()，data()
js对象和jQuery对象的方法不能共用。js对象--->jquery对象$(js的dom对象)jquery对象--->js对象$('jquery选择器')[index].js的dom方法,$('jquery选择器').get(index).js的dom方法注：outHtml是js返回本身标签的方法size()和length属性的用处一样滴each()和index()看下面的demo&...
2018-05-04 17:27:37
243
原创 css文字排列方式
1.direction: rtl/ltr；2. writing-mode：lr-tbIE7+浏览器支持。初始值。内容从左往右(left-right)，从上往下(top-bottom)水平流动，以及下一行水平元素在上一行元素的下面，所有符号都是直立定位。大部分的书写系统都是使用这种布局。rl-tbIE7+浏览器支持。内容从右往左(right-left，从上往下(top-bottom)水平流动，以及下...
2018-05-04 15:24:05
4896
原创 css怎么清除浮动流(父级元素包裹浮动元素),单/多行行省略号，多行
浮动元素父级::after{ contains:""; display:block; clean:both;}元素{ white-space: normal; overflow: hidden; text-overflow: ellipsis;}元素{ height: 40px; line-height: 20px; overflow: hid...
2018-05-02 18:42:53
2887
原创 数组项的删除
1.js中的splice方法数组名.splice(index,删除的个数,替换值/可不填)2.delete;delete arr[index] delete删除掉数组中的元素后，会把该下标出的值置为undefined,数组的长度不会变...
2018-04-27 11:34:55
227
原创 原生JavaScript的Ajax请求操作（跨域及其他部分日后补充）
1，调用纯文本文档先创建一个点txt文件（名字随意），里面随便写点字就行。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Ajax_txt</title> </head> <body>
2018-04-25 18:57:58
218
原创 多个div不换行
<div class="v_content"> <ul type="none"> <li><img src="../img/tupian.jpg" alt="泉新一"/><h3>《寄生兽》</h3&
2018-04-21 10:33:15
1777
原创 js时间线
1.常见document对象，开始解析web页面---document。readyState = "loading"。2.遇到link外部css，创建线程加载，并继续解析文档。3.遇到script外部js，并且没有设置async，defer，浏览器加载，并阻塞页面加载，等待加载完并执行该脚本，然后再继续解析文档。4.遇到script外部js，并且没有设置async，defer，浏览器创建线程加载，...
2018-04-17 09:46:37
807
原创 窗口,元素位置，伪元素大小
鼠标位置：pageX/Y滚动条的位置：window.pageX/YOffsetie9以下：document.body/documentElement.scrollLeft/scrollTopie9以下的两种方法是相互冲突的视口大小：window.innerWidth/innerHeightie9以下：document.documentElement.clientWidth/clientHeight...
2018-04-17 09:17:25
684
原创 事件委托，事件冒泡，禁止冒泡和默认事件
<ul> <li>1</li> <li>11</li> <li>111</li> <li>1111</li> <li>11111</li> <
2018-04-16 11:17:14
642
原创 解决绑定事件的兼容性问题
function addEvent(elem,type,handle){//节点，事件类型，函数 if(elem.addEventListener){ elem.addEventListener(type,handle,false); }else if(elem.attachEvent){//IE elem.attachEvent('on'+type,function(){ ha...
2018-04-16 10:30:33
490
原创 立即执行函数，闭包
立即执行函数：执行一次立即销毁形式一：(function(形参a,形参b){}(实参a,实参b))形式二：(function(形参a,形参b){})(实参a,实参b)；只要是表达式就能被执行，执行符号“（）”；闭包：当内部函数被保存到外部时，就会生成闭包，闭包会导致原有作用域链不释放，造成内存泄露。内存泄露：指内存占用过大，导致可用内存变小。作用：实现公有变量，做缓存，实现封装属性私有化，模块化开...
2018-04-13 11:00:29
228
原创 js函数作用域
函数是一种特殊的对象，他有".name"属性例：function hh(){}hh.name;//"hh"还有一个[[scope]]属性，但是这个属性只供JavaScript引擎访问，它就是作用域，它储存的运行期上下文的集合，这个集合成链式链接，就叫做作用域链。function a(){ function b(){ function c(){ } c(); } b...
2018-04-13 10:41:15
320
原创 css水平垂直居中
方法一：设置行高与div高度一致，并设置文本居中（仅限文本）<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{
2018-04-12 16:01:40
110
原创 js预编译
js执行的三部：语法分析 -----> 预编译 -----> 解释执行（解释一行执行一行，js单线程（解释性）语言）注释：js是从上到下，从左到右的执行，同一个代码块中一遇到错误就马上停止，后面的语句将不会执行。但是不会影响其他代码块的执行。js的执行过程：js在执行时，先会全部扫描一遍但不执行，判断基础的语法错误，预编译，然后解释执行，检查逻辑错误。预编译：函数声明整体提升，（变量，...
2018-04-10 19:36:50
150
原创 如何用html5加css写出一个实心三角形和空心三角行
原理：css中的border属性的特殊性。实心三角形：html5:<!--div--><div id="mydiv"></div>css:#mydiv{ height: 0px; width: 0px; z-index: 1;/*这个与后面的空心三角形有关*/ border-left: 50px solid transparent; border-r...
2018-04-10 16:52:28
3175
1
原创 关于 “与” && 和 “或” || 在js开发中的实际应用
&&：与，全真才为真，一假则为假 | |：或，一真则为真，全假才为假但是这两个逻辑操作符绝对不是用来if()语句判断这么简单，如下例：&&：短路语句。基础应用：var a = 1 && 0;//a = 0;第一个为真则直接返回第二个，因为第一个为真。var b = 0 && 1//b = 0;第一个为假则直接返回第一个，不看...
2018-04-04 19:39:36
400
原创 如何做自定义日历插件，传数据可自定义打点
自己没事做的日历控件，日历：点击打开链接,点击”xxxx年xx月“部分打开对话框，可调整日期，日期显示2100年为止，可修改我的js来达到你想要的效果。...
2018-03-30 19:44:05
714
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人