JavaScript
沙子揉碎在眼睛里
你必须狠努力,才能看起来毫不费力
展开
-
vue之axios使用
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF安装npm安装$...转载 2019-12-02 14:45:42 · 144 阅读 · 0 评论 -
Access to XMLHttpRequest at 'http://localhost:8080/api/login' from origin 'http://localhost:8080'
解决方案:1.在被请求的php文件中加入请求头部header('Access-Control-Allow-Origin: *');<?php header('Access-Control-Allow-Origin: *'); $arr = [ array('id'=>1,'title'=>'one') ]; echo json_encod...原创 2019-12-02 10:30:51 · 44415 阅读 · 3 评论 -
前端下载txt文件不换行
在windows下换行 ‘\r\n’在 linux系统下 换行 ‘\n’在mac系统下 换行 ‘\r’所以在txt用记事本打开时候,如果后台返回数据是需要添加换行符号(\r\n)的,但在已添加换行符,在编辑器中打开也能自动换行的情况下,在记事本中不换行,这种情况就跟电脑的系统有关系了,建议用win10的记事本打开...原创 2019-11-27 17:06:02 · 1085 阅读 · 0 评论 -
No Access-Control-Allow-Origin header is present on the requested resource
关于跨域问题解决方案:1、后台添加设置:response.setHeader("Access-Control-Allow-Origin", "*");2、nginx代理配置项加上允许跨域: add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Credentials 'true'; ...原创 2019-11-27 16:58:38 · 1188 阅读 · 0 评论 -
echarts中option的title
echarts中option的title参数配置如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title></head><body&a转载 2018-07-09 15:39:45 · 2924 阅读 · 0 评论 -
JavaScript Array.some()方法用法
定义和用法:some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。注意: some() 不会对空数组进行检测。注意: some() 不会改变原始数组。语法:array.some(function(currentValue,i...原创 2018-07-09 11:19:39 · 30219 阅读 · 1 评论 -
js 获取字符串最后一个字符
1、charAt()str.charAt(str.length-1)2、substr()str.substr(str.length-1,1)3、split()var str = str.split("")var targetStr = str[str.length-1]原创 2018-06-15 15:59:08 · 69016 阅读 · 3 评论 -
JavaScript 的 this 原理
一、问题的由来学懂 JavaScript 语言,一个标志就是理解下面两种写法,可能有不一样的结果。var obj = { foo: function () {}};var foo = obj.foo;// 写法一obj.foo()// 写法二foo()上面代码中,虽然obj.foo和foo指向同一个函数,但是执行结果可能不一样。请看下面的例子。var obj = { fo...转载 2018-06-22 16:30:06 · 116 阅读 · 0 评论 -
微信小程序生成海报及源代码
微信小程序生成海报的代码如下:promisify文件:module.exports = { promisify: api => { return (options, ...params) => { return new Promise((resolve, reject) => { const extras = { ...原创 2018-06-21 16:07:58 · 13205 阅读 · 2 评论 -
null和undefined的区别
大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null。这是为什么?undefined vs. null一、相似性在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。var a ...转载 2018-05-31 15:10:20 · 172 阅读 · 0 评论 -
vuejs中使用echart图表
首先安装echartnpm i echarts -S加下来以使用这个图表为例:在vue组件中像这样使用:<template> <div :class="className" :id="id" :style="{height:height,width:width}" ref="myEchart"> </div></templ转载 2018-06-29 14:21:41 · 959 阅读 · 0 评论 -
keyup实时监听到移动端input框输入
keyup可以实时监听到移动端input框输入,用onchange和onpropertychange都不行原创 2018-06-27 16:20:23 · 2023 阅读 · 0 评论 -
JS 字符串Unicode编码的十进制与十六进制互转
具体函数如下: //转成十六进制的Unicode function strToHex(str){ var val=""; for(var i = 0; i < str.length; i++){ if(val == "") val = "\\u" +Number(str.charCo...转载 2019-03-20 17:04:13 · 4128 阅读 · 1 评论 -
url编码与解码
js中 urlencode编码 encodeURIComponent('编码的具体内容') 解码 decodeURIComponent('解码码的具体内容')原理:对URL的组成部分进行个别编码,而不用于对整个URL进行编码...转载 2019-04-29 10:12:30 · 220 阅读 · 0 评论 -
文件和二进制数据的操作
来自《JavaScript 标准参考教程(alpha)》,by 阮一峰目录Blob对象 FileList对象 File API FileReader API 综合实例:显示用户选取的本地图片 URL对象 参考链接重要说明:本教程已经搬迁,此处不再维护,请访问新网址:wangdoc.com/javascript。历史上,JavaScript无法处理二进制数据。如果一定...转载 2019-04-29 14:30:45 · 656 阅读 · 0 评论 -
JavaScript 判断一个值的类型的方法
JavaScript 有三种方法,可以确定一个值到底是什么类型。typeof instanceof Object.prototype.toString原创 2019-04-30 16:31:33 · 349 阅读 · 2 评论 -
array.sort()方法及原理
sort()方法在适当的位置对数组进行排序,并且返回数组。对于sort()方法,W3school给的定义是arrayObject.sort(sortby)说明如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。如果想按照其他标准进行排序,就需...转载 2019-09-29 11:32:53 · 44751 阅读 · 5 评论 -
关于一些数字校验的正则表达式
正整数:/^[1-9]\d*$/大于等于0的数字,最多保留两位小数: /^(0|[1-9]\d*)(\s|$|\.\d{1,2}\b)/大于0的数字,最多保留两位小数:/(^[1-9](\d+)?(\.\d{1,2})?$)|(^\d\.\d{1,2}$)/...原创 2019-09-29 14:24:51 · 369 阅读 · 0 评论 -
js 生成linux的cron表达式
linux的crontab任务配置基本格式:* * * * * command分钟(0-59) 小时(0-23) 日期(1-31) 月份(1-12) 星期(0-6,0代表星期天) 命令解析成cron表达式: // 循环条件转成cron表达式 dateChangeCron (dates) { let m = '' let h = '' ...原创 2018-06-21 16:38:32 · 3043 阅读 · 3 评论 -
Navigator 对象
Navigator 对象:Navigator包含有关浏览器的信息虽然这个对象的名称显而易见的是 Netscape 的 Navigator 浏览器,但其他实现了 JavaScript 的浏览器也支持这个对象。Navigator 对象的实例是唯一的,可以用 Window 对象的 navigator 属性来引用它Navigator 对象集合:plugins[]:返回对文档中所有嵌入式对象的引用。该集合是...原创 2018-06-06 11:30:14 · 305 阅读 · 0 评论 -
JavaScript 日期格式与cron表达式的互相转换
需求:将日期格式转成cron表达式传给后台,回显时候将cron表达式反解析成日期格式首先,了解一些cron表达式:(可参考https://www.jianshu.com/p/e9ce1a7e1ed1对cron表达式的详解)举例说明"0 15 10 * * ? *" 每天上午10:15触发"0 15 10 * * ? 2005" 2005年的每天上午10:15触发"0 0/5 14,18 * * ?...原创 2018-03-23 15:22:10 · 14351 阅读 · 3 评论 -
用 Sencha Cmd 生成第一个 Ext JS 应用
打开命令行窗口键入以下命令:1sencha generate app --ext MyApp ./myapp运行上面的命令将会创建名为 MyApp 的 Ext JS 应用,应用所有的文件都放在当前目录下名为 myapp 的文件夹。注意,上面的命令生成的 Ext JS 应用代码,包含两个工具包:classic 和 modern。因为你不明确指定需要用那个工具包的时候,默认创建的就是通用的应用。如果你...转载 2018-04-08 15:37:00 · 306 阅读 · 0 评论 -
js 递归函数
定义:如果一个函数在内部调用自身本身,这个函数就是递归函数。举例说明:1.求n的阶乘(n! = 1 x 2 x 3 x ... x n)function Factorial (n) { if(n==1){ return 1; } return n * Factorial(n-1); }console.log(Factorial(5)) ===> Factorial(5)===> 5...原创 2018-05-09 11:24:02 · 597 阅读 · 0 评论 -
ES6 字符串扩展一些常用的方法
1、字符串的遍历 for...of for (let code of 'foo') { console.log(code) // 'f' 'o' 'o' }2、at() : 返回字符串给定位置的字符 ES5提供了charAt()的方法: 'abc'.charAt(0) // 'a' ES6是at()方法 :'abc'.at(0) /...原创 2018-05-10 11:39:27 · 253 阅读 · 0 评论 -
ES6 Math 对象的扩展
1、Math.trunc() : 用于去除一个数的小数部分,返回整数部分。 Math.trunc(1.2) // 1 Math.trunc(false) // 0 Math.trunc(null) // 0 Math.trunc方法内部使用Number方法先转为数值 Math.trunc(NaN) // NaN 如果是无法截取的返回NaN ,比如:字符串‘...原创 2018-05-10 16:50:55 · 172 阅读 · 0 评论 -
JavaScript中的基本类型和引用类型
基本数据类型:按值访问,可操作保存在变量中的实际的值。基本类型值指的是简单的数据段。基本数据类型有这五种:Undefined、Null、String、Number、Boolean。引用类型:当复制保存着对象的某个变量时,操作的是对象的引用,但在为对象添加属性时,操作的是实际的对象。引用类型值指那些可能为多个值构成的对象。引用类型有这几种:object、Array、RegExp、Date、Funct...转载 2018-04-26 15:13:26 · 141 阅读 · 0 评论 -
Cron表达式的语法及详细用法
cron在线解析工具:http://cron.qqe2.com/Cron表达式的格式{秒数} {分钟} {小时} {日期} {月份} {星期} {年份(可为空)}字段允许值允许的特殊字符秒0-59, - * /分0-59, - * /小时0-23, - * /日期1-31, - * ? / L W C月份1-12 或者 JAN-DEC, - * /星期1-7 或者 SUN-SAT, - * ? /...转载 2018-04-26 16:04:08 · 8957 阅读 · 1 评论 -
js 的数据类型
js中有7种数据类型,可以分为两类:原始类型、对象类型:基础类型(原始值):Undefined、 Null、 String、 Number、 Boolean、 Symbol (es6新出的,本文不讨论这种类型)复杂类型(对象值):object...原创 2018-05-17 15:56:51 · 103 阅读 · 0 评论 -
javaScript 的Ajax请求
1.创建请求对象: var req=new XMLHttpRequest();2.设置亲请求参数:req.open("get",url,true);//true代表异步,url为请求地址3.设置回调函数:req.onreadystatechange=function(){ if(req.readyState==4){ alert(req.responseText); ...原创 2018-05-04 16:39:40 · 157 阅读 · 0 评论 -
js Math对象的一些方法
1.Math.PI 圆周率 3.141592657(常量,无法被赋值)2、Math.sqrt(n) 开n平方3.Math.ceil(Math.PI)---4 向上取整4.Math.floor(Math.PI)---3 向下取整5.Math.round(n) 四舍五入6.Math.min(a,b,c) 取小 Math.max(a,b,c) ...原创 2018-05-08 10:53:47 · 157 阅读 · 0 评论 -
ES6 数组的扩展
扩展运算符Array.from()Array.of()数组实例的 copyWithin()数组实例的 find() 和 findIndex()数组实例的 fill()数组实例的 entries(),keys() 和 values()数组实例的 includes()数组的空位1.扩展运算符含义扩展运算符(spread)是三个点(...)。它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数...转载 2018-05-15 15:22:16 · 226 阅读 · 0 评论 -
ES6 Promise 对象
Promise 对象 Promise 的含义基本用法Promise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise.resolve()Promise.reject()应用Promise.try()Promise 的含义Promise 是异步编...转载 2018-05-22 16:53:08 · 150 阅读 · 0 评论 -
window 对象的属性及方法
window对象的属性closed:返回窗口是否已被关闭defaultStatus : 设置或返回窗口状态栏中的默认文本innerHeight : 返回窗口的文档显示区的高度innerWidth: 返回窗口的文档显示区的宽度length: 设置或返回窗口中的框架数量name: 设置或返回窗口的名称opener:返回对创建此窗口的窗口的引用outerHeight: 返回窗口的外部高度outerWid...原创 2018-06-05 16:11:26 · 1399 阅读 · 0 评论 -
location对象
Location 对象Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。Location 对象属性属性描述hash设置或返回从井号 (#) 开始的 URL(锚)。host设置或返回主机名和当前 URL 的端口号。hostname设置或返回当前 URL 的主机名。href设置或返回完整的 U...转载 2018-06-05 16:48:58 · 108 阅读 · 0 评论 -
History对象
History对象描述:History 对象包含用户(在浏览器窗口中)访问过的 URL。History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() ...原创 2018-06-06 10:20:20 · 630 阅读 · 0 评论 -
Screen对象
Screen 对象Screen 对象包含有关客户端显示屏幕的信息。注释:没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象。Screen 对象属性属性描述availHeight返回显示屏幕的高度 (除 Windows 任务栏之外)。availWidth返回显示屏幕的宽度 (除 Windows 任务栏之外)。bufferDepth设置或返回调色板的比特深度。colorDepth返回...转载 2018-06-06 11:00:06 · 201 阅读 · 0 评论 -
document对象
document对象:代表整个HTML 文档,可用来访问页面中的所有元素。(1)对象属性 document.title 文档标题,等价于HTML的<title>标签 document.bgColor 页面背景色 document.fgColor 前景色(文本颜色) document.linkColor ...转载 2018-06-06 11:13:48 · 328 阅读 · 0 评论 -
正则
一、校验数字的表达式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]{1,2})?$ 7 带1-2位小数的正数或负数转载 2018-01-17 16:23:23 · 199 阅读 · 0 评论