js
微信公众号:大前端实践者
微信搜索公众号: 大前端实践者
展开
-
ES6学习之let和const
在我们开发的时候,可能认为应该默认使用 let 而不是 var ,这种情况下,对于需要写保护的变量要使用 const。然而另一种做法日益普及:默认使用 const,只有当确实需要改变变量的值的时候才使用 let。这是因为大部分的变量的值在初始化后不应再改变,而预料之外的变量之的改变是很多 bug 的源头。我们来看下背后的是什么鬼!基础理论块级声明用于声明在指定块的作用域之外无法访问的变量。块级作用域存在于: 函数内部 块中(字符 { 和 } 之间的区域) let 和 const.原创 2020-07-27 14:20:16 · 106 阅读 · 0 评论 -
媲美阿里P7的前端技术架构图,你要不要试一试?
前言进阶是每一个程序员都要面对的问题。是转型到管理还是架构。都是需要自己去作出选择并朝着目标前进。-- 瞎说的!!!以上我自己的在迷糊。前端攻城狮该如何向前发展,如何拿到高薪?别的不说。首先技术得过关呀。今天梳理了一份技术进阶图。意在规划自己的进阶路线。大家可以结合自身制定自己的学习路线。进阶路线总揽ES6VueJSReactJSNodeJS前端安全开放平台移动端开发工程化自动化测试性能优化算法与数据结...原创 2020-07-24 16:58:58 · 1853 阅读 · 0 评论 -
前端电商 sku 的全排列算法
前端电商 sku 的全排列算法什么是sku聊聊常见的需求解决思路思路分解上代码什么是sku针对电商而言:1、SKU是指一款商品,每款都有出现一个SKU,便于电商品牌识别商品。2、一款商品多色,则是有多个SKU,例:一件衣服,有红色、白色、蓝色,则SKU编码也不相同,如相同则会出现混淆,发错货。SKU,定义为保存库存控制的最小可用单位,例如纺织品中一个SKU通常表示:规格、颜色、款式。 STOCK KEEP UNIT,这是客户拿到商品放到仓库后给商品编号,归类的一种方法。聊聊常见的需求我们有三个原创 2020-06-17 16:16:23 · 1723 阅读 · 3 评论 -
JavaScript 之 数据结构及算法(栈)
1. 栈的定义栈(stack)又名堆栈,它是一种运算受限的线性表。限定仅在表尾进行插入和删除操作的线性表。这一端被称为栈顶,相对地,把另一端称为栈底。向一个栈插入新元素又称作进栈、入栈或压栈,它是把新元素放到栈顶元素的上面,使之成为新的栈顶元素;从一个栈删除元素又称作出栈或退栈,它是把栈顶元素删除掉,使其相邻的元素成为新的栈顶元素。2. 上代码function Stack() { var items = []; // 使⽤数组存储数据 // push⽅法向栈⾥压⼊⼀个元素 this.push原创 2020-05-17 15:59:49 · 162 阅读 · 0 评论 -
js汉字转拼音加排序
`const test_arr = [{wordname:‘s’},{wordname:‘x’},{wordname:‘w’},{wordname:‘f’},{wordname:‘q’},{wordname:‘e’},{wordname:‘a’},{wordname:‘b’},{wordname:‘c’},{wordname:‘d’},...原创 2019-12-16 16:49:29 · 7253 阅读 · 0 评论 -
javascript中数组的深拷贝的方法
1. 什么是浅拷贝在js当中,我们常常遇到数组复制的的情况,许多人一般都会使用“=”来直接把一个数组赋值给一个变量1 let a=[1,2,3];2 let b=a;3 console.log(b); //输出的是1,2,34 a[2]=0;5 console.log(b); //输出的是1,2,0把数组a用等号“=”的形式复制给变量b,这种就是js数组的浅拷贝。然而,正如上面...原创 2019-10-30 14:27:07 · 329 阅读 · 1 评论 -
export 与 export default
export 与 export default 区别1.export与export default均可用于导出常量、函数、文件、模块;2. export与export default 导出后,引用区别1.export与export default均可用于导出常量、函数、文件、模块;a. export 如果导出多个常量、函数、文件、模块 ;b. export default 则默认导出一个常量...原创 2019-09-09 18:01:48 · 186 阅读 · 0 评论 -
Don't make functions within a loop.
先看一下翻译我们在for循环中使用了 function(){}, 或则是() => {}, 声名了函数。浏览器回报错。但不影响使用,会很不爽,所以建议使用,变量来代替function dummy() {return this.name_;}// Or: var dummy = function() {return this.name;};for (var i = 0; i<...原创 2019-08-29 16:59:42 · 3597 阅读 · 0 评论 -
前端开发常用插件(长期连载)
git ----- GitLens git合并插件js ----- Big.js, ramda.js, lodash, copy-to-clipboard, cuid, file-saver, filesize, js-base64, js-sha256,css ---- classnames,原创 2019-08-14 11:22:08 · 373 阅读 · 0 评论 -
cookies、sessionStorage和localStorage解释及区别
HTML4的本地存储 cookie浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。一、cookie和sessioncookie和session都是用来跟踪浏览器用户身份的会话方式。区别:1、保持状态:cookie保存在浏览器端,session保存在服务器端2、使用方式:(1)cookie机制:如果不在浏览器中设置...转载 2019-05-07 14:25:35 · 303 阅读 · 0 评论 -
js转换px与mm, cm
纸张宽度(毫米mm): 纸张宽度(毫米cm): function compute(t){var width=document.getElementById(“width”).value;var height=document.getElementById(“height”).value;console.log(“width:”+width)console.log(...转载 2019-05-06 16:10:59 · 4725 阅读 · 1 评论 -
箭头函数与普通函数的区别
箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种只包含一个表达式,连{ … }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ … }和return。箭头函数是匿名函数,不能作为构造函数,不能使用new箭头函数不绑定arguments,取而代之用rest参数…解决箭头函数不绑定this,会捕获其所在的上下文的this值,作为自己的this值...原创 2019-05-06 15:34:49 · 378 阅读 · 0 评论 -
浏览器打印
window.document.body.innerHTML = window.document.getElementById(‘ReferenceForm’).innerHTML;window.print();window.location.reload();#ReferenceForm 的内容可以自定义布局等等原创 2019-05-06 13:59:34 · 692 阅读 · 0 评论 -
js中! 与!!的区别
! 给一个变量取反。 true 取反(!true),false,解读:true 的相反值未 false!! 给一个变量双重去翻,true 双重取反(!true) true解读: 先给 true 取反为 false, 在给false 取反为 true...原创 2019-04-25 17:11:07 · 361 阅读 · 0 评论