_北北

摘要： 最近看了一道面试题，引起了我的兴趣，发现这道题涉及到很多数学知识，于是恶补了一下高中数学，汗，花了一些时间编写了这个动画。百度面试题动画模拟源码Demo整理，来自北北。题目有一根27厘米的细木杆，在第3厘米、7厘米、11厘米、17厘米、23厘米这五个位置上各有一只蚂蚁。木杆很细，不能同时通过一只蚂蚁... 阅读全文

摘要： 最近正在整理书写常用的Javascript函数库，此函数库近期会持续更新JSFunction这里可以找到你经常想要使用的js函数,我正在努力完善它希望它对你有所帮助相信代码是优雅的舞者。--北北开始征程下载引用方法关注更新Cookiesetgetremove源码Browserbrowserversionmobile源码DatedateformataddMsecondsaddSecondsaddMinutesaddHoursaddDaysaddWeeksaddMonthsaddYearsgetWeekgetAgeisLeapYeardaysInMonthdiffDate源码NextBack to 阅读全文

摘要： AJAX是时下最流行的一种WEB端开发技术，而你真正了解它的一些特性吗？--IT北北报XMLHTTPRequest(XHR)是目前最常用的技术，它允许异步接收和发送数据，所有的主流浏览器都对它有不错的支持，你可以在请求中添加任何头信息或者携带参数，同时也可以读取服务器返回的所有头信息及响应文本。这些正是AJAX产生的基础。·使用XHR时候，我们到底是应该使用POST还是GET方式呢？如果你需要在POST和GET间做出选择的时候，对于那些不会改变服务器状态，只会获取数据（幂等行为）的请求，我强烈建议你使用GET方式，因为经GET请求的数据会被缓存起来，如果多次请求同一数据的话，将会命中 阅读全文

摘要： 1.用局部变量替换多次使用的对象比如我们在一段代码内，多次使用document、window这样的对象，我们可以用局部变量替换他们。var d = document,w = window;原理：访问直接量和局部变量的速度快，相反，访问数组元素和对象成员相对较慢。2.减少重绘与重排重排：当页面布局和几何属性改变时候，需要重排，在重排后浏览器会重新绘制受到影响的部分到屏幕中，这个过程成为重绘。以下操作会引发重排·添加删除可见的DOM元素；·元素位置、尺寸改变；·文本变更；·页面渲染器初始化；·浏览器窗口尺寸改变。而改变背景、文字颜色只会触发重绘。我 阅读全文

摘要： N年前我的导师说，“写代码真的需要天赋。”那我们就从一段代码开始。命题：取两个数中较大的一个function GetMax(a,b){var result=0;if(a>b){result=a;}else{result=b;}return result;}看完这段代码，我就想起了学生时代的老师在课堂上讲课的样子，教科书般的标准，毕业后怎么看这代码怎么难受，于是就产生了第二段代码。function GetMax(a,b){if(a>b)return a;return b;}这个看上去貌似舒服多了，但是我觉得它还长怎么办？人类的智慧总是被逼出来的，总会想出办法，于是产生了第三段代码。f 阅读全文

摘要： 众所周知，javascript脚本是阻塞加载，那脚本书写的位置要是不是一定要放到页面底部？有没有别的方法提高性能呢？From:IT-北北报[itbbb.com]脚本放到底部是为了让整个页面先行渲染完毕，再加载执行脚本，是广为人知的网站优化方式。但是万事没有绝对，在实际项目中，我们通常遇到的情况并不可控，比如，我们引用了一些第三方插件，而这些插件依赖于jquery，我们就必须让jquery这个脚本在这些插件之前加载，否则可能出现一些未知的问题。当然，如果你能控制你网站的所有脚本，我们可以尝试使用异步加载的方法做出更棒的优化，对于页面上所有隐藏元素用到的脚本，我们可以按需加载，如果用户需要使用该部 阅读全文

摘要： 欢迎来到前端攻城记。今天我们来看一下绘制图片。demo在此！HTML5中引入新的元素canvas，其drawImage 方法允许在 canvas 中插入其他图像( img 和 canvas 元素) 。drawImage函数有三种函数原型：语法：drawImage(image, dx, dy)drawImage(image, dx, dy, dw, dh)drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)*第一个参数image可以用HTMLImageElement，HTMLCanvasElement或者HTMLVideoElement作为参数。*dx 阅读全文

摘要： 让大家久等了，我们的渐变课程终于上演了，谢谢关注。http://qdgcs.co.cc依照惯例，先看Demo如果您学习过之前的Css属性有关渐变的两讲，你会觉得很亲切的，因为在html5里他们的名称是一样的。我们一起来看代码注释讲解线性渐变语法createLinearGradient(xStart,yStart,xEnd,yEnd);渐变起点横坐标：xStart，纵坐标：yStart；渐变终点横坐标：xEnd，纵坐标：yEnd；来给渐变加入至少2个的Stop点吧addColorStop(offset,color)offset为0到1的浮点值，来定义渐变偏移量color可支持16进制、rgb、r 阅读全文

摘要： 好了，让各位久等了，我们来看一下如何通过Javascript绘制矩形，圆形，线这三种简单图形吧。先来看一下Dome演示首先我们来学习几个通用方法设置绘图fillStyle:[value];填充颜色，这个值可以是颜色的值，可以是16进制值，也可以是rgb或rgba色彩；strokeStyle:[value];线（边框）颜色，取值同上；lineWidth:[value];线宽度，是一个数值；fillRect:矩形填充方法；strokeRect:矩形画线方法。我们就用这些属性绘制一个新的矩形吧。[javascript]//得到画布上下文，上节已讲，在此不多说function draw() {canv 阅读全文