随笔分类 - JS/ES6
JS知识/ES6语法
摘要:一、异步加载script的好处 为了加快首屏响应速度,前端会采用代码切割、按需加载等方式优化性能。异步加载script也是一种前端优化的手段。 就好比如果我的页面其中一个功能需要打开地图,但是地图的js插件包是非常大的,而如果用户不用地图功能的时候,我们当然不能再给它加载js地图包,白白让他多花等待
阅读全文
摘要:一、字符串操作方法 js中字符串方法操作有很多:concat、indexOf.... 这里只要介绍两种经常混淆的字符串截取方法: 、``substr`` 二、从例子入手 可以看到str1输出的长度为1,str2输出长度为2. substring 概念:返回字符串的一个子串,传入参数是起始位置和结束位
阅读全文
摘要:一、 什么是单页面富应用? 单页面应用:Single Page Application 概念:Web应用即使不刷新也在不同的页面间切换,解决浏览器前进、后退等机制被破坏等问题。并且页面访问会被浏览器保存。 实现方法: 1. Node+Html5实现 2. React/Vue等MVVM框架 二、单页面
阅读全文
摘要:一、写在前头 接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗?然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不
阅读全文
摘要:一、前面bb两句 因为自惭(自残)webpack配置还不够熟悉,想折腾着做一个小实例熟悉。想着七夕快到了,做一个聊天室自己和自己聊天吧哈哈。好了,可以停止bb了,说一下干货。 二、 这个项目能学到啥? 为了减少秒关文章的冲动。我得把好话放在前头。做了这个项目,我学会了....(对于我). 1. We
阅读全文
摘要:一、入门Webpack 参考文章: "《入门Webpack,看这篇就够了》" 耐心看完这篇非常有帮助 二、React+Webpack环境配置 参考文章: "《webpack+react项目初体验》" 项目实战: "《webpack+react小项目》" 三、webpack相关参数 1. entry参
阅读全文
摘要:项目运行 功能一览 1.购买产品 2.查看购买的产品 3.删除购买的产品 功能gif图: 实现过程 一、创建项目(脚手架方式) 通过使用create react app创建项目,可以免去安装和配置webpack和babel等工具,使得创建项目变得便捷许多,因为他们已经被预先安装和配置了。 好了,开始
阅读全文
摘要:一、前言 1. 校招笔试马上开始,整理一些算法题一起学习. 2. 我统一使用Javscript(V8/Node)解答,都已经调试通过. 3. 一起加油!一起进步! 二、题目 字符串拼接 提交链接: "字符串拼接" 题目: 不借用任何字符串库函数实现无冗
阅读全文
摘要:1.浏览器缓存机制 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储,当访问者再次访问同一页面时,浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有: 1. 减少了冗余的数据传输,节省了网费 2. 减少了服务器的负担,大大提升了网站的性能 3. 加快了
阅读全文
摘要:一、Promise的前言 解决回调地狱 当页面逻辑复杂起来的时候,管理起来特别不容易。 为解决这种问题,CommonJS提出Promise概念. 从字意去理解:Promise表示一种承诺,它拥有由浏览器引擎提供的两个函数:resolve和reject.通过具体情况调用相应的函数,然后再通过then写
阅读全文
摘要:今天有一个导出相应数据为excel表的需求。后端的接口返回一个数据流,一开始我用axios(ajax类库)调用接口,返回成功状态200,但是!但是浏览器没有自动下载excel表,当时觉得可能是ajax的安全性问题导致无法下载。下面列觉两种我测试成功的方式: 1.window.location.hre
阅读全文
摘要:一、前言 刚刚在使用splice()方法,发现这个方法返回的是删除后的数组元素,如果要获取删除指定元素后的数组,直接调用原来的数组即可!因为splice()会改变原来数组!之前对splice()方法一直不熟悉,写个随笔记录一下。 官方说明: 二、定义和用法 splice() 方法向/从数组中添加/删
阅读全文