摘要：
一、 什么是单页面富应用? 单页面应用:Single Page Application 概念:Web应用即使不刷新也在不同的页面间切换,解决浏览器前进、后退等机制被破坏等问题。并且页面访问会被浏览器保存。 实现方法: 1. Node+Html5实现 2. React/Vue等MVVM框架 二、单页面 阅读全文
摘要：
今天用chrome打开页面的发现一个错误: ERR_UNSAFE_PORT 字面意思是error:不安全端口。 一、什么是默认非安全端口? 每个浏览器出于安全问题,都会禁止一些网络浏览以外的端口。因为不清楚这个机制,我用node开启的6000服务根本无法访问,调试 阅读全文
摘要：
一、写在前头 接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗？然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不 阅读全文
摘要：
一、前面bb两句 因为自惭(自残)webpack配置还不够熟悉,想折腾着做一个小实例熟悉。想着七夕快到了,做一个聊天室自己和自己聊天吧哈哈。好了,可以停止bb了,说一下干货。 二、 这个项目能学到啥? 为了减少秒关文章的冲动。我得把好话放在前头。做了这个项目，我学会了....(对于我). 1. We 阅读全文
摘要：
一、问题描述 ___ 想通过react redux和redux实现react组件之间的通信,reducer、action、store都编写正确,mapDispatchToProps也能正确传值.唯独mapStateToProps的return出现了问题。 但是用chrome的react插件查看pro 阅读全文
摘要：
一、入门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. 一起加油！一起进步！ 二、题目 字符串拼接 提交链接： "字符串拼接" 题目: 不借用任何字符串库函数实现无冗 阅读全文
摘要：
一、使用CSS3动画代替JS动画 JS动画频繁操作DOM导致效率非常低 在频繁的操作DOM和CSS时，浏览器会不停的执行重排（reflow）和重绘（repaint） 可以避免占用JS主线程 这边就不细说这两者具体的低优缺点。一般做2D动画的话,可以使用CSS3的transition或animatio 阅读全文
摘要：
1.浏览器缓存机制 浏览器缓存(Brower Caching)是浏览器在本地磁盘对用户最近请求过的文档进行存储，当访问者再次访问同一页面时，浏览器就可以直接从本地磁盘加载文档。 浏览器缓存的优点有： 1. 减少了冗余的数据传输，节省了网费 2. 减少了服务器的负担，大大提升了网站的性能 3. 加快了 阅读全文