![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 59
palmer_kyle
做到方能得到!
展开
-
es6数组方法图解
最近接触了一些 web前端开发人员,发现还是很多人不适用es6 提供的语义化api。下面分享下看到的图解 es6 数组方法。很形象的es6数组方法解释:原创 2021-09-29 09:24:11 · 2277 阅读 · 0 评论 -
由于请求头 content-type为application/json导致请求出错
preface最近在写 react 项目, 然后调用后台接口的时候总是报错, 我本以为是后台接口的问题后来后台说 请求体 不能为 null然后就简单做了总结请求头 content-type 为下面两种格式application/json在该种格式情况下, 请求体不能为 null , 应是一个 json 字符串, 如果没有数据就加一个 {} 吧因为最近一直在开发小程序, 应该是底层做了处理, 所以 同样的情况,没有报错,导致出现问题,一时间没有反应过来application/www-from-原创 2020-06-29 13:44:13 · 5726 阅读 · 0 评论 -
点击返回按钮只能返回某一个 明确的页面(主要是处理 ios 中 web的)
非 ios 下面的一般代码如下pc 端或者 android webview没有问题, 但是 ios 有问题history.pushState(null, null, document.URL);window.onpopstate = function () { window.location.href = './A.html';}需要做的就是将如下 listenerBackHan...原创 2018-11-02 09:49:18 · 784 阅读 · 0 评论 -
dom 元素加载
DOM 加载 小结比较下 window.onload 和 jQuery(document).ready(function(){})winodw.onload指的是页面上所有的 dom 元素加载完成 然后执行的事件,包括 img,iframe,link(一般指stylesheets)的外部资源加载完成 不支持事件累加:后面的onload事件会覆盖前面的// script1.jswindow.o原创 2017-11-24 15:31:00 · 647 阅读 · 0 评论 -
阻止移动端 弹层 touchmove 底层的 html overflow 的元素也跟随移动
AphorismAll I ever wanted was a single thing worth fighting for.阻止移动端 弹层 touchmove 底层的 html overflow 的元素也跟随移动两种方案:直接阻止 元素touchmove 默认行为在弹层出现的时候, html overflow:hidden;(这个是在弹层元素需要 overflow:auto时候使用)<!原创 2017-11-10 11:36:50 · 1669 阅读 · 0 评论 -
页面发生跳转但是url 不发生变化
iframe test页面发生了跳转和变化,但是url并未发生变化公司的后台管理系统,页面发生了跳转,刷新按钮也有变化,但是url地址却未曾发生变化,为什么呢?实现方式: 使用 iframe , 比如: 在 default.html 中 iframe src 到 index.html 文件,在index.html 随便发生跳转, url 地址还是会保持: 协议名 + ip[端口号] + pathna原创 2017-10-31 08:43:34 · 18197 阅读 · 3 评论 -
arrow function 的不同
preface今天在推上看了一篇关于 arrow function 和 regular 函数的对比总结了 下 arrow 函数中 不同如下1. this 指向问题2. this arguments 使用3. return 语句4. 在类中的使用原创 2020-06-29 10:33:48 · 191 阅读 · 0 评论 -
如何通过 js 打开一个新的浏览器窗口
AphorismGrow In Errors!前言最近 肾七 电池不耐用了, 想想 左腹就隐隐作痛, 咳咳 ,回归正题, 我就联系了下 apple 客服,准备换个 电池,2018年 12.31 前 更换苹果电池是有优惠政策的。 在打开 聊天室的时候, 突然 发现 浏览器重新打开了 窗口; 又回想到了 之前公司的 登陆 表单也是 在一个小窗口中打开输入登陆信息的。 嗯, 强迫症来了主要api...原创 2018-12-04 10:02:18 · 32977 阅读 · 1 评论 -
Javascript 隐式转换 和 toString + valueOf
AphorismGrow in errors一、 js 数据类型原始值类型 primitive type(基本/简单): String, Number, Boolean, undefined, null引用类型: Array, Function, Object补充: 基本包装类型:String, Number, Boolean,二、Object.prototype.valueOf...原创 2018-11-26 19:50:36 · 1049 阅读 · 0 评论 -
vue 项目报错 There are multiple modules with names that only differ in casing.
错误原因一般原因就是路径名 的大小写没有统一,因为 windows 下 路径不区分大小写, 但是 其他系统 可能就区分了,那么就会报错了。错误现象There are multiple modules with names that only differ in casing.This can lead to unexpected behavior when compiling on a f...原创 2019-01-14 20:06:50 · 2410 阅读 · 0 评论 -
微信 history.back 时候的 缓存问题处理, 最近搞得我很头疼
最近在写微信的项目, 遇到一个很坑爹的问题, 为了更好的用户体验,我希望在项目中点击返回按键的时候能返回到 某一个指定的页面返回某些页面的时候页面不缓存jsp 页面缓存src 请求缓存ajax 请求缓存主要操作的 api 有:popstate,pushstate , history.back()pageshow, pagehide经过测试, 在 pc 端(模拟器)...原创 2018-11-05 19:21:08 · 2449 阅读 · 0 评论 -
js 原生方法 -- 模拟浏览器的 点击事件
js 原生方法 – 模拟浏览器的 点击事件1. 创建自定事件并监听可看看 MDN 的 Evnet, CustomEvent 对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2018-10-29 11:00:18 · 23969 阅读 · 1 评论 -
es7 的 await, async function
es7 的 await, async function简单概念await:The await operator is used to wait for a Promise. It can only be used inside an async function.async:The async function declaration defines an asynchronous fu...原创 2018-09-30 17:59:34 · 3539 阅读 · 0 评论 -
js作用域和 上下文(context)
看了别人的 blog ,写的很清晰作用域和上下文(context)的理解转载 2018-06-26 13:49:57 · 401 阅读 · 0 评论 -
js实现一个表单输入验证,重复字符验证
logon password check加班到现在, 还是得发个 csdn本文主要通过一个案例介绍两个东西正则表达式中 必须含有某类字符的时候对应的 正则写法(在我之前的正则文章中已经写过了)重复字符以及连续字符的判断方式正则来表示验证的字符串中必须含有某类字符重复字符以及连续字符的检测我们要求 password 中不能含有 类似于: 'abc' 'bca' '1...原创 2018-06-07 20:56:40 · 3260 阅读 · 0 评论 -
区分 HTMLElement的两个表单事件 input 和 change 事件
AphorismGrow In Errors!input事件The DOM input event is fired synchronously when the value of an , , or element is changed. For input elements with type=checkbox or type=radio, the input event should...原创 2018-11-28 09:38:51 · 1257 阅读 · 0 评论 -
Vue 方法中this指向 引起的祸端
可忽略最近在写 vue 项目, 使用 总监封装 好的框架,遇到一个问题: vue 实例 methods 中的 方法在传递后,通过 函数名() 方式调用后, 其内部 this 竟然没有指向 window。当时就不服了,各种 debugger , 无果。早上打开电脑后, 灵光一闪, 难道用了 bind 函数?咳咳。。。 一口老痰,终于通了。本post 主要介绍vue 的 methods ...原创 2018-12-19 11:08:39 · 2210 阅读 · 0 评论 -
input框取消密码提示失效
问题在 chrome 下 我的 表单新增总是 会提示 保存密码 或者 自动补全处理方法如下1. 添加 autocomplete 属性感觉改方法总是不生效<form autocomplete="off"> <input autocomplete="off"/></form>2. 我的解决方法input text autocomplete = ...原创 2019-02-27 16:28:30 · 1909 阅读 · 0 评论 -
window onresize事件注意一下效率问题
最近好久没有发帖了,今天在写 vue 项目的时候, echarts 图标需要随着 窗口变化适配,在使用 onresize 的时候,延时器代码不会写了,这里再记录下代码如下 mounted() { // 添加 echarts 窗口变化 事件 // side-menu 变化 ,直接通知吧(这个影响不大,有需要再添加吧) window.addEventLis...原创 2019-02-27 09:37:40 · 5345 阅读 · 1 评论 -
vue-cli 3.0 使用 npm 报错
问题: vue-cli 3.0 使用 npm 报错最近 vue 项目打算 使用 vue-cli 3.0 生成模板, 全部默认 配置,生成模板后, 使用了 npm 安装依赖后,项目不能正常运行。看npm install 后的执行 代码 好像在 不停的删除依赖。最终结果: 项目不能正常的运行。尝试过 yarn 安装, 确实是没有问题的。考虑到 很多队友 会使用 npm 管理工具,所以使用了下面...原创 2019-05-05 09:57:40 · 777 阅读 · 0 评论 -
javascript的函数中this指向判断
前言最近在写 React 项目, 然后补习了下 es6 的 class 。发现 实例方法被赋值后 this 指向 undefined, 这里对 this 指向作一次总结。一、通过 函数的 调用方式 来判断 this 指向1. 函数名();通过 函数名(); 方式调用函数, 则该函数中的 this 指向 global/windowfunction fn() { console.log(...原创 2019-09-23 19:39:16 · 270 阅读 · 0 评论 -
jQuery.ajax Provisional headers are shown问题
前言Provisional headers are shown ==> 显示临时标题今天后台 说有个 ajax 请求, 不能实现, 我本来以为是前台方法有误, 后来确认前台方法没问题, 我又怀疑后台方法有误。 然后通过 postman 请求后台 ,确认后台没有问题。灵异事件 啊!!!正好外卖来了,吃了个面, relax 下, 面吃完了,网上查询了下问题。原因是 ajax 请求 放...原创 2019-09-26 19:44:05 · 831 阅读 · 0 评论 -
js数组循环的一种算法
数组循环的一种算法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组循环算法</title> <link rel="stylesheet" href="./bootsrap.3.3.7.css"> <style> .btn-group {原创 2017-10-23 10:17:15 · 321 阅读 · 0 评论 -
eaysui 两颗 combotree 同时 加载相同的数据对象 出现问题
两颗 combotree 同时 加载相同的数据对象 出现问题问题:两颗 combotree 先使用 combotree() 初始化以后,再使用 loadData 同时加载同一对象数据后,前面的那颗树不能够选中 节点解决方法:方法1:使用 声明式加载数据$('#tt').combotree({ data: treeData});$('#dd').combot...原创 2018-05-30 18:17:06 · 521 阅读 · 1 评论 -
js 验证日期的有效性,合法性(并非格式)
js 验证日期的有效性,合法性(并非格式)function IsDate(str) { arr = str.split("-"); if (arr.length == 3) { intYear = parseInt(arr[0], 10); intMonth = parseInt(a...转载 2018-05-24 18:42:27 · 4312 阅读 · 3 评论 -
数组轮回简洁写法
数组轮回 简洁写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-04-09 16:15:22 · 221 阅读 · 0 评论 -
js 单例模式
js 单例模式顾名思义: 只能生成一个 实例对象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia原创 2018-04-09 16:12:44 · 135 阅读 · 0 评论 -
js 圣杯模式
js 圣杯模式圣杯模式存在的意义?用来继承已有原型对象(A.prototype)中的成员(主要是公用方法),同时根据自己的需求修改原型对象(A.prototype)以定制符合我们要求的构造函数B,这个修改对已有的实例(a1,a2,…)不会产生影响普通继承来共享变量var Person = function () {};Person.prototype.sayHell...原创 2018-03-26 14:52:48 · 5773 阅读 · 4 评论 -
combotree 只能选中叶子节点
combotree 只能选中叶子节点一、 Aphorism人之所恶在好为人师,慎言之。二、summary应该分为两种情况:1. 第一种情况(单选): multiple == false$('#tt').combotree({ nultiple: false, onBeforeSelect: function (node) { ...原创 2018-03-13 17:17:59 · 1672 阅读 · 0 评论 -
巧用匿名函数(抄写)
巧用匿名函数案例一: 配置文件中的 解构 和 数据分离 (方便维护代码)var config = { html: `<label><input type="checkbox" name="apple"/>Apple</label> <label><input type="checkbox" name="apple"/>Apple</label> <label>转载 2017-11-02 09:26:59 · 236 阅读 · 0 评论 -
es6解构赋值
Aphorismcoding changes the world , accumulating makes yourself主要从三个方面讲述:数组式的解构赋值对象式的解构赋值函数中的解构赋值 // preface // 现今的变量声明语法十分的直接:左边是一个变量名,右边可以是一个数组:[]的表达式或一个对象:{ } 的表达式,等等。解构赋值允许我们将右边的表达式看起来也原创 2017-11-07 09:46:37 · 1348 阅读 · 0 评论 -
chrome 下一段代码的理解
记一次 代码理解//Depending on the browser, the console shows a live link to the object. If you don't expand the object within the console until after the line that adds the .age property runs then when you do原创 2017-09-28 14:38:51 · 196 阅读 · 0 评论 -
javascript的比较运算符
比较运算符的隐士转换这里只比较 字符串和 数字 对象的比较没有意义,一般返回的是false"234" < "78"// true234 < 78// false"234" < 78// false总结: 只有当 comparison operator 两端的操作数的类型不一致的时候,一般就是字符串和 数字类型的时候,才会发生隐式转换,优先转换成 数字字符串的比较是 字符串中的从第原创 2017-09-28 09:13:24 · 337 阅读 · 0 评论 -
javascript 的 this 指向问题
函数中 的this 指向问题 我们这来讨论的是 es6 之前的 ECMAscript 讨论这个问题首先要明确一点,函数中的 this 指向跟函数的调用有关系,所以 this 指向 只看函数是如何调用的就ok了(不用管函数是如何声明的) 函数的四种调用模式函数调用模式 函数中的 this 指向 全局对象 window(在浏览器环境中)Syntax:函数名 + 小括号func原创 2017-09-19 15:40:15 · 313 阅读 · 0 评论 -
最近学习的新的js数组去重方法
js 数组去重记得js 数组去重3种方法: for 循环两次 使用 Array.prototype.indexOf[注意这个方法是 es5 的,兼容性] 使用 对象的键具有唯一性的这一特性,其实在python中的 sets key 也是具有唯一性的 // 使用第三种方法实现的兼容性处理,感觉这个方法不错哦 Array.prototype.unique = functio原创 2017-09-14 16:59:47 · 202 阅读 · 0 评论 -
js 标签字符串中的转义字符使用
js 标签字符串中的转义字符使用本文主要内容铺垫个人对字符串使用习惯在 es6 以前, js 中字符串使用单引号 , 比如: str = '<a href="javascript:;">clickMe</a>'html 中属性值使用双引号js 怎么处理 零开头的数值类型首先会 判断是否为 8进制类型数值,如果各进制位上没有大于8 的数字,则当做...原创 2018-04-10 13:30:52 · 4549 阅读 · 0 评论 -
npm 查看安装了哪些包的相关指令
npm 查看安装了哪些包指令1: npm list --depth=0 –depth 表示深度,我们使用的模块会有依赖,深度为零的时候,不会显示依赖模块这个指令可以用来 显示 出我们的项目中安装了哪些模块,其实就是 package.json 文件中 的 dependencies 和 devDependencies 的和PS C:\Users\by\Desktop\jsPa...原创 2018-03-28 10:34:56 · 61304 阅读 · 1 评论 -
textarea 光标位置相关
textarea_cursor_postion 兼容 i8 通过 本案例的对于文本域的处理以后就可以 扩展使用了功能: 本文主要的内容是介绍了 在文本域中 光标的位置获取,被选中文本的位置获取(start && end), 以及在光标位置插入文本 或者 将选中的文本替换掉的功能一般的操作步骤获取插入位置设置插入位置插入(替换)文本案例 u...转载 2018-05-24 13:45:07 · 1068 阅读 · 0 评论 -
Javascript 正则05- 正则表达式的拆分
正则表达式正则表达式是匹配模式,要么匹配字符,要么匹配位置正则表达式的拆分从读和写角度来校验对一个门语言的掌握程度。如何能正确地将一大串正则拆分成 一块一块的,成为了破解 ‘天书’的关键主要内容结构和操作符注意要点案例分析1. 结构和操作符编程语言一般都会有操作符。只要有操作符就会产生一个问题,当一大堆操作符在一起的时候,先操作谁,后操作谁? 为...转载 2018-05-07 09:56:17 · 1917 阅读 · 0 评论 -
easyui combotree 数据加载 和设置默认值问题
easyui combotree 数据加载 和设置默认值问题combotree 设置默认值方法1: 在声明树的时候$('#tt').combotree({ textField: 'text', valueField: 'id', value: 111,}方法2: setValue方法 使用此种方法需要注意的是 一定要在 combot...原创 2018-05-18 11:03:54 · 15841 阅读 · 0 评论