客户端路由 vs 服务端路由

之前学习前端框架的时候,发现框架都会自带路由插件(React-Router等),与已知的后端路由进行联系。那客户端路由与服务端的路由的关系是?为什么要前端路由,一般不都是服务器向客户端的请求发送资源吗? 所以就有这篇科普文章的存在了;虽然下笔的时候觉得文笔太烂,不忍贴出太多的文字,最好是能贴上几百行代码,文章篇幅就够了。貌似和写毕业论文的时候烂贴图片有点像。...

阅读全文

CSS-Grid布局

目前还是实验属性,其引入了二维网格布局系统,可用于布局页面主要的区域布局或小型组件。包含以下属性: Fixed and flexible track sizes 固定像素或者弹性的单元格 Item placement 可以指定网格元素的位置或者算法计算位置 Creation of additional tracks to hold content 创建容纳...

阅读全文

CSS 布局

虽然也知道float布局、 表格布局,但实在是用的不太多。加上现在比较新的flex布局和Grid布局,还是需要做一个系统的总结。由于HTML表格布局是旧Web时代的遗留产物,不能语义化文档内容,对屏幕阅读器的适配和可读性都不太友好,所以是应该舍弃的布局方式。那么按照MDN上的文档,布局分为以下5种: 浮动布局 Floats 定位布局 Positioning...

阅读全文

create-react-app配置

这篇文章大体是对官方文档的一个翻译,把短期内自己会用到的提取了出来,作为一个环境搭建文档。### 编辑器中显示Lint信息添加.eslintrc 1"extends": "react-app" 编辑器中调试 只有VSCode支持在.vscode中添加launch.json 12345678910111213&quo...

阅读全文

Jest初学

老实说,这篇文章只能是作为初学总结吧。之前也看过Jasmine, 所以对API还是不陌生的。就总结下在自己的项目中如何写单元测试吧。这是一个结合项目的学习心得

阅读全文

JS中闭包的应用

前两天试刷CodeWars时,有道题一直没太明白思路,大概是一直按照传统函数式逻辑流程来思考所以没有了解这道题的立意。 Calculating with Functions This time we want to write calculations using functions and get the results. Let's have a...

阅读全文

正则匹配字符串中重复字符(串)

最近在看一些算法题的时候,发现在处理字符串中,经常需要找到字符串中重复的字符,然后进行其他操作。 寻找重复字符,我暂且分为以下几种。 匹配连续的单个重复字符 正则匹配比较简单:var reg = /(.)\1+/g . 匹配除行终结符外的任意字符() 匹配组,即将匹配括号中的表达式保存到临时区域,并可以由\num 捕获\1 引用第一个匹配组中的内容+ 匹配...

阅读全文

Webpack2初学总结

Webpackwebpack简单点来说就就是一个模块打包器,它能够将不同类型的资源文件、不同类型的模块都打包成js文件,通过模块、插件定制配置。 Webpack VS Browserify/Grunt/GulpGrunt/Gulp 更偏向于task-runner 任务管理Browserify 则更多的作为包管理Webpack...

阅读全文

广度优先搜索

概念广度优先搜索(Bread First Search: BFS)对源节点的子结点都进行遍历后,才会遍历子结点的子结点。BFS是很多重要的图算法的原型,比如Prim最小生成树算法和Dijkstra单源最短路径算法。 LeetCode之广度优先搜索 505.The Maze II设定与迷宫I一致,0表示空格,1表示障碍物,四周为墙;球一旦滚动则一直到遇到墙为...

阅读全文

bearychat技术栈分析

对一个比较不错的产品进行简单的分析。这不是官方的,只是用Chrome Dev Tools查看源码自己分析的。

阅读全文