自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

宅神的博客

非商业 个人知识整理 欢迎转载

  • 博客(207)
  • 收藏
  • 关注

原创 五月中级前端面试报告
原力计划

五月中级前端面试报告前端,面试时间 5.7-5.19,共计两周。西安,薪资区间 10-15由于考虑到个人发展原因,从杭州回到了老家陕西,面试了7、8家,2个offer收场。记录一下面试情况。(题目不重要,重点在于如何将眼花缭乱的题目分类到你的知识体系中。公司A公司情况:初创公司,银行项目,人数20+,需出差。技术栈:前端vue+后端spring问题:url输入到页面显示全过程vuex包括哪些内容vue项目优化computed和watch区别vue-router钩子介绍vue-ro

2020-05-24 12:06:16 4187 12

原创 前端版圆桌派—看P9+大佬如何体系的思考
原力计划

本环节为Q&A环节, 分享嘉宾 Daniel Ehrenberg,响马,玉伯,Hax。流程是对大家想要了解的关于前端的一些问题总结了六条,嘉宾对问题依次给出回答。一. 优秀的前端需要什么样的基本素质或者能力模型Hax: 这个问题的话,从传统的基本素质来讲—“像素眼”(一片笑声),比方说设计稿跟你现在的实现有什么差别,一眼就能看出来,所以这个可能是其中之一(递话筒)。响马:我接...

2020-04-14 23:10:04 842

原创 忙碌的你不妨停下来, 看看这份前端规划
原力计划

2020.4.11 前端早早聊第四期 主题「前端规划」因为是个人发展方向的活动,所以我改了之前的QA文章风格,尽量全盘记录,文字已校对,自己读了三遍,逻辑也通顺。各位仁者见仁,智者见智。如果觉得好,赠人玫瑰,手留余香。希望给个赞~堂主:如何在初级到专家的路上打破成长瓶颈一.层级划分初级:能够完成任务,有人带高级:1-3年能够主动协调、独当一面资深:2-5年具备一定影响力...

2020-04-13 09:23:59 7658 19

原创 读书前学习如何读书

人类社会只有发明了发明的方法之后才能发展。同样道理,你们只有学习了学习的方法之后才能进步。 ——查理芒格进了开发的门,从一开始就在查文档、百度搜 bug 解决的文章、买书,读书。买了很多很厚的工具书,然后拿来垫桌子。再然后熟练掌握了 CV 大法、熟练了业务,就更懒得读书。再过两年,又开始蠢蠢欲动,各种直播课、各个平台的收费专栏,买!学习怎么能抠抠搜搜的,这就是我(后面感觉都是冲动消费)。市面上的广告会教你这些:不学习新的知识,好的工作会离你而去要学会深入挖掘,去看框架的源码要足够自律,坚持学.

2021-01-28 23:37:24 28 1

原创 你不知道的图灵与前端的那些事

背景:2020.10.24 程序员节,各个大佬分享前端 JS 的过去、现在、未来当天准备好瓜子饮料,听各位大佬讲 JS 发展,就跟现场听一群老人讲历史一样,挺有意思。也正值“红宝书”第四版发售,邀请了图灵联合创始人—刘江来做嘉宾,给大家讲讲他与 JS 的故事。为了故事的完整性,还是以刘江老师的第一人称讲述来还原下:早期哈哈,大家可能不知道,犀牛书和红宝书最早都是我出(引进)的,当时还是九几年的时候,我还在电力出版社。所以对这两本书还是很有感情的。那时候大概 2000 年左右,我还不太懂技术,就经.

2020-11-21 15:52:37 158 1

原创 再读 React 官方文档

首先祝大家 1024 快乐,然后是最近在看的文档,毕竟最好的 React 学习资料还是官方文档。第一次读 React 文档是为了会用,第二次读,是为了学一些不常用的或者新的特性。 像 hook、HOC 等等现在再读文档,我希望了解之前忽略的部分(如设计理念,规则,定义),完善对它的理解。React 哲学如何创建应用?按照“单一功能原则”(即一个组件原则上只负责一个功能)将 UI 拆分组件层级因为你经常是在向用户展示 JSON 数据模型,所以如果你的模型设计得恰当,UI(或者说组件结构)便.

2020-10-24 22:16:25 63

原创 JavaScript自检清单

一. 自省方法,等值判断,数据类型特性let a = '123'let b = [1,2]const c = {a:'123', b:'456'}function A(){}A.prototype.name = 'A'const a1 = new A// 基础类型判断typeof a // stringa instanceof String // true// 对象/数组类型判断b instanceof Array // trueArray.isArray(b.

2020-09-04 16:47:48 107

原创 编程,如何开始?

        作为一名职场三年的中级程序员,经常会有一些朋友/亲戚向你请教如何入编程这一行,他们或许看上了颇高的收入,或许对于努力却又茫然的现状不满,总之是想入这一行。但是问的人多了,而你总是重复着一样的话,回答着同样的问题。程序员最不喜欢的事情就是重复。这也是本文产生的一个背景。        关于如何开始,其实很多书籍里都有介绍,比如我最近在

2020-09-02 15:28:21 163

原创 技术人如何管理时间?
原力计划

时间管理不喜欢看文字稿的朋友可以戳视频链接时间管理上班的时间越久,越发的注重时间管理。之前总是听前辈说:越厉害的技术人,越不加班,越注重效率和时间管理。越有自己的时间用来学习。反而就是你们这半吊子水平,才容易被人压榨工时,做一些重复劳动。既没有学习时间,也没有跳出去选择的能力。我是希望自己能有所改变的,但耻于跟人分享,觉得技术博客写这种东西很不搭。但是有一天在掘金我发现了时间管理的沸点,官方发的让大家分享自己是如何管理时间的。那官方都发了,我也跟下风,这就不奇怪了。再就是写这篇文章的初衷,希望和

2020-06-20 15:35:11 241

原创 从不同的角度看面试,你能学到更多
原力计划

前端如何面试2020.5.31 前端早早聊第八期 前端聊面试候选人角度如何梳理结构化体系知识?每个人的经历和基础水平是不一样的,可以借鉴下面分类来梳理自己的知识体系常规前端基础知识遇到业务问题而做源码解析奇怪问题的集合社区优秀问答收集工程架构:书籍摘抄、软工类进阶规划项目亮点如何深挖?简历中项目的知识点,自行审视之后对比其他方案。这个知识点背后利用了什么算法?举例:React 的 diff 算法,先做个标准回答,然后对比其他 diff 场景,不同 diff 算法各有

2020-05-31 18:35:42 306

原创 首发|微前端专场笔记
原力计划

微前端2020.5.30 前端早早聊微前端专场什么是微前端?解决什么样的问题玉伯:微前端的前提,还是得有主题应用,然后才有微组件或微应用,解决的是可控体系下的前端协同开发问题。(含空间分离带来的协作和时间延续带来的升级维护。这个概念来源于后端微服务,将微服务概念用于浏览器端,以使多个SPA应用接入到框架应用中。要解决的问题是团队平台系统多且相互独立,系统体量大且页面多,开发效率低、接入成本高。基于这样的问题,有没有其他的解决方案?巨石应用:随着页面增多,开发效率和稳定性会无法满足

2020-05-31 09:11:41 184

原创 一场前端监控主题分享带给我的启发
原力计划

2020.4.25 前端如何搞监控场景搭建平台开发的组件太多,实际上很多功能类似,需要监控组件在一类场景下效能如何组件监控的指标引用量,引用次数高对此组件的优先级也高曝光点击率: 引导转化率 = 引导成交量/点击量/曝光量数据接口: 加载时间、组件异常、白屏率配置复杂度:比如输入转选择类型,预设默认值,减少用户配置时间代码质量:编译过程中,ESlint上报不合规App...

2020-04-26 09:28:05 540

原创 前端中台扫盲
原力计划

中台课堂笔记什么是中台以拍电影为例: 我们看到的前台就是产出的电影本身,后台是整个拍摄组,那么中台就相当于横店影视城,提供可复用的场景来供后台使用,比如拍古装、民国片对应的场景,来产出不同的电影。前台:所见即所得后台:复杂逻辑中台:拥有可复用的场景的平台中台的作用/特点减少重复劳动、赋能、平台化中台的划分主要分为:前台与后台之间的中台、技术中台、业务中台、组织中台举例: G...

2020-04-19 00:09:55 1071

原创 前端大事记 | 你是否了解前端历史

最近在整理面试题,看到前端发展,便按时间线将对于前端比较重要且大家切身体会到的事情记录下来。文章很短,但很有用。有补充或者错误欢迎评论指出正文开始:蛮荒时代: 没有前端概念,服务端比重非常大,都是PHP和Java语言的一些MVC框架在View层来写HTML和CSS样式,浏览器端仅处理些HTML表单和简单样式,直至1995年JavaScript出现,改变这一状况。HTML表单提交前利用J...

2020-04-13 11:56:15 656

原创 前端搭建
原力计划

2020.3.28 前端早早聊第三期 主题「前端可视化搭建|智能搭建活动开始前,我先抛出这样一些问题,带着问题去听:为什么需要搭建搭建前后对比效果搭建过程中遇到哪些问题,如何解决搭建项目产出后有什么感悟搞搭建对开发的要求对人力的要求并且对于活动中会讲到的已开源搭建产品,都去试了下,以用户的角度去感受一下。在这里,我依然以QA的方式来整理自己的收获,因为这样会更直观。(毕竟视...

2020-03-29 22:00:13 691

原创 前后端都应掌握的网络基础扫盲
原力计划

网络基础扫盲通过本文将一些前后端常见的网络基础知识串起来,知道它们为何出现/解决什么问题,标红字体即为知识点。对于非科班出身的程序员来说,面试遇到最头疼的问题之一就是网络基础,比如你肯定遇到过下面的问题:HTTP协议TCP/UDPOSI 模型HTTP/HTTPS/HTTP2SSL/TLSsocketcors/跨域状态码cookierequest/response…...

2020-03-23 17:19:30 453 1

原创 如何产出高质量文章
原力计划

如何产出高质量文章2020.3.21 参加在线活动记录一直以来我也写了很多文章,不管是技术博客还是生活琐事。只要发布在平台,肯定会想有高的曝光。所以对这个活动也有很浓厚的兴趣。由于进直播间比较晚,进去时有几分钟陶老师一直在说他的开源项目,搞得我以为走错了。在听了一会之后,逐渐对陶老师的话题产生了兴趣。如何宣布开源?对于开发者来说,自己写的项目开源也就开源了,无非是github p...

2020-03-22 15:32:40 1476

原创 提升开发效率—WebStorm的奇淫技巧

提升开发效率—WebStorm的奇淫技巧标题说是webstorm, 其实Jetbarins idea通用,最近买了webstorm, 花了钱就得物尽其用。利用闲暇时间整理一些以前没有注意到的功能。当然文中的功能VScode都有插件,不过这属于习惯问题不作讨论。1. 文件快速定位2. favorites(类似收藏夹)文件特别多的时候,要找到常用的文件简直耗费时间。这时候可以把文件加...

2020-03-17 17:20:04 818

原创 react cra+dva—登录实现

react+dva—登录实现上一节使用react-redux实现了最简登录,我们改用dva库替代 react-redux本节完整代码github链接注: 本文是在上篇 react实现最简登录 的基础上加上 dva库的使用分步骤进行:删掉store目录(不需要了,store换个形式放到dva app中注册dva appdva也提供了 connect 方法,将privateRout...

2020-03-11 16:59:58 403

原创 react案例—实现最简登录

react案例—实现最简登录文中代码都是片段,主要说明主要逻辑,完整代码参考 github用到的库是 react-router + react-redux通过 react-route 的快速入门我们很容易可以得到这样的路由最终效果主要逻辑我们进一步来改造,实现进来默认到登录页,登录成功看到菜单及对应组件。简单分析下需求:用户打开页面‘/’时,会先判断是否登录,我们用一...

2020-03-10 14:39:59 924

原创 React源码解析(一)

React源码解析(一)github地址要点掌握:三个API作用,Component、render、createElementjsx模板渲染的过程:createElementfunction createElement(type, props, ...children) { if (props) { delete props.__source; delete ...

2020-03-08 23:35:08 203

原创 react相关库扫盲

react相关库建议多多阅读dva与umi文档先来做一些概念扫盲:redux-thunk: redux中间件,用来改造store.dispatch, 使其可以接收函数作为参数。通常可以它其作为异步的一种解决方案。redux-saga: 管理应用副作用的库,即管理异步获取数据、访问浏览器缓存相关操作, 从名字上来看就跟状态相关。redux-saga与redux-thunk相比,他...

2020-03-06 19:52:04 257

原创 前端基建
原力计划

前端基建2.29 参加了前端早早聊线上直播活动,主题是前端基建。5个小时的干货,很难消化。先整理一些问题,以Q&A形式来理解基建相关经验。 慢慢补充~1. 什么是前端基建?A:即前端基础建设,小到文档规范,脚手架工具,大到工程化、各个领域工具链,凡是能促进业务效率、沟通成本都可以称作前端基建。2.业务和前端基建的关系?A:前端基建一定是为辅助业务而出现的,对公司来讲,...

2020-03-04 20:25:51 822

原创 实现简易版 React Route

实现简易版 React Route我们都知道 React中,一切皆组件。Router的使用就是引入一个个组件,非常方便。常见的路由组件有这些:Link 路由链接Route 基本路由Switch 独占路由Redirect 重定向组件PrivateRoute 导航守卫BrowserRouter 在Route基础上添加了一些API方法上面组件用法不多介绍了,参考react-route...

2020-03-03 01:56:02 229

原创 手动实现简易版 react-redux

实现简易版 react-redux上一节我们实现了简易版的 redux,本节主要实现 react-redux。同时解决下面问题:相比 redux, react-redux 有什么好处/做了什么react-redux 用法react-redux 有什么好处redux中的 createStore 方法返回三个内置方法getState, dispatch, subscribe...

2020-03-02 17:43:21 162

原创 手动实现简易版redux

手动实现简易版redux源码地址:kredux分支先来回顾下redux工作方式store 状态管理容器,内置getState, dispatch, subscribe方法state 改变的唯一方式是通过 store.dispatch(action) 来触发reducer,reducer根据action传来的type实现不同的更新state措施由于redux无法异步,所以需要对red...

2020-02-24 00:40:03 202

原创 vue常见面试题

春节期间每天一道面试题,整理出20道。有些问题回答看似简单,但实际上也是查阅了官方文档,源码,并可以对问题相关知识点进行扩展。所以本文并非是标准,只作为参考。1. Vue 中v-if和v-for哪个优先级高?如果两个同时出现,应该怎么优化得到更好的性能?v-if 与 v-for 如果同时出现,每次渲染都会先执行循环再判断条件,无论如何循环都不可避免,浪费了性能。v-if 和 v-for ...

2020-02-10 00:24:01 422

原创 Vue SSR

Vue SSR什么是SSR?/为什么要使用?/ 什么情况下该用 / 基本使用方法——直接看官方文档 SSR需求:理解 SSR 项目各个文件配置流程请求过程构建步骤这是官方给出的构建步骤示意图对于客户端应用程序和服务器应用程序,我们都要使用 webpack 打包 - 服务器需要「服务器 bundle」然后用于服务器端渲染(SSR),而「客户端 bundle」会发送给浏览...

2020-01-20 10:19:22 225

原创 2019 年终总结

2019 年终总结其实也没啥好总结的,去年的好多计划都没实现…这一年我的关键词是「见识」,见识了很多之前不曾接触到的东西:第一次拔智齿,第一次看舞剧,第一次观看演奏会,第一次参加D2…就像 winter 老师说的:知识就在那里。感觉各种各样的体验都是学习的机会,随着年龄的增长,我却愈发对生活感到好奇,感到热爱。当然,这一年也有些差强人意的经历:公司倒闭->休息->找工作,打...

2020-01-20 10:10:03 648

原创 前端常用VSCode插件

名称描述Auto Close Tag自动闭合HTML标签Auto Importimport提示Auto Rename Tag修改HTML标签时,自动修改匹配的标签Airbnb react snippetsreact编码规范AutoFileName自动补全文字名Babel JavaScriptbabel插件,语法高亮Babelrc...

2020-01-09 09:54:12 433

原创 不会被误解的变量名

不会被误解的变量用 min 和 max 表示(包含)极限我们在给变量起名时,常常会遇到含糊不清的情况,比如:const CART_TOO_BIG_LIMIT = 10if (shopping_cart.num_items() >= CART_TOO_BIG_LIMIT) { // ...}代码中的 CART_TOO_BIG_LIMIT 含义到底是 “小于” 还是 “小于/...

2020-01-01 19:47:37 85

原创 代码的“审美”

本文摘自 《编写可读代码的艺术》第三章—— “审美”好的代码应该 “看上去养眼”,如何使用好的留白、对齐、顺序使你的代码变得更易读?确切地说,有三条原则:使用一致的布局,让读者很快习惯这种风格让相似的代码看上去相似把相关代码行分组,形成代码块本文只关注可以改进代码的简单“审美”方法,有时候代码也可能与审美无关,更需要大规模重构、拆分。为什么审美这么重要我们来看看下面代码:...

2019-12-30 22:21:24 123

原创 TypeScript语法规范

TypeScript是JavaScript的超集,提供了更严格的类型声明,方便在静态类型检查时就避免因为类型问题产生的bug。工欲善其事,必先利其器,让我们来看看TypeScript是怎样声明数据类型的一. 声明1. 基本数据类型+ts特有类型void声明/*** Note: 未指定类型时, TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型...

2019-12-09 17:37:20 333

原创 es5引用类型对象方法

文章目录引用类型对象方法一. 包装对象类型StringBooleanNumber二. Function理解内部属性方法三. RegExp实例属性实例方法构造函数属性四. DateDate.UTC()Date.parse(dateStr)Date.now()日期格式化方法日期/时间组件方法(太多了,不列举五. Global对象URI编码方法eval(script)属性六. window对象七. 数组...

2019-12-03 11:04:20 217

转载 常用正则

正则表达式规则校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\...

2019-11-27 16:58:01 102

转载 Web开发之JWT应用

文章目录前言一、Token1. API 鉴权2. Token 的优势3. Token 的种类二、JWT 的组成和优势1. 组成头部(header)载荷(Payload)签名(Signature)2. 使用3. 相对于一般 token 的优点无状态编码数据三、JWT 的安全问题1. 重放攻击2. token 被盗四、JWT 的其他问题1. 注销问题1.1 客户端主动注销1.2 服务端主动注销 \ 用...

2019-11-25 16:32:19 128

转载 Vue源码解析之nextTick

文章目录Vue源码解析之nextTick前言源码分析能力检测实现一个简易的nextTickVue源码解析之nextTick前言nextTick是Vue的一个核心功能,在Vue内部实现中也经常用到nextTick。但是,很多新手不理解nextTick的原理,甚至不清楚nextTick的作用。那么,我们就先来看看nextTick是什么。nextTick功能看看官方文档的描述:在下次 D...

2019-11-25 15:31:21 110

原创 vue知识图谱

思维导图地址:https://github.com/ZHAISHENKING/vue_api_demo/blob/master/vue.svg可以保存svg图用google浏览器打开查看大图个人翻阅Vue.js官方文档作出总结整理,主要有以下几点:mvvm实现原理核心特性框架对比指令组件状态管理路由...

2019-11-13 16:42:36 716

原创 vue异步轮播问题

功能:点击菜单切换轮播,轮播内容三秒切换一页,菜单每5min自动轮播一次插件:vue-awesome-swiper.js遇到的问题:当轮播内容分组且异步加载时loop不生效菜单切换时 如果轮播只有一页,下一个菜单内容有多页时会停止轮播,此时应判断加载页数手动开启/停止轮播代码:https://github.com/ZHAISHENKING/vue_api_demo/blob/ma...

2019-11-12 11:19:51 200

原创 lodash库方法说明

文章目录数组方法集合方法函数方法‘Lang’ method数学方法数字方法对象方法数组方法# 查head(array) # 返回array的第一个元素last(array) # 获取array最后一个元素nth(array, n) # 获取第n个元素, n可以为负数sortedIndex(array, value) # value可以插入已排序数组array的位置,返回索引 ([3,5...

2019-11-04 20:51:42 274

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除