web前端
文章平均质量分 61
微枫1993
从事web前端开发,菜鸟一枚。
展开
-
CSS3:nth-child(n)与nth-child(2n+1)中n的区别。
索引为0,为父元素ul的第一个元素。 索引为1,为父元素ul的第二个元素。 索引为2,为父元素ul的第三个元素。 索引为3,为父元素ul的第四个元素。 索引为4,为父元素ul的第五个元素。 索引为5,为父元素ul的第六个元素。 索引为6,为父元素ul的第七个元素。 索引为7,为父元素ul的第八个元素。 索引为8,为父元素ul的第九个元素。 索引原创 2015-07-26 16:47:42 · 12352 阅读 · 0 评论 -
ajax传参给php,php连接服务器数据库并返回数据过程详解
首先,需要搭建个php与sql数据库运行环境,笔者用的是wampserver,将下述代码置于www的根目录中即可,需要自己链接个jquery库,详细的搭建过程见网址:http://www.360doc.com/content/13/1113/09/426480_328813961.shtml主要需要注意phpAdmin中的数据库的权限以及数据表的建立。然后HTML端利用jquery对aja原创 2015-09-03 13:25:19 · 12098 阅读 · 0 评论 -
backbone官方Todo示例分解学习
配合浏览器调试学习效果更佳,ps:嫌弃复制黏贴的,移步至点击打开链接下载。1.js部分(todos.js)$(function () { /** * 执行顺序为 * AppView 获取了id为"todo-list"的ul * ->然后是TodoView创建了一个tagName li元素,并将#item-template作为需要编译的模板插入这原创 2016-03-11 23:29:08 · 907 阅读 · 0 评论 -
"||",或运算,取对才止,"&&"与运算,取错即止
function _test_1() { console.log("_test_1"); return true;}function _test_2() { console.log("_test_2"); return false;}function _test_3() { console.log("_test_3"); return tru原创 2016-10-27 15:04:41 · 340 阅读 · 0 评论 -
js笔记--js数据类型与内存分配(杂记)
ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是那些保存在栈内存中的简单数据段,即这种值完全保存在内存中的一个位置。而引用类型值是指那些保存堆内存中的对象,意思是变量中保存的实际上只是一个指针,这个指针指向内存中的另一个位置,该位置保存对象。5种基本数据类型:Undefined、Null、Boolean、 Number和String。这5种原创 2016-10-27 18:25:05 · 813 阅读 · 0 评论 -
匿名自执行函数中,若存在多个执行函数,则只执行最末一个函数
例如:("use strict", function x() { console.log("heiheihei");}, function y() { console.log("hahaha");}, function z() { console.log("hohoho");})();//输出为hohoho,并且其中的是否有"use strict",不影响原创 2016-10-28 10:43:56 · 506 阅读 · 0 评论 -
一行代码完成js对象数组的深拷贝
1、对于普通数组(数组元素为数字或者字符串),深拷贝很简单,拷贝之后两个数组指针指向的存储地址不同,从而完成深拷贝var _test = [1,2,3];//原数组var _testCopy = [].concat(_test);//拷贝数组_testCopy[0]=4;console.log(_test);// [1,2,3]console.log(_testCopy);//原创 2016-11-16 11:19:40 · 10480 阅读 · 1 评论 -
html5 canvas拓展clearRect()实现圆形区域清理
canvas提供的clearRect(x, y, width, height)方法只能清理出特定位置的矩形区域,以下代码则能实现对圆形区域的清理,主要是利用计算圆周率时的方法,将整个圆切成一个一个细小的正方形,然后再通过clearRect(x, y, width, height)方法将一个一个细小的正方形区域清理。 canvas{ border:1px solid b原创 2015-09-19 10:44:50 · 14584 阅读 · 3 评论 -
js按位操作符 & | ^ ~
按位操作符(操作对象被转变为32位二进制位):&:按位与,两个操作数相应的比特位都为1时,结果才为1,否则为0比如:3 & 2 => 00110010--------0010 => 2结果为: 2再比如:18 & 7 => 1 00100 0111---------0 0010 => 2结果为: 2原创 2017-07-31 16:49:58 · 546 阅读 · 0 评论 -
千分位格式化金额
百度了一圈,发现都不靠谱,算了,自己写一个吧(还是不要太懒),像我一样懒的直接拿去用吧:function formatAmount(amount) { amount = amount.toString(10).split('.'); let _int = amount[0].split(''), _decimals = amount[1], _num = '';原创 2017-08-23 18:37:29 · 2004 阅读 · 0 评论 -
超超超超超大数字相乘计算
function multiply(a, b) { a = a.split('').reverse() b = b.split('').reverse() let _tenMark = 0, _sumArr = [], _conArr = [], _sum = [] for (let i = 0, j = b.length; i < j; i++) { if (i &...原创 2018-02-09 11:49:49 · 2635 阅读 · 0 评论 -
二次贝塞尔曲线起终点、控制点(Q、T)的理解与实现
有图有真相请结合图理解:const _path = new Path('M0 0 Q5 20, 10 20 T15 35, Q17.5 50, 20 50 T25 25, Q27.5 0, 30 0 T35 0, Q37.5 0, 40 0 T45 15, Q47.5 30, 50 30 T55 20, Q57.5 10, 60 10 T65 5, Q67.5 0, 70 0').close();...原创 2018-03-06 16:34:55 · 9247 阅读 · 0 评论 -
Array.push()方法传递的是引用
Array.push(parameter)方法传递的是引用,也就是Array[i]上更改属性会反应在parameter,对parameter的更改也会反应在Array[i]上。原创 2016-03-09 00:08:49 · 1851 阅读 · 0 评论 -
js数组的sort排序详解
sort()对数组排序,不开辟新的内存,对原有数组元素进行调换1、简单数组简单排序 var arrSimple=new Array(1,8,7,6); arrSimple.sort(); document.writeln(arrSimple.join());2、简单数组自定义排序 var arrSimple2=new Array(1,8,7转载 2016-03-08 23:55:12 · 463 阅读 · 0 评论 -
自定义标签属性数据通过json对象解析得到所需数据方法
json数据解析方法JSON.parse()以及自定义标签属性数据的定义以及获取原创 2015-08-07 18:45:17 · 1663 阅读 · 1 评论 -
窗口缩放导致页面排版错乱的解决方法
简单的说就是设置body的宽度,那么如何动态的获取浏览器减去侧边滚动条之后的宽度,原理就是通过创建一个带有滚动条的div(也就是overflow:scroll),利用offsetWidth-clientWidth得到滚动条的宽度,再利用window.screen.availWidth减去滚动条的宽度即可得到浏览器除了滚动条以外的宽度,body再设置该宽度,即可解决缩放排版错乱的问题,代原创 2015-08-22 21:34:24 · 43390 阅读 · 7 评论 -
jquery库与prototype库冲突的解决方法
解决jquery库与prototype库共存时的冲突问题原创 2015-08-10 15:29:08 · 441 阅读 · 0 评论 -
select的option属性value以及text值的获取操作
select的option属性value以及text值的获取操作,通过原生javascript跟jquery分别进行操作原创 2015-07-31 15:16:05 · 3283 阅读 · 0 评论 -
js面向过程与面向对象编程示例(使用jquery库)
js面向对象与面向过程编程的示例,拿常见的鼠标移动移出操作,显示与隐藏div作为示例。原创 2015-08-02 22:30:01 · 2816 阅读 · 0 评论 -
jquery多个参数以及参数个数不一样的回调函数(使用hash对象)
$.Callbacks();回调函数传参传入不同个数的参数的解决方法,使用hash对象原创 2015-08-04 16:18:58 · 1938 阅读 · 0 评论 -
获取鼠标移动位置
鼠标移动实时显示坐标原创 2015-09-07 09:47:57 · 889 阅读 · 0 评论 -
JS中获取元素位置以及宽高的各种属性整理
clientWidth: width+pad左+pad右-滚动条宽度clientHeight: height+pad上+pad下-滚动条高度clientLeft: 值即为div的border-left设置的值clientTop: 值即为div的border-top设置的值offsetWidth: width+pad左+pad右+border左+border右of原创 2015-09-07 11:08:26 · 720 阅读 · 0 评论 -
relative absolute float 定位总结
1)relative:脱离文档流,但保留占位符,其偏移位置是相对于本身在正常文档流中时的位置图解: 正常位置: 设置relative属性后的位置:注释:脱离文档流是说设置了relative属性之后,元素不在z-index:0;的正常文档流中,其z-index的值>0,但保留占位符,就是在正常文档流中位置保留着,后继元素不能占位,然后相对于本身正常位置的左原创 2015-09-19 11:29:14 · 556 阅读 · 0 评论 -
for循环中变量i始终为length值的分析与解决
for循环中变量i始终为length值的典型案例分析与解决原创 2016-03-08 23:39:23 · 2668 阅读 · 0 评论 -
正则验证密码复杂度
要求:必须包含大写字母,小写字母,数字,特殊字符四种中的三种,长度要求8到30位export function validatePassword(password) { // 大写字母 小写字母 数字 特殊字符,四种包括三种,长度8~30 return /^(?![a-zA-Z]+$)(?![A-Z0-9]+$)(?![A-Z\W_]+$)(?![a-z0-9]+$)(?![a-z\...原创 2018-11-14 16:18:54 · 5288 阅读 · 0 评论