发布了文章2020-07-25
解释:一共有四种方法将nums分割为2个子数组。其中最好的方式是将其分为[7,2,5] 和 [10,8],因为此时这两个子数组各自的和的最大值为18,在所有情况中最小。
赞了文章2019-04-26
到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,我发现极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。
发布了文章2019-04-04
client端和server端的配置有重复的地方,优化的手段就是将两个文件中重复的配置项提取出来,然后利用webpack-merge包去合并配置。
发布了文章2019-04-04
本章节内容主要时要时参照官方文档配置即可。 eslint配置 在根项目目录项新建.eslintrc文件 {代码...} 然后在client目录下新建同样的文件,来规范client端的代码 {代码...} 在webpack客户端和服务端的配置文件中,在rules下新增一个rule。 {代码...} 配置完这些后,...
发布了文章2019-04-03
由于配置了webpack-dev-server,客户端启动时,就不必再本地生成dist目录。但是服务器端的编译还是需要本地的dist目录,所以本节我们将会配置服务端的内容,使得服务端也不用依赖本地的dist目录。
发布了文章2019-04-02
按照前面的配置,更改App.jsx中的内容,保存后,页面上的内容也会实时的变化,这难道不是热更行吗?我刚开始也有这样的疑问。但是,你要注意,目前更改内容保存后,浏览器执行的是刷新操作,相当于F5刷新页面。而热更新就像ajax一样,只会更改修改的那部分,不会引起...
发布了文章2019-04-02
在前面2-5分支中,运行后控制台总会出现一些错误。原因就是client目录下app.js和App.jsx的文件名相似引起的。因此我们将app.js重新命名为main.js,然后修改客户端webpack的入口文件为main.js即可。
发布了文章2019-04-01
服务端渲染 服务端渲染(SSR)主要是为了SEO,加快首屏的加载速度等作用。利用react-dom/server提供的工具,我们很容易进行服务端渲染。 基本原理 服务端渲染的基本原理就是读取我们的模板文件,然后将其中的内容替换成我们自己的代码,然后生成一个完整的html文件返...
发布了文章2019-03-31
该系列文章主要是本人在学习慕课网React全栈课程中的一些记录和分享。该课程主要是利用React构建cnode网站,接口由cnode官方提供。由于课程中的webpack,babel版本较老,本次分享均是用的webpack4和Babel7。本系列文章重点不是React,主要是分享前端工程化的构建和服...
赞了文章2019-03-26
在项目中有涉及实现一行或者第几行后加省略号,在实现第几行后加省略号的时候,使用的是-webkit-line-clamp、-webkit-box-orient属性,会出现webpack打包-webkit-box-orient属性被忽略的情况,这里记录下
赞了文章2019-03-01
缓存可以说是性能优化中简单高效的一种优化方式了。一个优秀的缓存策略可以缩短网页请求资源的距离,减少延迟,并且由于缓存文件可以重复利用,还可以减少带宽,降低网络负荷。对于一个数据请求来说,可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓...
发布了文章2018-12-03
例如, path = "/home/", => "/home" path = "/a/./b/../../c/", => "/c"边界情况: 你是否考虑了 路径 = "/../" 的情况? 在这种情况下,你需返回 "/" 。 此外,路径中也可能包含多个斜杠 '/' ,如"/home//foo/" 。 在这种情况下,你可忽略多余的斜杠,返回 "/...
发布了文章2018-11-30
示例 1: 输入: "abcabcbb" 输出: 3 解释: 因为无重复字符的最长子串是 "abc",所以其长度为 3。 示例 2: 输入: "bbbbb" 输出: 1 解释: 因为无重复字符的最长子串是 "b",所以其长度为 1。 示例 3: 输入: "pwwkew" 输出: 3 解释: 因为无重复字符的最长子串是 "wke",...
发布了文章2018-11-14
观察者模式主要由一个目标对象(Subject)和一系列观察者(Observer)组成,如果目标对象发生改变,目标就会通知对应的观察者,每个观察者接收到通知后做出自己的变化。一个目标对象(Subject)可以管理自己的观察者(Observer),并且具有通知的方法,下面我们用代码...
发布了文章2018-11-12
列表时一组有序的数据结构,每个列表中的数据项称为元素。不包含任何元素的列表为空列表,可以在列表的末尾append一个元素,也可以在列表中指定位置insert一个元素,关于列表的抽象数据类型的定义如下:
发布了文章2018-11-04
直接上题目吧,假设高度已知,写出三栏布局,其中左右宽度各300px,中间自适应。很简单的一道题目,分分中就可以写出好几种解决方案,话不多说,直接上代码吧。
发布了文章2018-11-04
队列是先进先出(FIFO)的数据结构,插入操作叫做入队,只能添加在队列的末尾;删除操作叫做出队,只能移除第一个元素。在JS中,用数组可以很简单的实现队列。
赞了文章2018-10-30
打包完成后会看到命令行弹出一些打包后的信息,主要有main.js css assets chunk.js 等,其中main.js是启动是就需要加载的,chunk是今后懒加载的。
发布了文章2018-10-29
使用队列实现栈的下列操作: push(x) -- 元素 x 入栈 pop() -- 移除栈顶元素 top() -- 获取栈顶元素 empty() -- 返回栈是否为空 注意: 你只能使用队列的基本操作-- 也就是 push to back, peek/pop from front, size, 和 is empty 这些操作是合法的。 你所使用的语言...
发布了文章2018-10-25
事件发布/订阅模式 (PubSub) 在异步编程中帮助我们完成更松的解耦,甚至在 MVC、MVVC 的架构中以及设计模式中也少不了发布-订阅模式的参与。