随笔分类 - js基础
摘要：最近在做amis低代码平台时，发现图片上传组件，在使用剪切crop功能时，生成的文件格式不同，导致后台接口接收不到相应的图片数据。 经查资料，发现剪切后的文件被生成了blob数据，而原来没有crop时生成的是file文件，这是当后台接口不接收blob数据时，需要在拦截器中将blob转换为file文件
阅读全文
摘要：身份证号码验证规则 输入身份证号码： 提交 代码如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta
阅读全文
摘要：限制 input 输入框只能输入纯数字 1、onkeyup = "value=value.replace(/[^\d]/g,'')" 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2、onchange = "value=value.repl
阅读全文
摘要：参考：https://tool.oschina.net/commons?type=5 状态码含义 100 客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户
阅读全文
摘要：一、关闭当前页面，打开新的页面 （1）方法一：利用超链接 超链接<a href="http://www.cnblogs.com/liumengdie/" title="我的博客" >Welcome</a> （2）方法二：利用js来跳转页面——（在同当前窗口中打开窗口） window.location
阅读全文
摘要：var genSessionId = function(length){ var str = genSessionId.characters; if ( !"0"[0] ) { //fix IE67 str = str.split(""); } for(var i=0,id="",len = str
阅读全文
摘要：cookie是一个存储在客户端的字符串属性,可以用它对当前网页的cookie进行读,写,增.删等操作;javascript能够用document对象的cookie属性对cookie进行操作; js-cookie是一个简单的，轻量级的处理cookies的js API。 1、安装，引入 npm inst
阅读全文
摘要：元字符 有个常用的元字符 . 它是匹配除换行符(\n, \r)以外的任意字符， 如果在限制长度的任意字符使用时，如果敲回车就会出现匹配失败，会误导用户以为输入超出长度限制；这时可以使用别的代替 点(.)符号在匹配任意字符时还是有局限性，具体规则不详，暂且可用[\s\S]代之，同理[\d\D]或[\w
阅读全文
摘要：在做项目中，遇到使用接口提交文件上传，但是ui库提供的upload只是一个组件，那么就需要从这个组件中获取上传的文件，然后使用FormData构造函数，将其转换为formdata格式的数据，可以是用接口提交文件上传了。 const formDataBinary = new FormData(); f
阅读全文
摘要：最近开发项目遇到一个坑，接口请求的数据和浏览器返回数据不一致，后来发现是数字过大导致的精度丢失 java中的最大值的范围要比js中的大，所以可能导致精度丢失的问题 并且导致浏览器开发工具中的preview和response不一致，response里面是源数据，而preview的数据是经过处理的，导致
阅读全文
摘要：window.callback = function(result) { console.log(result); }; var JSONP = document.createElement('script'); JSONP.type = 'text/javascript'; JSONP.src =
阅读全文
摘要：1、数据表格 数据表格是在 layui 2.0 的版本中全新推出，基本配置文档中都有提出，基本注意配置项如下图，个人在使用中总结一下需要注意的几点： 1）数据来源 数据使用来源有两个，一个直接使用data配置项；而是使用url配置项表格封装的接口请求功能，注意使用url时，根据请求方式有两种情况，如
阅读全文
摘要：今天研究一下H5中history操作的相关知识，首先梳理一下基本内容： 一、在history中的跳转 使用 back(), forward()和 go() 方法来完成在用户历史记录中向后和向前的跳转。 可以通过查看长度属性的值来确定的历史堆栈中页面的数量: 二、添加和修改历史记录中的条目，即对his
阅读全文
摘要：1、addClass:为指定的dom元素添加样式。 2、removeClass:删除指定dom元素的样式。 3、toggleClass:如果存在(不存在)，就删除(添加)一个样式。 4、hasClass:判断样式是否存在。
阅读全文
摘要：问题1、前端调用接口确实必须的参数，报错情况 由于前端调接口，确实必须的字段，则走不到后台的逻辑处理，可以报出各种错误，比如在跨域请求时，就算后台处理跨域了，但是由于必须字段确实没有执行，这时前端也会报跨域的问题 问题2、苹果ios7上弹窗中的光标错位 产生原因，在弹层时 用了 position:
阅读全文
摘要：1、普通的for循环，或用include （效率比较低） 或用includes 2、Array.filter() + indexOf 通过判断下标（效率比较低） 3、双重 for 循环 （效率也比较低） 4、Array.sort() 效率稍高些 5、ES6中的 new Set() 效率比较高 6、f
阅读全文
摘要：1. .indexOf(element) / .lastIndexOf(element) 这两个方法用于查找数组内指定元素位置，查找到第一个后返回其索引，没有查找到返回-1，indexOf从头至尾搜索，lastIndexOf反向搜索 var a = [1,2,3,6,2,7,4] console.l
阅读全文
摘要：1.1 介绍 在编写HTML页面时，需要用到"<"、">"、"空格"等符号，直接输入这些符号时，会错误的把它们与标记混在一起，非常不利于编码。 那么就需要把这些字符进行转义，以另一种方式抒写，以相同的形式展现。 在HTML中，这些字符可称为HTML Entity，即HTML 字符实体。一个HTML
阅读全文
摘要：一款多功能的移动端滚动选择器，支持单选到多选、支持多级级联、提供自定义回调函数、提供update函数二次渲染、重定位函数、兼容pc端拖拽等等.. 特性 原生js移动端选择控件，不依赖任何库 可传入普通数组或者json数组 可根据传入的参数长度，自动渲染出对应的列数，支持单项到多项选择 自动识别是否级
阅读全文
摘要：做项目中发现localstorage在不同的域名下是不能相互访问的，于是找到了以下这篇文章，对localStorage做一个深入的了解 HTML API localstorage在浏览器的API有两个：localStorage和sessionStorage，存在于window对象中：localSto
阅读全文
