随笔分类 - javascript
js的用法，js的底层原理
摘要：//查找数组中的val 的下标 Array.prototype.indexOf = function(val) { for (var i = 0; i -1) { this.splice(index, 1); } }; //调用 ['4','5','6'].remove('5');//['4','6']
阅读全文
摘要：var doc = window.document var docEl = doc.documentElement var tid function refreshRem () { var width = docEl.getBoundingClientRect().width if (width >
阅读全文
摘要：window.touchMove=function(){ // 用于纪录触摸开始时的坐标 var startX=0,startY=0, //创建一个变量，用于保存触摸方向 touchDirection=""; //创建一个对象，用于保存滑动事件 var funcs = {}; if(arguments.length>=2&&argument...
阅读全文
摘要：补充： 模拟mvvm的双向数据绑定 http://hcysun.me/2016/04/28/JavaScript%E5%AE%9E%E7%8E%B0MVVM%E4%B9%8B%E6%88%91%E5%B0%B1%E6%98%AF%E6%83%B3%E7%9B%91%E6%B5%8B%E4%B8%80
阅读全文
摘要：这里图片上传的思路：获得上传后的img,将file的img 转成base64 ,作为前端预览，也可以将base64的字符串，传到后端，由后端生成图片，在传到后端前，可以将其base64的字符串压缩一下，这里的采取的一个方法就是用canvas的重新绘制图片，然后在canvas里就会有 新的base64
阅读全文
摘要：select的选中事件 ： $(document).on("change","#select",function () { console.log($('#select option:selected').val()) }) 补充： 常见的js 操作 代码： http://caibaojian.co
阅读全文
摘要：实际开发中，验证码的验证，现在各大网站都是必须的，什么手机验证码验证，邮箱验证等。今天遇到一个例子，特地记录一下。 模拟HTML结构，实际要复杂的多。 HTML结构很简单，就是两个按钮，有不同的id，如下： 为了简化dom操作，我们引入jQuery，js 代码如下: 这里对函数稍稍的封装了一下，因为
阅读全文
摘要：开发中经常会遇见这样的问题，一段文字或者一段标题过长了，就让超出长度的部分益...替换。具体怎么做的呢？直接上代码： 最重要的熟悉就是上述代码高亮的部分，text-overflow 还有其他的属性，参考这里：http://www.w3school.com.cn/cssref/pr_text-over
阅读全文
摘要：现在工作中我用到获取数据的方式，基本都是ajax。前台获取后端的数据后，需要进行处理，然后把他们放进页面中的相应标签里。下面举一个简单的例子，来模拟数据的获取和摆放。 这里用ng框架获取数据然后处理，和用原生js的方式将数据放进页面中。项目结构： （这里请求数据的时候J就是一个跨域的问题，我们需要将
阅读全文
摘要：应该要学js的设计模式了，小编不才，尚未领悟其中奥妙，因此拿别人的博客来学习，这是人家的笔记，以学习之。 一：理解工厂模式 工厂模式类似于现实生活中的工厂可以产生大量相似的商品，去做同样的事情，实现同样的效果;这时候需要使用工厂模式。 简单的工厂模式可以理解为解决多个相似的问题;这也是她的优点;比如
阅读全文
摘要：于地铁上看了一篇帖子，关于setTimeout的面试题，觉得见得多，记录，以学习之。 我们都知道，这样的一个例子： 结果不用说，直接输出为0,1,2,3,4； 这个可能不熟悉的人不怎么会知道，这个setTimout在for里面是异步执行的，在延迟输出的时候，i的值已经是5了，因此会输出 5,5,5,
阅读全文
摘要：上班，没有功夫看书，只有做项目学习。做了一个小项目，对一排元素，每个元素基本都是一样的属性，只有内容不一样。现在需求就是，点击每个元素，需要把对应的元素放大，铺满全屏。就像这样： 每一个点击小黑色心形时候之后，就像这样： 很多人都会做这个效果，只要会一点js就可以完成。 这个效果真的很简单，只要用j
阅读全文
摘要：给自己关于原型的学习分了一个大类，主要跟踪学习js的原型。--来自《JavaScript面向对象编程指南》的笔记，这本书难度适中，适合我们这种js基础不牢的人学习。 原型这块有两个属性：prototype 和 _proto_，容易别混淆，看了前面的基础，决定从这里开始整理我的学习笔记。 先上上代码理
阅读全文
摘要：后端数据来了，前端如果用什么组件或者插件的时候，有时候需要对传过来的数据进行处理。比如，传过来的数据是这样的 {“a”:2,"b":3,"c":4,"d":5}; 但是我们需要的这样的形式，[{"a":2},{"b":3},{"c":4},{"d":5}](echart的数据接口就是这样的结构 )，
阅读全文
摘要：每日一句English（start from today）： In the previous section we just displayed a list of string entered statically in the Python code.（源于odoo的开发文档）。 翻译：在上一节
阅读全文
摘要：这里推荐一本设计模式的javascript书. 《JavaScript设计模式与开发实践》。作者是腾讯大牛曾探。 我每天都会在里面抽出我受到的理解，作为我的读书笔记。今天就昨天讲的this里面涉及到的call和apply进行书中的讲解。 Function.prototype.call 和 Funct
阅读全文
摘要：js 中的this是比较难理解的。这里将介绍this的具体用法。主要是下面的四种方法： 1.作为对象的方法； 2.作为普通函数中； 3.作为构造函数调用； 4.作为Function.prototype.call或者Function.prototype.apply调用； 一、作为对象的方法使用，thi
阅读全文
浙公网安备 33010602011771号