随笔分类 - js
摘要：因为工作需要引用pdf插件，于是找到了vue-pdf，具体用法并不难，我先贴上代码： 先引入组件 import pdf from 'vue-pdf' 布局如下： <pdf :src="pdfSrc" :page="pageNum" @progress="loadedRatio = $event" @
阅读全文
摘要：因为工作需要写一个二维数组的每个元素的交集，于是便有了：let arr = [ [1, 2, 3, 4, 5,'aa'], [2, 3, 4, 5, 6, 7, 88,'aa'], [3, 4, 5, 6, 7, 7,'aa','bbb'], [3, 4, 5, 6, 7, 7,'aa'], [3,
阅读全文
摘要：call和apply的相同点是：1、都可以调用函数；2、都可以改变this的指向 function add(c, d) { return this.a + this.b + c + d; } var strObj = { a: 1, b: 2}; console.log(add.apply(strO
阅读全文
摘要：关于formdata提交pdf的文件，在此记录一下！ 以上标红的地方是容易犯错的地方，这些的方是不可以少的，写此博客，提示自己，也帮助一下有需要的朋友
阅读全文
摘要：一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]
阅读全文
摘要：在项目实践中可能会遇到一些特殊字符的转义问题，那么这个时候就需要js编码解码函数来解决这些情况了： 特殊字符的含义 URL编码 他们之间的区别为： escape/unescape： 以16进制编码字符串，对空格、符号等字符用%xx编码表示，对中文等字符用%uxxxx编码表示。自javascript1
阅读全文
摘要：这两天用到了thymeleaf 这个模板，我们前端人员开发的过程中，引用的资源都为静态的资源，显然是不符合动态页面的需求的。所以服务端的同事说要加一个工程名，毕竟动态引入的项目必须要使其路径正确才能出效果，所以，我查了网上的一些做法，有很多回答，但是对于我这种菜鸟，真心还是不太明白，但是实际用到了，
阅读全文
摘要：公司项目目前用到了webuploader插件，目前就写一下我所遇到的下问题，其实用法也很简单，下面贴出我的代码 因为只是一个上传文件插件，而我们用到的也就是上传图片的功能，它的唯一缺点就是没有回显服务端穿过来的图片，导致每次关闭页面之后再次进来，上次上传的图片就不存在，所以我写了一个回显的代码。这里
阅读全文
摘要：目前CodeMirror在线代码编辑器在运用还蛮广泛的，支持100多种语言，高度可定制。支持语言有C、C++、C#、Java、Perl、HTML、CSS、PHP、JavaScript、Python、Lua、Go、Groovy、Ruby等。以及diff、LaTeX、SQL、wiki、Markdown等
阅读全文
摘要：关于图片是比较特殊，最近公司在做一个项目遇到一个问题便是图片高度总是为0。最后研究了一下，主要原因是：图片是在DOM结构渲染完成以后调用的，这时候网页中一些资源还没有加载，比如图片等资源，但是DOM结构已经渲染成功了 。 因为项目中经常用的是jquery，所以，解决图片高度的时候就要在window.
阅读全文
摘要：目前移动端页面出现的地方越来越多，而这个时候页面样式也需要有不同的调整，那么如何判断页面是移动或是pc呢，说到这里，首先来了解一下Navigator 对象。Navigator 对象包含有关浏览器的信息，下面的userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值
阅读全文
摘要：代码中引用jQuery很常见，若是还引用的有$定义的js文件，那么就可能会导致$的冲突，而写一个却不知道引用的是那个js文件，或者说会导致效果不出来，那么解决$冲突的办法就是释放jQuery的$控制权，代码如下： 这样写过之后就会解决这个问题，当然引用的两个js文件并不分先后顺序都是如此。遇到这个问
阅读全文
摘要：表格都很常见，一般都是用table来写的，今天我就写一个dl和dd布局的表格，并往表格里添加内容，同时点击删除按钮也可以删掉表格内容。来看代码： 这个案例主要用到的就是on绑定事件，以及appendTo事件。on绑定事件经常会用到，可以委托绑定（写选择器就是委托事件），否则就是自己绑定注册事件。
阅读全文
摘要：jquary对象和DOM对象的联系： DOM对象：DOM对象就是js对象，用 js的方法获取到的元素 jquary对象：用jquary的方法获取到的元素。 jquary对象实际就是一个拥有多个DOM对象组成的伪数组。 DOM对象和jquary对象的区别和联系： 1、DOM对象不能调用jquary对象
阅读全文
摘要：数组中concat()方法：将创建并返回一个新数组，这个数组是将所有参数都添加到array中生成的。它并不修改array。 如果要进行concat()操作的参数是一个数组，那么添加的是数组中的元素，而不是数组。 数组中join(“”)方法：是将把每个数组元素转换成一个字符串，然后把这些字符串连接起来
阅读全文
摘要：js中随机数的形成需要的用到Math.random()，上一篇博客中提到了它，指的是0~1之间数，那么今天要说的其实是随机整数的形成，所以还要用到Math.round()的方法，这个是四舍五入的方法。 接下来看一系列公式代码： 我觉得这些是常见的一些会应用到的公式，了解其原理的更好，若是不了解那便记
阅读全文
摘要：今天来说一下数组中比较强大的排序方法sort。 sort()将在原数组上对数组元素进行排序，即排序时不创建新的数组副本。 如果调用方法sort()时没有使用参数，将按字母顺序(更为精确地说，是按照字符编码的顺序)对数组中的元素进行排序。要实现这一点，首先应把数组的元素都转换成字符串(如果有必要的话)
阅读全文
摘要：今天来说一下splice方法，当然也属于数组中的方法。关于splice方法，先说一下它的定义：splice()将删除从start开始(包括start所指的元素在内)的零个或多个元素，并且用参数列表中声明的一个或多个值来替换那些被删除的元素。位于插入或删除的元素之后的数组元素都会被移动，以保持它们与数
阅读全文
摘要：今天来说下数组，项目中经常会用到数组，但是它的这几个方法还是很有规律的，也是可能会用到的！ 1、push()；是添加到array尾部的值，可以是一个或多个。返回的是把指定的值添加到数组后的新长度。 2、unshift()；是要入数组头部的一个或多个值。返回的是数组的新长度 3、pop()；将删除ar
阅读全文
摘要：关于for-in格式如下： for-in可以遍历json的操作：for-in就是挨个找到json对象里面的属性名称，属性值； for-in也可以遍历数组： 对于数组来说的for循环格式不能遍历json，而for-in即可以遍历json也可以遍历数组！ 有几点提醒一下大家： 注意一：for in循环不
阅读全文
