随笔分类 - 3js|es5|es6
js的基础语法，更新思想等等
摘要：概念和区别 1.操作数组的方法中，分为变异方法和非变异方法。 2.其中，变异方法意味着会改变原数组，而非变异方法则只会返回一个新数组。 函数总结 1.变异方法（7个） push() //数组尾部追加一个元素 pop() //数组尾部弹出一个元素 shift() //数组头部弹出一个元素 unshif
阅读全文
摘要：在控制台查看promise对象 在Promise之前，js的异步编程都是采用回调函数和事件的方式。但是这种编程方式在处理复杂业务的情况下，很容易出现callback hell(回调地狱)，使得代码很难被理解和维护。Promise就是改善这种情形的异步编程的解决方案，它由社区最早提出和实现，es6将其
阅读全文
摘要：一.JS中所有数组的方法，包含ES5和ES6 二.在控制台查看所有的数组方法 1.简单输出console.log([]),点击控制台结果查看 2.精准输出，所有属性，会组合成一个数组。 在控制台输入 Object.getOwnPropertyNames(Array)，这些都是静态方法。 在控制台输入
阅读全文
摘要：深拷贝和浅拷贝的区别 场景：假设B复制了A。 1.浅拷贝：当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝。 2.深拷贝：拿人手短，如果B没变，那就是深拷贝，自食其力。 这里强调，深拷贝，是拷贝对象各个层级的属性。多层的对象，只拷贝一层，那还是浅拷贝。 所谓，拷贝，就是复制！ Obj
阅读全文
摘要：Jquery ajax, Axios, Fetch区别之我见 转载 https://segmentfault.com/a/1190000012836882
阅读全文
摘要：1.什么是AJAX? AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页应用的网页开发技术。它使用： 使用XHTML+CSS来标准化呈现； 使用XML和XSLT进行数据交换及相关操作； 使用XMLHttpRequ
阅读全文
摘要：js的模块化之路 Javascript 模块的演化历史一定程度上代表了前端的发展史。从早期的 对象字面量、IIFE 到后来的 commonjs, AMD 等, 再到如今的 ES Module。这些模块化方案在互联网技术发展需求下不断革新，演进。 认知革命 农业时代 工业时代 科学时代 参考文章 ht
阅读全文
摘要：this的指向问题总结 普通函数和箭头函数的this指向 前端基础:call,apply,bind的的理解 渣渣解释地址1：https://segmentfault.com/a/1190000009650716 相关原理参考2：https://blog.csdn.net/Chengbo_X/arti
阅读全文
摘要：问题 今天遇到了ios手机下 弹出层上form表单 当收起键盘后，焦点错乱，无法再操作的问题 问题原因 Ios收起键盘以后，会对页面进行滚动操作，只需要 window.scroll(0,0)来重置一下就好。 解决办法 `
阅读全文
摘要：IOS系统中点击失效 问题 当委托给一个元素添加click事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的(如 div, span 等)，此时 click 事件会失效。 例如： 问题原因 React attaches event listeners to
阅读全文
摘要：Web前端开发中，以post方式向服务器发送请求的操作再平常不过。发送post请求时，若需要传递数据，数据是包含在消息主体中的。 # HTTP 请求<method> <request-URL> <version><headers> <entity-body> # 消息主体传递数据的方式有两种：表单和
阅读全文
摘要：首先JS获取当前时间 <script type="text/javascript"> window.onload = function(){ var nowDate = new Date(); var str = nowDate.getFullYear()+"-"+(nowDate.getMonth
阅读全文
摘要：一.layer的弹出层，有bug，或许是跟当前的JS冲突，所以，使用了zdialog.js 参考链接：http://www.jq22.com/jquery-info18718 引入三个文件，分别是，jquery.js，zdialog.js，zdialog.css 其中，具体的样式，可以在zdialo
阅读全文
摘要：任何一个JS插件，都可以看做是一个组件。 组件包含三种东西：HTML布局，CSS样式表，JS代码。 组件使用的时候：要也是要注意三个东西 一.html布局。 通过HTML结构分析，来快速的了解，插件的html布局。 1.HTML一般只有两种结构，父子结构，兄弟结构。 2.分析层数，分析出最精简的结构
阅读全文
摘要：一：关于语法糖和语法盐的概念 二.JS的语法糖 ES6疯狂给JS,添加语法糖，最常见的ES6语法糖有以下多个（不停更新） 参考链接：https://segmentfault.com/a/1190000010159725 总结如下： ###对象字面量的简写属性和计算的属性名不可同时使用，原因是简写属性
阅读全文
摘要：记录一下，今天客户的需求，想做成这种。 一：需求：国家地区号码选择器，带国旗展示 有国旗，有区号，有下拉，有提示，并且获取到纯手机号以后，提交到后台，要能知道，要展现类似+86-12727262722的电话样式。还要知道是哪个国家的。 二：后端字段的设计 设置了三个字段，phone（纯手机号），ph
阅读全文
摘要：让人恶心的cookie的创始人，终于找到了，1993年的那个卢姥爷! 卢- 蒙特利.发明的。慢慢往下看，你会更理解session和cookie。 一：HTTP无状态协议和socket双向通信 无状态协议是指协议对务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致
阅读全文
摘要：vm 的设计模式。 mvvm 是 model-view-viewModel 的简写。 model 是数据模块，view 是渲染视图，viewModel 是沟通视图和数据模块的桥梁。 vue 中使用了哪些设计模式1.工厂模式 - 传入参数即可创建实例 虚拟 DOM 根据参数的不同返回基础标签的 Vno
阅读全文
摘要：两者都是选择器，在CSS和JS中，都可以用来选择元素。得到一个元素，或者元素集。 x:nth-child(n) 获取 x元素的父元素中，第n个元素。无类型限制。 x:nth-of-type(n) 获取x元素父元素中，第n个x元素。限制了类型。 因此，仅仅从字面意义上，就能做好区分了，一个是限制了类型
阅读全文
摘要：// 问题1：判断下面一段代码运行的结果是什么？ var data = [] for (var i = 0; i < 3; i++) { data[i] = function() { console.log(i) } } data[0]() data[1]() data[2]() /** * 运行结
阅读全文
